@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary:#2d6a4f;--primary-light:#40916c;--secondary:#1b4332;--background:#f5f7f5;--surface:#fff;--text:#1b2d24;--text-muted:#6d8276;--board-light:#eaf0eb;--error:#fb7185;--border-radius-md:20px;--border-radius-lg:32px;--font-main:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}nav{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.nav-logo{color:var(--primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav-logo img{border-radius:8px;width:40px;height:40px}.hero{text-align:center;padding:6rem 0}.hero-icon{border-radius:var(--border-radius-md);width:120px;height:120px;margin:0 auto 2rem;box-shadow:0 10px 30px #2d6a4f26}h1{color:var(--text);margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subtext{color:var(--text-muted);max-width:650px;margin:0 auto 3rem;font-size:1.25rem}.btn{background-color:var(--primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;align-items:center;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background-color .2s;display:inline-flex}.btn:hover{background-color:var(--primary-light);transform:translateY(-2px)}.btn-secondary{background-color:var(--surface);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background-color:var(--background)}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:4rem 0;display:grid}.card{-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-md);background:#ffffffb3;border:1px solid #2d6a4f1a;padding:2.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background-color .2s;box-shadow:0 10px 30px #00000005}.card:hover{transform:translateY(-5px)}.card h3{color:var(--primary);margin-bottom:1rem;font-size:1.5rem}.card p{color:var(--text-muted)}.legal-content{max-width:800px;margin:0 auto;padding:4rem 0}.legal-card{background:var(--surface);border-radius:var(--border-radius-lg);padding:3rem;box-shadow:0 4px 20px #00000008}.legal-content h1{margin-bottom:2rem;font-size:2.5rem}.legal-content h2{color:var(--primary);margin:2rem 0 1rem;font-size:1.5rem}.legal-content p,.legal-content li{color:var(--text-muted);margin-bottom:1rem}footer{text-align:center;background:var(--surface);border-top:1px solid #2d6a4f14;margin-top:6rem;padding:4rem 0}.footer-links{margin-bottom:2rem}.footer-links a{color:var(--text-muted);margin:0 1rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright{color:var(--text-muted);font-size:.9rem}@media (width<=768px){h1{font-size:2.5rem}.hero{padding:4rem 0}}.bokeh-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bokeh{filter:blur(80px);opacity:.08;border-radius:50%;animation:25s ease-in-out infinite alternate drift;position:absolute}.bokeh-1{background:var(--primary);width:350px;height:350px;top:5%;left:-5%}.bokeh-2{background:var(--primary-light);width:450px;height:450px;animation-duration:35s;bottom:-10%;right:-5%}.bokeh-3{background:var(--secondary);width:250px;height:250px;animation-duration:28s;top:35%;right:15%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,40px)scale(1.15)}}.puzzle-section{z-index:5;justify-content:center;align-items:center;padding:3rem 0;display:flex;position:relative}.puzzle-container{text-align:center;border-radius:var(--border-radius-lg);width:100%;max-width:480px;padding:2rem!important}.puzzle-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.puzzle-title{color:var(--primary);font-size:1.25rem;font-weight:700}.strikes-container{gap:.5rem;font-size:1.5rem;display:flex}.strike-dot{color:#e2e8f0;line-height:1;transition:color .3s}.strike-dot.active{color:var(--error)}.board-wrapper{aspect-ratio:1;border-radius:12px;width:100%;margin:0 auto 1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #2d6a4f1a}.chessboard{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.square{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:relative}.square.light{background-color:var(--board-light)}.square.dark{background-color:var(--primary-light)}.square.selected{box-shadow:inset 0 0 0 4px #fb7185}.piece{z-index:2;justify-content:center;align-items:center;width:85%;height:85%;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.piece.w{color:#fff;filter:drop-shadow(0 2px 4px #00000059)drop-shadow(0 0 1px #000)}.piece.b{color:#1b2d24;filter:drop-shadow(0 2px 4px #0000004d)drop-shadow(0 0 1px #fff)}.piece.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.promo-overlay{z-index:10;opacity:1;background:#1b2d24d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.promo-overlay.hidden{opacity:0;pointer-events:none}.promo-card{background:var(--surface);border-radius:var(--border-radius-md);flex-direction:column;align-items:center;width:90%;max-width:320px;padding:2.5rem 2rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(1);box-shadow:0 15px 40px #0000004d}.promo-overlay.hidden .promo-card{transform:scale(.8)}.promo-badge{color:var(--primary);letter-spacing:.1em;background:#2d6a4f1a;border-radius:99px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.promo-elo{color:var(--text);margin:.5rem 0;font-size:2.5rem;font-weight:700}.promo-tier{color:var(--text-muted);margin-bottom:2rem;font-weight:500}.confetti-canvas{z-index:100;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.puzzle-instruction{color:var(--text-muted);font-size:.9rem;font-weight:500}