.cta-section{color:#fff;background:linear-gradient(90deg,#08f,#ff6b00)}.cta-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}.cta-title{margin-bottom:16px;font-size:36px;font-weight:700}.cta-desc{max-width:600px;margin-right:auto;margin-bottom:32px;margin-left:auto;font-size:20px}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn{padding:1.25rem 2.5rem;font-size:20px}.cta-btn-white{color:#08f}.cta-btn-secondary{color:#fff;background-color:rgba(0,0,0,0);border-color:#fff}.floating-decorations{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.floating-decorations .float{position:absolute;font-size:24px;color:hsla(0,0%,100%,.1);animation:float 6s ease-in-out infinite}.floating-decorations .float.float-1{top:20%;left:10%;animation-delay:0s}.floating-decorations .float.float-2{top:60%;left:80%;animation-delay:1s}.floating-decorations .float.float-3{top:30%;left:70%;animation-delay:2s}.floating-decorations .float.float-4{top:80%;left:20%;animation-delay:3s}.floating-decorations .float.float-5{top:10%;left:50%;animation-delay:4s}@keyframes float{0%,to{opacity:10%;transform:translateY(0) rotate(0deg)}50%{opacity:30%;transform:translateY(-20px) rotate(180deg)}}.hero-section{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:75vh;overflow:hidden;background:linear-gradient(180deg,#f0f6ff,#fff)}.hero-floating-bg{position:absolute;z-index:0;inset:0;pointer-events:none}.float-1{top:25%;left:20%;font-size:48px;color:var(--color-primary)}.float-1,.float-2{position:absolute;opacity:20%}.float-2{top:33%;right:25%;font-size:38px;color:var(--color-secondary);animation-delay:1s}.float-3{bottom:25%;left:33%;font-size:64px;color:var(--color-accent);animation-delay:2s}.float-3,.float-4{position:absolute;opacity:20%}.float-4{right:20%;bottom:33%;font-size:48px;color:var(--color-primary);animation-delay:1.5s}.float-5{position:absolute;top:66%;left:16%;font-size:80px;color:var(--color-secondary);opacity:20%;animation-delay:.5s}.hero-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-content{display:flex;flex-direction:row;gap:64px;align-items:center;justify-content:space-between;width:100%}.hero-title-block{flex:1 1 0;max-width:600px;margin:0;text-align:left}.hero-title{margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subtitle{margin-bottom:32px;font-size:22px;color:#666}.hero-buttons{width:-moz-fit-content;width:fit-content}.game-mode-buttons,.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.game-mode-buttons a{text-decoration:none}.hero-btn-online,.hero-btn-primary,.hero-btn-secondary{display:flex;gap:12px;align-items:center;justify-content:center;min-width:140px;padding:1rem 2rem;font-size:18px;white-space:nowrap}.hero-btn-online{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none}.hero-btn-online:active{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}@media(hover:hover){.hero-btn-online:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}}.icon-right{margin-left:8px}.icon-left{margin-right:8px}.hero-board-outer{position:relative;z-index:10;display:flex;flex:0 0 auto;justify-content:center;max-width:420px;margin:0}.hero-board{position:relative;z-index:10;overflow:hidden;background:#fff;border-radius:32px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);animation:bounce-slow 3s infinite}.hero-game-image{display:flex;align-items:center;justify-content:center;overflow:hidden}.game-screenshot{width:100%;max-width:400px;height:auto}.hero-deco-1{bottom:-24px;left:-24px;width:80px;height:80px;background:#ff6b00}.hero-deco-1,.hero-deco-2{position:absolute;z-index:0;border-radius:50%;opacity:30%}.hero-deco-2{top:-32px;right:-32px;width:64px;height:64px;background:#ffd100}.hero-deco-3{position:absolute;top:50%;right:-48px;z-index:0;width:40px;height:40px;background:#08f;border-radius:50%;opacity:30%}@media(width <= 900px){.hero-section{min-height:700px;padding-top:100px;padding-bottom:40px}.hero-container,.hero-content{align-items:center}.hero-content{flex-direction:column;gap:40px}.hero-board-outer{margin-top:70px}.hero-board-outer,.hero-title-block{max-width:100%}.hero-title-block{margin:0 auto;text-align:center}.hero-buttons{justify-content:center}}