#root{margin:0;padding:0;text-align:center;min-height:100vh;width:100vw}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--tour-accent: #22d3ee;--tour-accent-soft: #67e8f9;--tour-bg: #111827;--tour-surface: #082f49;--tour-text: #e2e8f0;--tour-muted: #475569;--tour-border: 1px solid rgba(34,211,238,.5);--tour-radius: 16px;--tour-shadow: 0 22px 65px rgba(0,0,0,.55),0 0 28px rgba(34,211,238,.16);--tour-mask: rgba(2,6,23,.76);--tour-close: #ef4444;--tour-close-border: #fecaca;--tour-robot-bg: linear-gradient(145deg,#1e293b,#0f172a);--tour-robot-face: #020617;--tour-robot-mouth: #f472b6}.tour-robot-message{display:flex;align-items:center;gap:16px;min-height:92px;padding:12px 28px 4px 2px}.tour-guide-copy{flex:1;color:var(--tour-text);font-size:15px;font-weight:600;line-height:1.55;white-space:pre-wrap}.tour-typing-caret{display:inline-block;width:2px;height:1em;margin-inline-start:4px;background:var(--tour-accent);vertical-align:-.12em;box-shadow:0 0 7px var(--tour-accent);animation:tourCaretBlink .72s steps(1,end) infinite}.tour-guide-robot{position:relative;flex:0 0 72px;width:72px;height:62px;padding:13px 11px 9px;border:2px solid var(--tour-accent);border-radius:20px;background:var(--tour-robot-bg);box-shadow:inset 0 0 14px color-mix(in srgb,var(--tour-accent) 18%,transparent),0 8px 20px #00000059;animation:tourRobotFloat 2.1s ease-in-out infinite}.tour-guide-antenna{position:absolute;top:-12px;left:50%;width:3px;height:12px;background:var(--tour-accent);transform:translate(-50%)}.tour-guide-antenna:before{content:"";position:absolute;top:-5px;left:-4px;width:11px;height:11px;border-radius:50%;background:var(--tour-robot-mouth);box-shadow:0 0 12px var(--tour-robot-mouth)}.tour-guide-face{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;width:46px;height:34px;margin:auto;padding:8px;border-radius:12px;background:var(--tour-robot-face)}.tour-guide-face i{width:8px;height:10px;border-radius:50%;background:var(--tour-accent-soft);box-shadow:0 0 8px var(--tour-accent)}.tour-guide-face b{grid-column:1 / -1;width:20px;height:4px;margin:-2px auto 0;border-radius:0 0 8px 8px;background:var(--tour-robot-mouth)}.tour-guide-robot.is-speaking .tour-guide-face b{transform-origin:50% 0;animation:tourRobotTalk .19s steps(2,end) infinite}@keyframes tourRobotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes tourRobotTalk{0%,to{height:3px;border-radius:999px;transform:scaleX(.78)}50%{height:11px;border-radius:4px 4px 9px 9px;transform:scaleX(1)}}@keyframes tourCaretBlink{0%,48%{opacity:1}49%,to{opacity:0}}[dir=rtl] .tour-robot-message{padding:12px 2px 4px 28px}@media(max-width:480px){.tour-robot-message{gap:11px;min-height:84px}.tour-guide-robot{flex-basis:62px;width:62px;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.tour-guide-robot,.tour-guide-robot.is-speaking .tour-guide-face b,.tour-typing-caret{animation:none}}.tour-close-button{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid var(--tour-close-border);border-radius:50%;color:#fff;background:var(--tour-close);box-shadow:0 4px 12px #00000073;cursor:pointer}.tour-close-button span{display:block;margin-top:-2px;font:400 29px/1 Arial,sans-serif;transform:none}.tour-close-button:hover{background:#dc2626;transform:scale(1.06)}.tour-close-button:focus-visible{outline:3px solid var(--tour-accent-soft);outline-offset:2px}.tour-step-navigation{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:16px;margin-top:18px}.tour-step-navigation button{display:grid;place-items:center;width:48px;height:40px;padding:0;border:1px solid var(--tour-accent);border-radius:calc(var(--tour-radius) * .75);color:var(--tour-accent-soft);background:var(--tour-surface);box-shadow:0 0 14px color-mix(in srgb,var(--tour-accent) 16%,transparent);cursor:pointer}.tour-step-navigation button span{font:700 26px/1 Arial,sans-serif}.tour-step-navigation button:hover:not(:disabled){border-color:var(--tour-accent-soft);filter:brightness(1.14);transform:translateY(-1px)}.tour-step-navigation button:disabled{color:#475569;border-color:#334155;background:#1e293b73;box-shadow:none;cursor:not-allowed}.tour-step-count{justify-self:center;min-width:88px;padding:8px 14px;border:1px solid var(--tour-accent);border-radius:999px;color:var(--tour-text);background:var(--tour-surface);text-align:center;font:800 14px/1 Arial,sans-serif;letter-spacing:.08em;box-shadow:inset 0 0 12px color-mix(in srgb,var(--tour-accent) 12%,transparent)}[dir=rtl] .tour-close-button{right:auto;left:12px}[data-theme=steam]{--tour-accent: #d97706;--tour-accent-soft: #fde68a;--tour-bg: linear-gradient(145deg,#44403c,#1c1917);--tour-surface: #292524;--tour-text: #fef3c7;--tour-muted: #78716c;--tour-border: 5px ridge #d97706;--tour-radius: 3px;--tour-shadow: 8px 10px 0 #0c0a09,0 24px 55px rgba(0,0,0,.6);--tour-mask: rgba(12,10,9,.82);--tour-close: #991b1b;--tour-close-border: #f59e0b;--tour-robot-bg: linear-gradient(#57534e,#292524);--tour-robot-face: #0c0a09;--tour-robot-mouth: #f59e0b}[data-theme=steam] .tour-guide-robot{border-width:4px;border-style:ridge;border-radius:3px;box-shadow:4px 5px #0c0a09}[data-theme=steam] .tour-step-navigation button,[data-theme=steam] .tour-step-count{border-width:3px;border-style:ridge;border-radius:3px;text-shadow:1px 1px #0c0a09}[data-theme=steam] .tour-close-button{border-radius:3px}[data-theme=blush]{--tour-accent: #8d65c5;--tour-accent-soft: #7650a8;--tour-bg: #fffafd;--tour-surface: #f3e8ff;--tour-text: #35294d;--tour-muted: #c4b5d6;--tour-border: 2px solid rgba(141,101,197,.38);--tour-radius: 24px;--tour-shadow: 0 12px 0 rgba(141,101,197,.14),0 28px 60px rgba(46,37,63,.18);--tour-mask: rgba(53,41,77,.58);--tour-close: #ff6f94;--tour-close-border: #ffd6e1;--tour-robot-bg: linear-gradient(145deg,#fff,#fce7f3);--tour-robot-face: #fff;--tour-robot-mouth: #ff6f94}[data-theme=blush] .tour-guide-robot{border-radius:45% 55% 48% 52%;box-shadow:4px 6px #eadcff}[data-theme=blush] .tour-step-navigation button{border-radius:14px}.global-footer{padding:2rem 1rem;background:#030712f2;border-top:1px solid rgba(139,92,246,.3);text-align:center;font-family:Rajdhani,sans-serif;margin-top:auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-links .link-btn{color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;background:none;border:none;cursor:pointer;transition:color .2s;font-family:Orbitron,sans-serif}.footer-links .link-btn:hover{color:var(--neon-cyan);text-shadow:0 0 5px rgba(34,211,238,.5)}.footer-copy{color:#475569;font-size:.8rem}.neuro-panel-inline{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px;font-family:inherit}.neuro-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.neuro-header-sub{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-blue, #00d4ff)}.neuro-header-title{font-size:1.5rem;font-weight:800;margin:4px 0 0;color:var(--cyber-text, #fff)}.neuro-close-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#f66;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.neuro-close-btn:hover{background:#ef444440;border-color:#f44;color:#fff;box-shadow:0 0 12px #f446;transform:translateY(-1px)}.neuro-back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--cyber-muted, #8a99ad);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.neuro-back-btn:hover{background:#ffffff1a;color:var(--cyber-text, #fff);border-color:#fff6}.neuro-card{background:var(--cyber-surface, rgba(20, 26, 46, .85));border-radius:20px;border:1px solid var(--cyber-border, rgba(0, 212, 255, .2));padding:24px 20px;box-shadow:0 8px 32px #0000004d;color:var(--cyber-text, #fff)}.neuro-card.text-center{text-align:center}.neuro-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--neon-blue, #00d4ff);margin-bottom:8px}.neuro-subtext{font-size:.85rem;color:var(--cyber-muted, #8a99ad);margin-bottom:8px}.neuro-p{font-size:1rem;line-height:1.55;margin:12px auto 8px;max-width:460px}.neuro-p-muted{font-size:.85rem;color:var(--cyber-muted, #8a99ad);margin:0 auto 20px;max-width:460px}.neuro-btn-primary{font-family:inherit;font-size:1rem;font-weight:700;padding:14px 28px;border-radius:14px;border:none;background:var(--neon-blue, #00d4ff);color:#0a0e1a;cursor:pointer;transition:transform .12s ease,filter .2s ease;box-shadow:0 4px 16px #00d4ff4d}.neuro-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.neuro-rest-box{padding:36px 0}.neuro-timer-big{font-size:3.5rem;font-weight:800;color:var(--neon-blue, #00d4ff)}.neuro-find-box{font-size:.95rem;color:var(--cyber-muted, #8a99ad);margin:6px 0 16px}.neuro-find-num{font-weight:800;color:var(--neon-blue, #00d4ff);font-size:1.25rem}.schulte-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:380px;margin:0 auto}.schulte-cell{aspect-ratio:1;font-family:JetBrains Mono,monospace;font-size:clamp(16px,4.5vw,24px);font-weight:700;border-radius:10px;border:1.5px solid var(--cyber-border, rgba(255, 255, 255, .15));background:#ffffff0d;color:#fff;cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation}.schulte-cell.done{background:#ffffff05;color:#fff3;border-color:transparent}.schulte-cell.flash-ok{background:#1fa9714d!important;border-color:#1fa971!important}.schulte-cell.flash-bad{background:#e5484d4d!important;border-color:#e5484d!important}.stroop-word-box{height:120px;display:flex;align-items:center;justify-content:center}.stroop-word{font-size:clamp(34px,9vw,52px);font-weight:800;-webkit-user-select:none;user-select:none}.stroop-plus{font-size:34px;color:#fff3}.stroop-fb{font-size:26px;font-weight:800}.stroop-fb.good{color:#1fa971}.stroop-fb.bad{color:#e5484d}.stroop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:380px;margin:0 auto}.stroop-btn{font-family:inherit;font-size:1rem;font-weight:700;padding:16px 8px;border-radius:12px;border:1.5px solid var(--cyber-border, rgba(255, 255, 255, .15));background:#ffffff0f;color:#fff;cursor:pointer;transition:background .15s ease}.stroop-btn:hover{background:#ffffff1f}.dsst-key-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;max-width:440px;margin:0 auto 16px}.dsst-key-item{border:1px solid var(--cyber-border, rgba(255, 255, 255, .15));border-radius:8px;padding:6px 2px;background:#ffffff0a}.dsst-symbol{font-size:18px}.dsst-digit{font-size:12px;font-weight:800;color:var(--cyber-muted, #8a99ad);border-top:1px solid rgba(255,255,255,.1);margin-top:4px;padding-top:2px}.dsst-symbol-display{height:90px;display:flex;align-items:center;justify-content:center;font-size:56px;color:#fff;-webkit-user-select:none;user-select:none}.dsst-symbol-display.good{color:#1fa971}.dsst-symbol-display.bad{color:#e5484d}.dsst-digits-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;max-width:440px;margin:0 auto}.dsst-digit-btn{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;padding:12px 0;border-radius:10px;border:1.5px solid var(--cyber-border, rgba(255, 255, 255, .15));background:#ffffff0f;color:#fff;cursor:pointer}.dsst-timer{font-size:.9rem;font-weight:800;color:var(--cyber-muted, #8a99ad);margin-bottom:10px}.dsst-timer.warn{color:#e5484d}.igt-status-bar{display:flex;justify-content:space-between;max-width:380px;margin:0 auto 6px;font-size:.9rem;color:var(--cyber-muted, #8a99ad)}.igt-capital{font-weight:800;color:#fff}.igt-feedback-box{height:56px;display:flex;align-items:center;justify-content:center;gap:14px}.igt-win{font-size:22px;font-weight:800;color:#1fa971}.igt-loss{font-size:22px;font-weight:800;color:#e5484d}.igt-decks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:0 auto}.igt-deck-btn{aspect-ratio:.72;border-radius:14px;border:2px solid var(--cyber-border, rgba(255, 255, 255, .15));background:linear-gradient(160deg,#ffffff14,#ffffff05);font-size:26px;font-weight:800;color:var(--neon-blue, #00d4ff);cursor:pointer;transition:transform .12s ease,border-color .2s ease}.igt-deck-btn.active{border-color:var(--neon-blue, #00d4ff);box-shadow:0 0 12px #00d4ff66}.neuro-hub-layout{display:flex;flex-direction:column;gap:14px}.neuro-progress-card{padding:18px 22px}.neuro-progress-header{display:flex;justify-content:space-between;align-items:center}.neuro-progress-title{font-size:1.25rem;font-weight:800}.neuro-xp-value{font-size:1.25rem;font-weight:800;color:#e8a912}.neuro-progress-bar-track{height:8px;background:#ffffff1a;border-radius:6px;margin-top:12px;overflow:hidden}.neuro-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-blue, #00d4ff),#E8A912);border-radius:6px;transition:width .5s ease}.neuro-mission-card{padding:18px 20px;transition:border-color .2s ease,opacity .2s ease}.neuro-mission-card.next{border:2px solid var(--neon-blue, #00d4ff)}.neuro-mission-card.completed{opacity:.75}.neuro-mission-row{display:flex;gap:14px;align-items:center}.neuro-mission-icon{font-size:2rem;width:48px;text-align:center}.neuro-mission-info{flex:1;text-align:left}.neuro-mission-title-row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.neuro-mission-title{font-weight:800;font-size:1rem}.neuro-mission-domain{font-size:.75rem;font-weight:800;color:var(--neon-blue, #00d4ff);text-transform:uppercase;letter-spacing:.06em}.neuro-mission-desc{font-size:.85rem;color:var(--cyber-muted, #8a99ad);line-height:1.45;margin-top:2px}.neuro-mission-action{text-align:center;min-width:84px}.neuro-play-btn{font-family:inherit;font-size:.85rem;font-weight:800;padding:10px 16px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:center}.neuro-play-btn.primary{background:var(--neon-blue, #00d4ff);color:#0a0e1a}.neuro-play-btn.secondary{background:#ffffff14;color:var(--neon-blue, #00d4ff)}.neuro-done-badge{font-size:.85rem;font-weight:800;color:#1fa971;display:flex;align-items:center;gap:4px}.neuro-time-sub{font-size:.75rem;color:var(--cyber-muted, #8a99ad);margin-top:4px}.neuro-recommendation-note{font-size:.8rem;color:var(--cyber-muted, #8a99ad);text-align:center;line-height:1.5;padding:0 10px}.neuro-complete-card{position:relative;overflow:hidden}.neuro-star-icon{font-size:3.25rem;margin:8px 0 4px}.neuro-complete-title{font-weight:800;font-size:1.3rem}.neuro-xp-gained{font-size:1rem;font-weight:800;color:#e8a912;margin:10px 0 18px}.text-right{text-align:right}.neuro-exit-hub-btn{font-family:inherit;font-size:.9rem;font-weight:700;padding:12px 20px;border-radius:12px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#f66;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:6px}.neuro-exit-hub-btn:hover{background:#ef444433;border-color:#f44;color:#fff;box-shadow:0 0 12px #ff44444d}.coming-soon-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;position:relative}.coming-soon-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-dim) 1px,transparent 1px),linear-gradient(90deg,var(--border-dim) 1px,transparent 1px);background-size:40px 40px;opacity:.1;z-index:0}.coming-soon-content{z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:500px}.icon-pulse{width:100px;height:100px;border-radius:50%;background:#00f3ff1a;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f3ff33;margin-bottom:1rem;animation:pulse 2s infinite ease-in-out}.rocket-icon{color:var(--neon-cyan);transform:rotate(-45deg)}h1.glitch-text{font-family:Orbitron,sans-serif;font-size:3.5rem;margin:0;background:linear-gradient(135deg,#fff 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;font-weight:700}.coming-soon-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.progress-bar-container{width:100%;height:4px;background:var(--bg-card);border-radius:2px;overflow:hidden;position:relative;max-width:300px}.progress-bar{width:60%;height:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:loading 3s infinite ease-in-out}.version-tag{font-family:Orbitron,monospace;font-size:.8rem;color:var(--text-muted);margin-top:1rem;opacity:.6}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #00f3ff66}70%{transform:scale(1.1);box-shadow:0 0 0 15px #00f3ff00}to{transform:scale(1);box-shadow:0 0 #00f3ff00}}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:600px){h1.glitch-text{font-size:2.5rem}}.landing-container{min-height:100vh;width:100%;max-width:100%;background-color:var(--cyber-bg);background-image:var(--theme-background-image);background-size:var(--theme-background-size);background-repeat:repeat;background-attachment:fixed;background-position:center top;color:var(--cyber-text);font-family:var(--font-main);overflow-x:hidden}.landing-header{position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:space-between;align-items:center;padding:.4rem 2rem;width:100%;box-sizing:border-box;background:var(--theme-header);border-bottom:1px solid rgba(0,243,255,.2);height:60px}.logo{font-size:1.4rem;font-weight:900;font-family:Orbitron,sans-serif;text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--neon-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,243,255,.4);letter-spacing:2px;line-height:1;margin:0;display:flex;align-items:center}.login-btn{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink);padding:.4rem 1rem;font-size:.9rem}.login-btn:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}main{width:100%;padding:6rem 2rem 4rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.hero-section{text-align:center;margin-bottom:.5rem;animation:fadeIn .8s ease-out;position:relative}.hero-section:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(0,243,255,.1) 0%,transparent 70%);z-index:-1;pointer-events:none}.hero-section h1{font-size:5rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 20px var(--neon-blue);background:none;-webkit-text-fill-color:white}.hero-text{font-size:1.5rem;color:var(--cyber-dim);max-width:800px;margin:0 auto;font-weight:300;letter-spacing:1px}.features-section{text-align:center;width:100%;max-width:1200px}.features-section h2{font-size:3rem;margin-bottom:1rem;color:var(--neon-purple);text-shadow:0 0 10px rgba(139,92,246,.5)}.section-desc{font-size:1.2rem;color:var(--cyber-text);max-width:800px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:0 2rem}.feature-card{background:var(--theme-panel-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;text-align:left;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--neon-blue);transition:all .3s ease;position:relative;overflow:hidden;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 95%,rgba(0,243,255,.2));transition:all .4s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 0 30px #00f3ff1a;border-color:var(--neon-blue)}.feature-card:hover:before{background:linear-gradient(45deg,transparent 80%,rgba(0,243,255,.3))}.feature-card h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.feature-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan));transition:all .3s ease}.feature-card:hover .feature-icon{color:var(--neon-blue);filter:drop-shadow(0 0 15px var(--neon-blue));transform:scale(1.1) rotate(5deg)}.feature-card p{color:#94a3b8;font-size:1.1rem}.landing-container{position:relative}.ambient-shape{position:fixed;border-radius:50%;filter:blur(80px);opacity:.16;pointer-events:none;animation:ambientFloat 9s ease-in-out infinite alternate}.ambient-shape-one{width:420px;height:420px;background:var(--neon-purple);top:8%;left:-180px}.ambient-shape-two{width:360px;height:360px;background:var(--neon-cyan);right:-150px;top:42%;animation-delay:-4s}.logo{border:0;padding:0;clip-path:none;gap:.65rem;cursor:pointer}.logo:hover{background:transparent;box-shadow:none;transform:translateY(-1px)}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#07111f;background:linear-gradient(135deg,#67e8f9,#a78bfa);-webkit-text-fill-color:#07111f;box-shadow:0 0 18px #22d3ee73;transform:rotate(-6deg);transition:transform .25s ease}.logo:hover .logo-mark{transform:rotate(8deg) scale(1.08)}.landing-header .logo,.landing-header .logo:hover,.landing-header .logo:active,[data-theme] .landing-header .logo,[data-theme] .landing-header .logo:hover,[data-theme] .landing-header .logo:active{height:auto;min-height:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;filter:none!important;clip-path:none;outline-offset:5px}.landing-intro{position:fixed;inset:0;z-index:1500;padding:1.5rem;pointer-events:none;background:#060c19b8;animation:landingIntroBackdrop 2.2s ease-in-out both}.landing-intro img{display:block;position:absolute;top:50%;left:50%;width:min(780px,90vw);max-height:min(76vh,520px);object-fit:contain;filter:var(--landing-intro-logo-filter, drop-shadow(0 28px 38px rgba(0,0,0,.28)));animation:landingIntroLogo 2.2s cubic-bezier(.2,.85,.28,1) both}.landing-header .account-btn{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes landingIntroBackdrop{0%{opacity:0}7%,80%{opacity:1}to{opacity:0}}@keyframes landingIntroLogo{0%{opacity:0;transform:translate(-50%,-62%) scale(.9)}10%{opacity:1;transform:translate(-50%,-62%) scale(1)}82%{opacity:1;transform:translate(-50%,-62%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1.04)}}[data-theme=cyber] .landing-intro{background:#030712d6}[data-theme=cyber] .landing-intro img{--landing-intro-logo-filter:drop-shadow(0 0 14px rgba(0,243,255,.48)) drop-shadow(0 18px 36px rgba(6,182,212,.22))}[data-theme=cyber] .landing-header .logo{color:#e6fbff!important;background:none!important;-webkit-text-fill-color:#e6fbff!important;text-shadow:0 0 3px rgba(0,243,255,.42)!important}[data-theme=cyber] .landing-header .logo-mark{color:#07111f!important;-webkit-text-fill-color:#07111f!important}[data-theme=hi-tech] .landing-intro{background:#e2e8f0db}[data-theme=hi-tech] .landing-intro img{--landing-intro-logo-filter:drop-shadow(0 18px 34px rgba(15,23,42,.22)) saturate(.86)}[data-theme=steam] .landing-intro{background:radial-gradient(circle at 50% 42%,rgba(120,53,15,.34),transparent 42%),#1c1917e6}[data-theme=steam] .landing-intro img{--landing-intro-logo-filter:sepia(.46) saturate(1.28) hue-rotate(335deg) drop-shadow(0 0 18px rgba(245,158,11,.46)) drop-shadow(0 20px 36px rgba(0,0,0,.5))}[data-theme=blush] .landing-intro{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.72),transparent 45%),#ffe6efdb}[data-theme=blush] .landing-intro img{--landing-intro-logo-filter:hue-rotate(288deg) saturate(.76) drop-shadow(0 14px 32px rgba(236,72,153,.22))}[data-theme=blush] .landing-header .logo{color:#35294d!important;background:none!important;-webkit-text-fill-color:#35294d!important;text-shadow:none!important}[data-theme=blush] .landing-header .logo-mark{color:#fff!important;-webkit-text-fill-color:#fff!important}[data-theme=brutalism] .landing-intro{background:#f4f000}[data-theme=brutalism] .landing-intro img{--landing-intro-logo-filter:contrast(1.22) saturate(1.35) drop-shadow(10px 10px 0 #111)}[data-theme=synthwave] .landing-intro{background:radial-gradient(circle at 50% 48%,rgba(255,43,214,.16),transparent 43%),#10002beb}[data-theme=synthwave] .landing-intro img{--landing-intro-logo-filter:saturate(1.08) drop-shadow(0 0 16px rgba(255,43,214,.55)) drop-shadow(0 18px 38px rgba(0,245,255,.2))}[data-theme=glass] .landing-intro{background:#deebffb8;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}[data-theme=glass] .landing-intro img{--landing-intro-logo-filter:drop-shadow(0 18px 32px rgba(51,65,85,.2)) saturate(.86) brightness(1.04)}[data-theme=shadcn] .landing-intro{background:#fafafae0}[data-theme=shadcn] .landing-intro img{--landing-intro-logo-filter:grayscale(.62) contrast(1.08) drop-shadow(0 16px 30px rgba(24,24,27,.22))}.hero-section{text-align:left;margin:1.8rem auto 5rem;width:min(1180px,100%);min-height:570px;padding:2rem clamp(1.5rem,4vw,3.5rem);box-sizing:border-box;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5rem;overflow:hidden;border-radius:8px;background-image:linear-gradient(90deg,#030712c7,#03071285 43%,#0307121f 72%,#0307124d),url(/assets/main_wallpaper.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}[data-theme=cyber] .hero-section{box-shadow:inset 0 0 70px #06b6d414,0 24px 70px #00000047}[data-theme=hi-tech] .hero-section{background-image:linear-gradient(90deg,#f0f9fff0,#e0f2fed1 44%,#bae6fd61,#0e749038),url(/assets/main_wallpaper.jpg);background-blend-mode:normal,luminosity;border:1px solid rgba(2,132,199,.2);box-shadow:0 20px 55px #0284c724}[data-theme=hi-tech] .hero-section h1{color:#0f172a;-webkit-text-fill-color:#0f172a;text-shadow:0 3px 18px rgba(255,255,255,.9)}[data-theme=hi-tech] .hero-copy .hero-text,[data-theme=hi-tech] .hero-copy .hero-text-secondary,[data-theme=hi-tech] .hero-trust{color:#334155;text-shadow:0 2px 10px rgba(255,255,255,.95)}.hero-section h1{font-size:clamp(3.4rem,6vw,6.2rem);margin:.7rem 0 1.5rem}.hero-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border:1px solid rgba(103,232,249,.35);border-radius:999px;background:#06b6d41a;color:#a5f3fc;font-weight:700;letter-spacing:.04em}.hero-copy .hero-text{font-size:1.28rem;margin:0}.hero-copy .hero-text-secondary{margin-top:.55rem;font-size:1.05rem;opacity:.82}.hero-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.primary-cta,.secondary-cta{min-height:54px;border-radius:16px;clip-path:none}.primary-cta{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.5rem;color:#07111f;border:0;background:linear-gradient(135deg,#67e8f9,#a78bfa);box-shadow:0 10px 35px #22d3ee40}.primary-cta:hover{transform:translateY(-4px) scale(1.02);color:#07111f;box-shadow:0 16px 45px #22d3ee66}.primary-cta:active{transform:translateY(0) scale(.98)}.secondary-cta{border-color:#fff3;color:var(--cyber-text);background:#ffffff0a}.secondary-cta:hover{transform:translateY(-3px);color:#fff;background:#ffffff1a;box-shadow:none}.hero-trust{display:flex;gap:1.2rem;margin-top:1.35rem;color:var(--cyber-dim);font-size:.9rem;flex-wrap:wrap}.hero-trust span:first-child{color:#facc15}.hero-playground{position:relative;height:490px;border-radius:42% 58% 48% 52%/46% 42% 58% 54%;background:radial-gradient(circle at 50% 48%,rgba(139,92,246,.26),rgba(6,182,212,.08) 55%,transparent 72%);border:1px solid rgba(103,232,249,.14);box-shadow:inset 0 0 70px #8b5cf61a,0 30px 90px #00000040}.score-pill{position:absolute;z-index:4;top:28px;right:28px;display:flex;gap:.45rem;align-items:center;padding:.65rem 1rem;border-radius:999px;color:#fde047;background:#030712b3;border:1px solid rgba(253,224,71,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 .95rem var(--font-display)}.mascot{position:absolute;left:50%;top:51%;z-index:2;transform:translate(-50%,-50%);animation:mascotBob 2.8s ease-in-out infinite}.mascot-face{width:150px;height:122px;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#ecfeff,#a5f3fc);box-shadow:inset -10px -12px #0891b229,0 18px 45px #06b6d452;display:flex;justify-content:center;align-items:center;gap:34px;position:relative}.mascot-antenna{width:4px;height:34px;background:#a5f3fc;margin:0 auto -3px;position:relative}.mascot-antenna span{position:absolute;width:16px;height:16px;left:-6px;top:-7px;border-radius:50%;background:#f472b6;box-shadow:0 0 18px #f472b6}.eye{width:16px;height:24px;background:#172554;border-radius:50%;animation:blink 4s infinite}.smile{position:absolute;width:42px;height:20px;border-bottom:5px solid #172554;border-radius:0 0 50% 50%;bottom:23px}.mascot-body{width:104px;margin:-4px auto 0;padding:.55rem;text-align:center;border-radius:8px 8px 28px 28px;background:linear-gradient(145deg,#8b5cf6,#6366f1);color:#fff;font-weight:900;letter-spacing:.08em;box-shadow:0 15px 35px #6366f14d}.mascot-happy .mascot-face{animation:happyFace .5s ease both}.floating-letter{position:absolute;z-index:3;width:62px;height:62px;padding:0;border:0;border-radius:20px;clip-path:none;color:#fff;font:900 1.6rem var(--font-display);background:linear-gradient(145deg,#fb7185,#d946ef);box-shadow:0 10px 28px #d946ef4d,inset 0 2px #ffffff40;animation:letterFloat 3s ease-in-out infinite}.floating-letter:hover{color:#fff;transform:scale(1.18) rotate(7deg);box-shadow:0 14px 35px #d946ef8c}.floating-letter:active{transform:scale(.85)}.letter-1{left:8%;top:22%;animation-delay:-.2s}.letter-2{right:10%;top:24%;animation-delay:-1.4s}.letter-3{left:12%;bottom:20%;animation-delay:-2.1s}.letter-4{right:13%;bottom:18%;animation-delay:-.8s}.letter-5{left:44%;bottom:6%;animation-delay:-1.8s}.floating-letter.is-caught{background:linear-gradient(145deg,#fde047,#f59e0b);color:#713f12;animation:caughtPop .55s ease both;pointer-events:none}.playground-tip{position:absolute;z-index:4;bottom:-22px;left:50%;transform:translate(-50%);width:max-content;max-width:80%;padding:.75rem 1.1rem;border-radius:14px;color:#e0f2fe;background:#0f172ae6;border:1px solid rgba(103,232,249,.3);box-shadow:0 10px 25px #00000040}.level-number{display:inline-block;margin-bottom:1.2rem;color:var(--neon-cyan);font:700 .75rem var(--font-display);letter-spacing:.12em}.feature-card:nth-child(2){border-left-color:var(--neon-purple)}.feature-card:nth-child(3){border-left-color:var(--neon-pink)}.feature-card:focus-visible{outline:3px solid var(--neon-cyan);outline-offset:5px}@keyframes ambientFloat{to{transform:translate3d(60px,40px,0) scale(1.15)}}@keyframes mascotBob{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 13px)) rotate(2deg)}}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes letterFloat{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -14px;rotate:5deg}}@keyframes caughtPop{0%{transform:scale(.4) rotate(-30deg)}65%{transform:scale(1.25) rotate(10deg)}to{transform:scale(1)}}@keyframes happyFace{50%{transform:scale(1.12) rotate(4deg)}}@media(max-width:900px){.landing-header{padding-inline:1rem}.landing-header>div{gap:.45rem!important}.landing-header .login-btn:not(.account-btn):first-of-type,.landing-header .login-btn:not(.account-btn):last-of-type{display:none}.landing-header .account-btn{display:inline-flex!important;align-items:center;justify-content:center}main{padding-inline:1rem}.hero-section{grid-template-columns:1fr;gap:2.5rem;text-align:center;margin-top:0;background-position:58% center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy .hero-text{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-playground{width:min(520px,100%);margin-inline:auto}.features-grid{grid-template-columns:1fr;padding:0;gap:1.5rem}}@media(max-width:520px){.logo{font-size:0}.logo-mark{font-size:1.15rem}.language-switcher select{padding:.35rem!important}.landing-header .login-btn{padding:.4rem .7rem;font-size:.75rem}.landing-header .account-btn{max-width:42vw}.hero-section h1{font-size:2.9rem}.hero-kicker{font-size:.78rem}.hero-playground{height:390px}.mascot{scale:.82}.floating-letter{width:50px;height:50px;border-radius:16px;font-size:1.25rem}.score-pill{top:15px;right:15px}}@media(prefers-reduced-motion:reduce){.ambient-shape,.mascot,.floating-letter,.eye{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.steam-gauge,.steam-gear,.steam-pipe{display:none}[data-theme=steam] .hero-playground{overflow:hidden;border-radius:34px;border:5px ridge #b45309;background:radial-gradient(circle at 12px 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at 12px calc(100% - 12px),#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),linear-gradient(120deg,rgba(255,255,255,.07),transparent 24%),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 8px),linear-gradient(145deg,#44403c,#1c1917 68%);box-shadow:inset 0 0 0 3px #292524,inset 0 0 65px #0c0a09,10px 14px #0c0a09ad,0 25px 70px #451a036b}[data-theme=steam] .hero-playground:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(245,158,11,.3);border-radius:22px;pointer-events:none}[data-theme=steam] .steam-gauge{display:block;position:absolute;z-index:2;top:23px;left:25px;width:72px;height:72px;border:5px ridge #d97706;border-radius:50%;background:repeating-conic-gradient(from 225deg,#292524 0 4deg,#fde68a 5deg 7deg,#292524 8deg 16deg);box-shadow:inset 0 0 0 9px #1c1917,0 4px 10px #0c0a09}[data-theme=steam] .steam-gauge:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#d6d3d1;box-shadow:inset 0 0 12px #78716c}[data-theme=steam] .steam-gauge span{position:absolute;z-index:1;left:33px;bottom:34px;width:3px;height:24px;background:#b91c1c;transform-origin:50% 100%;transform:rotate(38deg);animation:gaugeNeedle 2.2s ease-in-out infinite alternate}[data-theme=steam] .steam-gear{display:block;position:absolute;z-index:1;color:#78350f;line-height:1;filter:drop-shadow(3px 4px 1px #0c0a09);opacity:.72;animation:gearTurn 10s linear infinite}[data-theme=steam] .steam-gear-left{left:-32px;bottom:-34px;font-size:150px}[data-theme=steam] .steam-gear-right{right:-25px;top:108px;font-size:105px;animation-direction:reverse;animation-duration:8s}[data-theme=steam] .steam-pipe{display:block;position:absolute;z-index:1;right:32px;bottom:24px;width:78px;height:88px;border-right:14px ridge #a16207;border-bottom:14px ridge #a16207;border-radius:0 0 24px;opacity:.7}[data-theme=steam] .score-pill{color:#fde68a;border:3px double #d97706;border-radius:4px;background:linear-gradient(#292524,#0c0a09);box-shadow:inset 0 0 0 2px #1c1917,3px 4px #0c0a09;text-shadow:1px 2px 0 #451a03}[data-theme=steam] .mascot-antenna{width:8px;background:linear-gradient(90deg,#78350f,#f59e0b,#78350f)}[data-theme=steam] .mascot-antenna span{background:#ef4444;border:3px ridge #d97706;box-shadow:0 0 13px #dc2626}[data-theme=steam] .mascot-face{border:6px ridge #d97706;border-radius:28px 28px 20px 20px;background:radial-gradient(circle at 14px 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),linear-gradient(145deg,#fbbf24,#92400e 72%);box-shadow:inset -12px -14px #451a0347,inset 0 0 0 3px #451a03,0 16px #292524,0 22px 35px #0c0a09}[data-theme=steam] .eye{width:24px;height:24px;border:5px ridge #78716c;background:#67e8f9;box-shadow:inset 0 0 6px #0e7490,0 0 12px #22d3ee}[data-theme=steam] .smile{width:48px;height:11px;border:4px inset #78350f;border-radius:3px;background:repeating-linear-gradient(90deg,#292524 0 4px,#d6d3d1 4px 7px)}[data-theme=steam] .mascot-body{border:5px ridge #d97706;border-radius:5px 5px 18px 18px;background:linear-gradient(145deg,#78716c,#292524);color:#fde68a;text-shadow:2px 2px #451a03;box-shadow:inset 0 0 0 2px #1c1917,0 13px 25px #0c0a09}[data-theme=steam] .floating-letter{border:5px ridge #d97706;border-radius:8px;color:#fde68a;background:radial-gradient(circle at 6px 6px,#e7e5e4 0 1px,#57534e 2px 3px,transparent 4px),radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#e7e5e4 0 1px,#57534e 2px 3px,transparent 4px),linear-gradient(145deg,#78716c,#292524);box-shadow:inset 0 0 0 2px #1c1917,5px 7px #0c0a09;text-shadow:2px 3px 0 #451a03}[data-theme=steam] .floating-letter:hover{color:#fff7d6;border-color:#fbbf24;box-shadow:inset 0 0 0 2px #1c1917,7px 9px #0c0a09,0 0 18px #f59e0b73}[data-theme=steam] .floating-letter.is-caught{color:#292524;background:linear-gradient(145deg,#fde68a,#d97706);text-shadow:1px 1px rgba(255,255,255,.5)}[data-theme=steam] .playground-tip{color:#fde68a;border:3px double #b45309;border-radius:3px;background:linear-gradient(#292524,#1c1917);box-shadow:5px 6px #0c0a09}@keyframes gearTurn{to{rotate:360deg}}@keyframes gaugeNeedle{0%{transform:rotate(-38deg)}to{transform:rotate(48deg)}}@media(prefers-reduced-motion:reduce){[data-theme=steam] .steam-gear,[data-theme=steam] .steam-gauge span{animation:none!important}}[data-theme=shadcn] .landing-page{color:#18181b;background:var(--theme-background-image)}[data-theme=shadcn] .landing-header{border-bottom:1px solid #e4e4e7;background:#ffffffe6;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=shadcn] .logo,[data-theme=shadcn] .hero-section h1,[data-theme=shadcn] .features-section h2{color:#18181b;background:none;-webkit-text-fill-color:#18181b;text-shadow:none}[data-theme=shadcn] .logo-mark{color:#fff;-webkit-text-fill-color:#fff;border-radius:6px;background:#18181b;box-shadow:none}[data-theme=shadcn] .landing-header .language-switcher select{color:#18181b!important;border-color:#d4d4d8!important;border-radius:6px;background:#fff!important;box-shadow:none}[data-theme=shadcn] .landing-header .language-switcher option{color:#18181b!important;background:#fff!important}[data-theme=shadcn] .landing-header .login-btn{color:#18181b;border-color:#d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .landing-header .login-btn:hover{color:#fff;border-color:#18181b;background:#18181b;box-shadow:none}[data-theme=shadcn] .hero-section{border:1px solid #e4e4e7;border-radius:12px;background:#fff;box-shadow:0 10px 26px #0000000d}[data-theme=shadcn] .hero-kicker{color:#3f3f46;border-color:#e4e4e7;background:#f4f4f5;box-shadow:none}[data-theme=shadcn] .hero-copy .hero-text,[data-theme=shadcn] .hero-copy .hero-text-secondary,[data-theme=shadcn] .hero-trust{color:#71717a}[data-theme=shadcn] .primary-cta{color:#fff;border-color:#18181b;border-radius:6px;background:#18181b;box-shadow:none}[data-theme=shadcn] .primary-cta:hover{color:#fff;background:#3f3f46;box-shadow:none}[data-theme=shadcn] .secondary-cta{color:#18181b;border-color:#d4d4d8;border-radius:6px;background:#fff;box-shadow:none}[data-theme=shadcn] .hero-playground{border:1px solid #e4e4e7;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f4f5);box-shadow:none}[data-theme=shadcn] .mascot-face{border-color:#27272a;background:#fff;box-shadow:0 6px 16px #0000001f}[data-theme=shadcn] .mascot-eye{background:#18181b;box-shadow:none}[data-theme=shadcn] .floating-letter{color:#fff;border:1px solid #27272a;border-radius:10px;background:#18181b;box-shadow:0 8px 18px #00000024}[data-theme=shadcn] .floating-letter.is-caught{color:#18181b;border-color:#a1a1aa;background:#e4e4e7}[data-theme=shadcn] .feature-card{color:#18181b;border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:none;clip-path:none}[data-theme=shadcn] .feature-card h3{color:#18181b}[data-theme=shadcn] .feature-card p,[data-theme=shadcn] .section-desc{color:#71717a}[data-theme=brutalism] .landing-header{background:#ff5c35;border-bottom:4px solid #111;box-shadow:0 6px #111;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=brutalism] .logo,[data-theme=brutalism] .hero-section h1,[data-theme=brutalism] .features-section h2{color:#111;-webkit-text-fill-color:#111;text-shadow:none}[data-theme=brutalism] .logo-mark{color:#fff;-webkit-text-fill-color:#fff;background:#06f;border:3px solid #111;border-radius:0;box-shadow:3px 3px #111}[data-theme=brutalism] .hero-kicker,[data-theme=brutalism] .hero-trust span{color:#111;background:#fff;border:3px solid #111;border-radius:0;box-shadow:4px 4px #111}[data-theme=brutalism] .hero-copy .hero-text,[data-theme=brutalism] .hero-copy .hero-text-secondary{color:#111;font-weight:700}[data-theme=brutalism] .hero-playground{border:5px solid #111;border-radius:0;background:#06f;box-shadow:12px 12px #111}[data-theme=brutalism] .mascot-face,[data-theme=brutalism] .floating-letter{border:4px solid #111;border-radius:0;box-shadow:5px 5px #111}[data-theme=brutalism] .feature-card{color:#111;background:#fff;border:4px solid #111;border-left-width:9px;clip-path:none;box-shadow:9px 9px #111}[data-theme=brutalism] .feature-card h3,[data-theme=brutalism] .feature-card p{color:#111}[data-theme=brutalism] .landing-header .logo{color:#111!important;-webkit-text-fill-color:#111!important;text-shadow:none!important}[data-theme=brutalism] .landing-header .language-switcher select{min-width:72px;min-height:42px;padding:.55rem .7rem!important;color:#111!important;background:#fff!important;border:4px solid #111!important;border-radius:0!important;box-shadow:5px 5px #111;font-weight:900;font-family:var(--font-display);text-transform:uppercase;outline:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}[data-theme=brutalism] .landing-header .language-switcher option{color:#111!important;background:#fff!important}[data-theme=brutalism] .landing-header .language-switcher select:hover{color:#111!important;background:#00e5ff!important;border-color:#111!important;transform:translate(-2px,-2px);box-shadow:7px 7px #111}[data-theme=brutalism] .landing-header .language-switcher select:focus-visible{color:#111!important;background:#f5f000!important;border-color:#111!important;outline:3px solid #0066ff;outline-offset:3px;box-shadow:5px 5px #111}[data-theme=brutalism] .landing-header .login-btn,[data-theme=brutalism] .landing-header .login-btn[style]{color:#111!important;-webkit-text-fill-color:#111!important;border:3px solid #111!important;background:#fff!important;box-shadow:4px 4px #111!important;text-shadow:none!important;opacity:1!important}[data-theme=brutalism] .landing-header .login-btn:first-of-type{background:#00e5ff!important}[data-theme=brutalism] .landing-header .login-btn:nth-of-type(2){background:#ff82b2!important}[data-theme=brutalism] .landing-header .login-btn:last-of-type{background:#ffd166!important}[data-theme=brutalism] .landing-header .login-btn:hover{color:#111!important;background:#f5f000!important;transform:translate(-2px,-2px);box-shadow:7px 7px #111!important}[data-theme=brutalism] .hero-section{background-image:linear-gradient(90deg,#000000e6,#000000c7 46%,#0000004d 70%,#00000085),url(/assets/main_wallpaper.jpg);border:5px solid #111;box-shadow:12px 12px #111}[data-theme=brutalism] .hero-section h1{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:5px 5px #111!important}[data-theme=brutalism] .hero-copy .hero-text,[data-theme=brutalism] .hero-copy .hero-text-secondary{color:#fff!important;text-shadow:2px 2px #111;opacity:1}[data-theme=brutalism] .hero-typing-caret{background:#00e5ff;box-shadow:none}[data-theme=brutalism] .secondary-cta{color:#111;background:#fff;border:4px solid #111;box-shadow:5px 5px #111}[data-theme=brutalism] .hero-trust span{color:#111!important;text-shadow:none;background:#fff}[data-theme=synthwave] .landing-header{background:#10002be0;border-bottom:2px solid #ff2bd6;box-shadow:0 5px 22px #ff2bd647}[data-theme=synthwave] .logo{background:linear-gradient(180deg,#fff,#ff2bd6 55%,#00f5ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,43,214,.35)}[data-theme=synthwave] .hero-section h1{color:#ff78df;background:none;-webkit-text-fill-color:#ff78df;text-shadow:0 0 10px rgba(255,43,214,.5),0 0 24px rgba(255,43,214,.22)}[data-theme=synthwave] .hero-kicker{color:#00f5ff;border-color:#ff2bd6;background:#3c096c8c;box-shadow:0 0 15px #ff2bd640}[data-theme=synthwave] .hero-playground{border:2px solid #ff2bd6;border-radius:50%;background:radial-gradient(circle,#ff2bd633,#240046 55%,#10002b);box-shadow:0 0 35px #ff2bd64d,inset 0 0 35px #00f5ff1f}[data-theme=synthwave] .mascot-face{background:linear-gradient(#9d4edd,#3c096c);box-shadow:0 0 25px #ff2bd6}[data-theme=synthwave] .floating-letter{background:linear-gradient(145deg,#ff2bd6,#6a00f4);box-shadow:0 0 18px #ff2bd6}[data-theme=synthwave] .feature-card{background:linear-gradient(145deg,#240046e6,#10002bf0);border-color:#ff2bd6;box-shadow:0 0 20px #ff2bd633}[data-theme=synthwave] .features-section h2{color:#ff2bd6;text-shadow:2px 2px #00f5ff,0 0 15px #ff2bd6}[data-theme=glass] .landing-header{background:#ffffff7a;border-bottom:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px #1e40af14;-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}[data-theme=glass] .landing-header{border-bottom-color:#6e8fc03d;background:#f6faffad;box-shadow:0 8px 24px #1e40af1a}[data-theme=glass] .logo,[data-theme=glass] .hero-section h1{color:#16213b;-webkit-text-fill-color:#16213b;text-shadow:none;letter-spacing:-.035em;text-transform:none}[data-theme=glass] .logo-mark{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(145deg,#60a5fa,#5856d6);border-radius:11px;box-shadow:inset 0 1px #fff8,0 8px 20px #3b82f633}[data-theme=glass] .landing-header .language-switcher select{color:#22314e!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:10px;background:#ffffff75!important;box-shadow:inset 0 1px #ffffffe6,0 5px 15px #1e40af17}[data-theme=glass] .landing-header .language-switcher option{color:#16213b!important;background:#f7faff!important}[data-theme=glass] .landing-header .login-btn{color:#263758!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:999px!important;background:#ffffff61!important;box-shadow:inset 0 1px #ffffffc7,0 6px 18px #1e40af1a!important;text-shadow:none!important}[data-theme=glass] .landing-header .login-btn:hover{color:#0a84ff!important;border-color:#fff!important;background:#ffffffbd!important;box-shadow:inset 0 1px #fff,0 10px 24px #1e40af29!important}[data-theme=glass] .hero-section{border:1px solid rgba(255,255,255,.84);border-radius:28px;background-image:linear-gradient(100deg,#ffffffe6,#f7fbffcc 47%,#eaf2ff8f),url(/assets/main_wallpaper.jpg);background-blend-mode:normal,luminosity;box-shadow:inset 0 1px #ffffffe0,0 25px 58px #1e40af29}[data-theme=glass] .hero-kicker{color:#355070;border:1px solid #fff;background:#ffffff80;box-shadow:inset 0 1px #fff,0 8px 24px #1e40af1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=glass] .hero-copy .hero-text,[data-theme=glass] .hero-copy .hero-text-secondary,[data-theme=glass] .hero-trust{color:#43536d;text-shadow:0 1px rgba(255,255,255,.78)}[data-theme=glass] .hero-actions .primary-cta,[data-theme=glass] .hero-actions .secondary-cta{color:#1f3152;border:1px solid rgba(255,255,255,.88);border-radius:14px;background:#ffffff57;box-shadow:inset 0 1px #ffffffc7,0 10px 24px #1e40af21;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);text-shadow:none}[data-theme=glass] .hero-actions .primary-cta:hover,[data-theme=glass] .hero-actions .secondary-cta:hover{color:#0a66d3;border-color:#fff;background:#ffffffb8;box-shadow:inset 0 1px #fff,0 14px 28px #1e40af2e;transform:translateY(-3px)}[data-theme=glass] .hero-trust span{color:#43536d;background:#ffffff47}[data-theme=glass] .hero-playground{border:1px solid rgba(255,255,255,.8);border-radius:34px;background:#ffffff52;box-shadow:inset 0 1px #fff,0 28px 70px #1e40af24;-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%)}[data-theme=glass] .mascot-face{background:#ffffffb8;box-shadow:inset 0 1px #fff,0 18px 45px #2563eb2e}[data-theme=glass] .floating-letter{background:linear-gradient(145deg,#60a5fad9,#5856d6cc);box-shadow:inset 0 1px #fff8,0 12px 28px #2563eb33}[data-theme=glass] .feature-card{color:#16213b;background:#ffffff75;border:1px solid rgba(255,255,255,.8);border-radius:26px;clip-path:none;box-shadow:inset 0 1px #fff,0 20px 48px #1e40af1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}[data-theme=glass] .feature-card h3{color:#16213b;text-transform:none}[data-theme=glass] .feature-card p{color:#526077}[data-theme=hi-tech] .feature-card{background:#f8fafcf0;border:1px solid #cbd5e1;border-left:4px solid var(--neon-blue);border-radius:4px;clip-path:none;box-shadow:5px 5px #0f172a1a}[data-theme=hi-tech] .feature-card:before{background:linear-gradient(135deg,rgba(2,132,199,.08),transparent 45%)}[data-theme=hi-tech] .feature-card:hover{border-color:var(--neon-blue);box-shadow:8px 8px #0284c729}[data-theme=hi-tech] .feature-card h3{color:var(--cyber-text);text-shadow:none}[data-theme=hi-tech] .feature-card p{color:var(--cyber-dim)}[data-theme=hi-tech] .feature-icon{filter:none}[data-theme=steam] .features-section h2{color:#fde68a;text-shadow:2px 2px 0 #1c1917,-1px -1px 0 #1c1917,0 0 12px rgba(217,119,6,.75)}[data-theme=steam] .feature-card{background:radial-gradient(circle at 12px 12px,#a8a29e 0 2px,#292524 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#a8a29e 0 2px,#292524 3px 5px,transparent 6px),radial-gradient(circle at 12px calc(100% - 12px),#a8a29e 0 2px,#292524 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#a8a29e 0 2px,#292524 3px 5px,transparent 6px),linear-gradient(145deg,#44403cf7,#1c1917f7);border:3px double #d97706;border-left-width:6px;border-radius:2px;clip-path:none;box-shadow:inset 0 0 0 2px #1c1917,7px 7px #0c0a09b3}[data-theme=steam] .feature-card:before{background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.05) 45%,transparent 65%)}[data-theme=steam] .feature-card:hover{border-color:#f59e0b;box-shadow:inset 0 0 0 2px #1c1917,9px 9px #451a03bf}[data-theme=steam] .feature-card h3{color:#fbbf24;text-shadow:2px 2px 0 #1c1917}[data-theme=steam] .feature-card p{color:#e7e5e4}[data-theme=steam] .feature-icon{color:#d97706;filter:drop-shadow(2px 2px 0 #1c1917)}[data-theme=blush] .feature-card{background:#ffffffe6;border:1px solid rgba(46,37,63,.12);border-left:5px solid #ff8fab;border-radius:18px;clip-path:none;box-shadow:0 10px #8d65c521}[data-theme=blush] .feature-card:before{background:radial-gradient(circle at 100% 0,rgba(255,143,171,.2),transparent 38%)}[data-theme=blush] .feature-card:hover{border-color:#ff8fab;box-shadow:0 14px #2f9b7c29}[data-theme=blush] .feature-card h3{color:var(--cyber-text);text-shadow:none}[data-theme=blush] .feature-card p{color:var(--cyber-dim)}[data-theme=blush] .feature-icon{color:#ff6f94;filter:drop-shadow(3px 3px 0 #ffd6e1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=steam] .landing-container{background-color:#1c1917;background-image:linear-gradient(#0c0a0938,#0c0a0938),url(/assets/Bg-1_1920x1920.jpg);background-size:auto;background-position:top left}[data-theme=steam] .ambient-shape{filter:blur(65px);opacity:.2}[data-theme=steam] .ambient-shape-one{background:#f59e0b}[data-theme=steam] .ambient-shape-two{background:#7f1d1d}[data-theme=steam] .landing-header{background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 18% 82%,rgba(255,255,255,.035)),repeating-linear-gradient(90deg,#1c1917 0 4px,#292524 4px 8px);border-bottom:4px ridge #92400e;box-shadow:0 7px #0c0a09,0 12px 24px #0c0a09a6;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=steam] .landing-header:before,[data-theme=steam] .landing-header:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:23px;background:radial-gradient(circle at 35% 30%,#e7e5e4,#78716c 38%,#292524 72%);box-shadow:1px 2px #0c0a09}[data-theme=steam] .landing-header:before{left:12px}[data-theme=steam] .landing-header:after{right:12px}[data-theme=steam] .logo{color:#fde68a;background:none;-webkit-text-fill-color:#fde68a;text-shadow:2px 3px 0 #451a03,0 0 12px rgba(245,158,11,.45);letter-spacing:3px}[data-theme=steam] .logo:hover{color:#fff7d6;background:none}[data-theme=steam] .logo-mark{border:4px ridge #d97706;border-radius:50%;color:#292524;background:radial-gradient(circle at 35% 30%,#fde68a,#b45309 68%);-webkit-text-fill-color:#292524;box-shadow:inset 0 0 0 2px #78350f,3px 4px #0c0a09}[data-theme=steam] .language-switcher select{color:#fde68a!important;border:3px ridge #92400e!important;border-radius:2px!important;background:#292524!important;box-shadow:inset 0 0 0 1px #0c0a09;font-family:var(--font-display)}[data-theme=steam] .login-btn,[data-theme=steam] .landing-header .login-btn[style]{color:#fde68a!important;border:3px ridge #b45309!important;border-radius:2px;background:linear-gradient(#44403c,#1c1917)!important;box-shadow:inset 0 0 0 1px #0c0a09,3px 4px #0c0a09!important;text-shadow:1px 2px 0 #451a03}[data-theme=steam] .login-btn:hover,[data-theme=steam] .landing-header .login-btn[style]:hover{color:#292524!important;border-color:#fbbf24!important;background:linear-gradient(#fde68a,#d97706)!important;transform:translateY(-2px)}[data-theme=steam] .hero-section:after{background:radial-gradient(circle,rgba(217,119,6,.16),transparent 68%)}[data-theme=steam] .hero-section{background-image:linear-gradient(90deg,#1c1917d6,#451a03a3 44%,#78350f3d,#1c191780),url(/assets/main_wallpaper.jpg);background-blend-mode:normal,luminosity;border:3px ridge rgba(217,119,6,.72)}[data-theme=steam] .hero-kicker{border:3px double #b45309;border-radius:3px;color:#fde68a;background:linear-gradient(90deg,#451a03cc,#292524db);box-shadow:4px 5px #0c0a09b8;text-shadow:1px 2px #451a03}[data-theme=steam] .hero-kicker svg{color:#f59e0b;filter:drop-shadow(1px 2px #451a03)}[data-theme=steam] .hero-section h1{color:#fbbf24;-webkit-text-fill-color:#fbbf24;background:none;text-shadow:2px 2px 0 #292524,4px 5px 0 #451a03,0 0 22px rgba(217,119,6,.42);letter-spacing:.055em}[data-theme=steam] .hero-copy .hero-text{color:#e7e5e4;text-shadow:1px 2px 0 #0c0a09}[data-theme=steam] .hero-copy .hero-text-secondary{color:#d6d3d1}[data-theme=steam] .primary-cta{border:5px ridge #d97706;border-radius:4px;color:#292524;background:linear-gradient(#fde68a,#d97706 65%,#92400e);box-shadow:inset 0 0 0 2px #78350f8c,6px 8px #0c0a09;text-shadow:1px 1px rgba(255,255,255,.45)}[data-theme=steam] .primary-cta:hover{color:#1c1917;background:linear-gradient(#fff7d6,#f59e0b);box-shadow:inset 0 0 0 2px #b45309,8px 11px #0c0a09,0 0 20px #f59e0b59}[data-theme=steam] .secondary-cta{border:4px ridge #78716c;border-radius:3px;color:#e7e5e4;background:linear-gradient(#57534e,#292524);box-shadow:inset 0 0 0 1px #1c1917,5px 7px #0c0a09}[data-theme=steam] .secondary-cta:hover{color:#fde68a;border-color:#d97706;background:linear-gradient(#57534e,#1c1917)}[data-theme=steam] .hero-trust span{padding:.25rem .55rem;color:#d6d3d1;border-left:3px solid #92400e;background:#1c19178f;text-shadow:1px 1px #0c0a09}[data-theme=steam] .hero-trust span:first-child{color:#fde68a}[data-theme=steam] .features-section{position:relative;padding:2rem;border-top:3px double rgba(217,119,6,.5)}[data-theme=steam] .features-section:before{content:"⚙";position:absolute;top:-31px;left:50%;padding:0 .8rem;transform:translate(-50%);color:#b45309;background:#1c1917;font-size:40px;line-height:1;text-shadow:2px 3px #0c0a09}[data-theme=steam] .features-section h2{color:#fde68a;letter-spacing:.08em}[data-theme=steam] .section-desc{color:#e7e5e4;text-shadow:1px 2px #0c0a09}[data-theme=steam] .feature-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}[data-theme=steam] .feature-card:nth-child(2){border-color:#78716c;border-left-color:#a8a29e}[data-theme=steam] .feature-card:nth-child(3){border-color:#991b1b;border-left-color:#dc2626}[data-theme=steam] .feature-card:hover,[data-theme=steam] .feature-card:focus-visible{transform:translateY(-8px) rotate(-.4deg)}[data-theme=steam] .feature-card:nth-child(2):hover{transform:translateY(-8px) rotate(.4deg)}[data-theme=steam] .level-number{padding:.35rem .6rem;border:2px inset #92400e;border-radius:2px;color:#fde68a;background:#1c1917;text-shadow:1px 2px #451a03}@media(max-width:900px){[data-theme=steam] .features-section{padding-inline:0}}[data-theme=blush] .hero-kicker{color:#276f67;border-color:#2f9b7c6b;background:#daf7edeb;box-shadow:0 4px #2f9b7c1f}[data-theme=blush] .hero-kicker svg{color:#2f9b7c}[data-theme=blush] .hero-section h1{color:#35294d;-webkit-text-fill-color:#35294d;background:none;text-shadow:3px 4px 0 #ffd6e1,0 8px 24px rgba(83,61,117,.13)}[data-theme=blush] .hero-copy .hero-text{color:#514663;font-weight:600;letter-spacing:.025em}[data-theme=blush] .hero-copy .hero-text-secondary{color:#6a5f78;opacity:1}[data-theme=blush] .primary-cta{color:#251d35;background:linear-gradient(135deg,#55d3e8,#9a8df0);box-shadow:0 7px #7064c5,0 14px 28px #5a65d82e}[data-theme=blush] .primary-cta:hover{color:#1e172c;box-shadow:0 9px #7064c5,0 18px 32px #5a65d83d}[data-theme=blush] .secondary-cta{color:#3c3052;border-color:#533d7538;background:#ffffffc2;box-shadow:0 5px #8d65c51a}[data-theme=blush] .secondary-cta:hover{color:#2e253f;border-color:#8d65c5;background:#fff}[data-theme=blush] .hero-trust{color:#685d78;font-weight:600}[data-theme=blush] .hero-section{background-image:linear-gradient(90deg,#fffafbf5,#fff0f5e0 44%,#daf7ed8c,#9a8df033),url(/assets/main_wallpaper.jpg);background-blend-mode:normal,luminosity;border:1px solid rgba(141,101,197,.18);box-shadow:0 20px 55px #8d65c521}[data-theme=blush] .hero-section h1{color:#35294d;-webkit-text-fill-color:#35294d;text-shadow:3px 4px 0 #ffd6e1,0 8px 24px rgba(83,61,117,.13)}[data-theme=blush] .hero-copy .hero-text,[data-theme=blush] .hero-copy .hero-text-secondary,[data-theme=blush] .hero-trust{color:#514663;text-shadow:0 2px 10px rgba(255,255,255,.95)}[data-theme=blush] .hero-trust span:first-child{color:#a85d00}[data-theme=blush] .landing-header .language-switcher select{color:#35294d!important;border:2px solid rgba(141,101,197,.48)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px #8d65c524;font-weight:800}[data-theme=blush] .landing-header .language-switcher select:hover{border-color:#8d65c5!important;background:#fffafd!important}[data-theme=blush] .landing-header .language-switcher select:focus-visible{outline:3px solid rgba(255,143,171,.3)!important;outline-offset:2px;border-color:#7650a8!important}[data-theme=blush] .landing-header .language-switcher option{color:#35294d!important;background:#fff!important}.typewriter-title{height:2.3em;min-height:2.3em;max-height:2.3em;padding-block:.35em;box-sizing:content-box;margin-block:2.5rem 2.25rem!important;display:flex;align-items:center;position:relative;z-index:3;overflow:visible;overflow-wrap:anywhere}.hero-section .typewriter-title{font-size:clamp(2.5rem,4.2vw,4.4rem);line-height:1.08}[data-theme=synthwave] .hero-section .typewriter-title{font-size:clamp(2.25rem,3.75vw,4rem);line-height:1.2;overflow-wrap:normal;word-break:normal;contain:paint;isolation:isolate}[data-theme=synthwave] .typewriter-title>span:first-child{display:block;max-width:100%;letter-spacing:.045em;white-space:normal}.hero-typing-caret{display:inline-block;width:.075em;height:.82em;margin-inline-start:.08em;vertical-align:-.03em;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:heroCaretBlink .72s steps(1,end) infinite}.landing-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[data-theme=steam] .hero-typing-caret{background:#fbbf24;box-shadow:0 0 10px #d97706}[data-theme=blush] .hero-typing-caret{background:#7650a8;box-shadow:none}@keyframes heroCaretBlink{50%{opacity:0}}@media(max-width:900px){.hero-section .typewriter-title{height:2.4em;min-height:2.4em;max-height:2.4em;padding-block:.3em;justify-content:center;font-size:clamp(2.35rem,8vw,3.5rem)}[data-theme=synthwave] .hero-section .typewriter-title{font-size:clamp(2rem,7vw,3rem);line-height:1.22}}@media(max-width:520px){.hero-section .typewriter-title{height:2.5em;min-height:2.5em;max-height:2.5em;padding-block:.3em;margin-top:2rem!important;margin-bottom:1.75rem!important;font-size:clamp(2rem,10vw,2.65rem)}[data-theme=synthwave] .hero-section .typewriter-title{font-size:clamp(1.65rem,8.2vw,2.2rem)}}@media(min-width:901px){.hero-section{align-items:start}.hero-copy{padding-top:2rem}.hero-playground{margin-top:2rem;z-index:2}}.features-reveal:not(.features-visible) .feature-card{opacity:0;transform:translateY(54px) scale(.94) rotate(-2deg)}.features-reveal:not(.features-visible) .feature-card:nth-child(2){transform:translateY(62px) scale(.94) rotate(2deg)}.features-reveal:not(.features-visible) .feature-card:nth-child(3){transform:translateY(70px) scale(.94) rotate(-1deg)}.features-visible .feature-card{animation:featureCardArrival .7s cubic-bezier(.2,.8,.2,1)}.features-visible .feature-card:nth-child(2){animation-delay:.14s;animation-fill-mode:backwards}.features-visible .feature-card:nth-child(3){animation-delay:.28s;animation-fill-mode:backwards}.features-visible .feature-card .feature-icon{animation:featureIconArrival .58s cubic-bezier(.2,1.55,.45,1) backwards}.features-visible .feature-card:nth-child(2) .feature-icon{animation-delay:.3s}.features-visible .feature-card:nth-child(3) .feature-icon{animation-delay:.44s}.features-visible .feature-card:hover{transform:translateY(-10px) rotate(-.5deg)}.features-visible .feature-card:nth-child(2):hover{transform:translateY(-10px) rotate(.5deg)}@keyframes featureCardArrival{0%{opacity:0;transform:translateY(54px) scale(.94) rotate(-2deg);filter:blur(5px)}70%{opacity:1;transform:translateY(-5px) scale(1.01) rotate(.4deg);filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes featureIconArrival{0%{opacity:0;transform:scale(.35) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.features-reveal .feature-card,.features-visible .feature-card .feature-icon{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}}@media(prefers-reduced-motion:reduce){.hero-typing-caret{display:none;animation:none}.landing-intro,.landing-intro img{animation-duration:.01ms}}.legal-page{min-height:100vh;padding:2rem;background-color:var(--cyber-bg);color:var(--cyber-text);overflow-y:auto;font-family:Rajdhani,sans-serif}.legal-header{display:flex;gap:1rem;margin-bottom:2rem}.legal-hub-title{font-size:2.5rem;color:var(--neon-cyan);margin-bottom:2rem;text-shadow:0 0 10px rgba(34,211,238,.5);font-family:Orbitron,sans-serif}.legal-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.legal-section{background:#0f172a99;border:1px solid var(--neon-purple);padding:1.5rem;border-radius:8px;box-shadow:0 0 15px #8b5cf61a}.legal-section h2{color:var(--neon-purple);margin-top:0;margin-bottom:1rem;font-family:Orbitron,sans-serif;border-bottom:1px solid rgba(139,92,246,.3);padding-bottom:.5rem}.legal-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.legal-section .link-btn{text-align:left;color:var(--cyber-dim);transition:color .2s;font-size:1rem;padding:.3rem 0}.legal-section .link-btn:hover{color:var(--neon-pink);text-shadow:0 0 8px rgba(217,70,239,.4)}.legal-content-container{max-width:900px;margin:0 auto;background:#0006;padding:2.5rem;border-radius:8px;border:1px solid #334155;box-shadow:0 4px 20px #0000004d}.legal-document h2{color:var(--neon-cyan);margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:2rem;text-align:center}.legal-text{white-space:pre-wrap;font-family:Rajdhani,sans-serif;font-size:1.15rem;line-height:1.6;color:#e2e8f0;word-break:break-word;overflow-wrap:break-word}.auth-back-btn{position:absolute;top:1rem;left:1.5rem;background:none;border:none;color:var(--cyber-dim, #64748b);font-size:.85rem;font-family:Orbitron,sans-serif;cursor:pointer;letter-spacing:1px;transition:color .2s;padding:0 2px 0 0}.auth-back-btn:hover{color:var(--neon-cyan, #00d4ff)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cyber-bg, #030712);padding:2rem}.auth-card{background:#0f172af2;padding:2.5rem 2.5rem 3rem;border:1px solid var(--neon-purple, #8b5cf6);width:100%;max-width:400px;box-shadow:0 0 40px #8b5cf633;position:relative}.auth-card:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid var(--neon-purple, #8b5cf6);border-left:2px solid var(--neon-purple, #8b5cf6)}.auth-card:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:2px solid var(--neon-purple, #8b5cf6);border-right:2px solid var(--neon-purple, #8b5cf6)}.auth-title{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-align:center;font-family:Orbitron,sans-serif;letter-spacing:2px;text-shadow:0 0 10px var(--neon-purple, #8b5cf6)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--neon-purple, #8b5cf6);font-size:.9rem;font-weight:600;letter-spacing:1px}.form-group input{width:100%;padding:.8rem;background-color:#0006;border:1px solid #334155;border-left:3px solid var(--neon-purple, #8b5cf6);color:#fff;font-size:1rem;font-family:Rajdhani,monospace;transition:all .3s;box-sizing:border-box;border-radius:0}.form-group input:focus{outline:none;border-color:var(--neon-purple, #8b5cf6);box-shadow:0 0 15px #8b5cf633;background-color:#8b5cf60d}.auth-actions{margin-top:2rem}.btn-primary{width:100%;padding:.8rem;border-radius:0;font-weight:700;cursor:pointer;border:1px solid var(--neon-purple, #8b5cf6);transition:all .3s;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.9rem;background-color:#8b5cf633;color:var(--neon-purple, #8b5cf6)}.btn-primary:hover:not(:disabled){background-color:var(--neon-purple, #8b5cf6);color:#000;box-shadow:0 0 20px var(--neon-purple, #8b5cf6)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--neon-pink, #d946ef);font-size:.9rem;margin-top:1rem;text-align:center;text-shadow:0 0 5px rgba(217,70,239,.5);font-weight:600}.success-msg{color:#4ade80;font-size:1rem;margin-top:1rem;text-align:center;text-shadow:0 0 8px rgba(74,222,128,.6);font-weight:600;letter-spacing:1px}.auth-switch{margin-top:1.5rem;text-align:center;color:#64748b;font-size:.9rem}.link-btn{background:none;border:none;color:var(--neon-purple, #8b5cf6);cursor:pointer;font-size:.9rem;font-family:inherit;padding:0;line-height:inherit;vertical-align:baseline;text-decoration:underline;transition:color .2s,text-shadow .2s}.link-btn:hover{color:var(--neon-cyan, #00d4ff);text-shadow:0 0 8px var(--neon-cyan, #00d4ff)}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:2.8rem}.password-toggle-btn{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--cyber-dim, #64748b);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s,text-shadow .2s}.password-toggle-btn:hover:not(:disabled){color:var(--neon-cyan, #00d4ff);text-shadow:0 0 8px rgba(0,212,255,.5)}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-layout{display:block;padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;margin-top:4rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,243,255,.2)}.header-left{display:flex;align-items:center;gap:1.5rem}.avatar-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 0 15px var(--neon-blue)}.dashboard-header h1{font-size:2.5rem;margin:0;line-height:1;color:#fff}.level-badge{color:var(--neon-cyan);font-family:var(--font-display);font-size:.9rem;margin:.5rem 0 0;text-transform:uppercase;letter-spacing:1px}.header-stats{display:flex;gap:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--cyber-dim);font-family:var(--font-display);font-size:1rem}.logout-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease}.logout-btn:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 10px var(--neon-pink)}.stat-item svg{color:var(--neon-pink)}.header-tabs{display:flex;gap:1rem;background:var(--cyber-panel, rgba(20, 26, 46, .8));padding:.35rem;border-radius:12px;border:1px solid var(--cyber-dim, rgba(0, 243, 255, .2));width:fit-content}.tab-btn{background:transparent;border:none;color:var(--cyber-dim, #8a99ad);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:700;font-family:var(--font-display, inherit);transition:all .2s ease;display:flex;align-items:center}.tab-btn.active{background:var(--neon-cyan, #00f3ff);color:var(--cyber-bg, #0a0e1a);box-shadow:0 0 12px #00f3ff66}.tab-btn:hover:not(.active){color:var(--cyber-text, #ffffff);background:#ffffff14}.dashboard-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.panel-card{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--neon-cyan);margin-bottom:2rem;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.panel-title{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;margin:0 0 1.5rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.panel-title svg{color:var(--neon-cyan)}.config-section{margin-bottom:2rem}.config-section label{display:block;color:var(--neon-blue);font-family:var(--font-display);margin-bottom:.8rem;font-size:.9rem}.letters-input{width:100%;padding:1rem;font-size:1.5rem;font-family:Orbitron,monospace;text-align:center;letter-spacing:.5rem;background-color:#0000004d;border:1px solid #334155;border-bottom:2px solid var(--neon-cyan);color:#fff;text-transform:uppercase;transition:all .3s;box-sizing:border-box}.letters-input:focus{outline:none;background:#00f3ff0d;box-shadow:0 0 15px #00f3ff1a}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.style-option{background:transparent;border:1px solid #334155;padding:.8rem .2rem;color:var(--cyber-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;border-radius:4px}.style-option:hover{border-color:var(--neon-blue);color:#fff}.style-option.active{border-color:var(--neon-cyan);background:#06b6d41a;color:var(--neon-cyan);box-shadow:0 0 10px #06b6d433}.style-preview{font-size:1.5rem;font-weight:700}.style-preview.neon{color:#fff;text-shadow:0 0 5px var(--neon-purple)}.style-preview.pixel{font-family:Courier New,monospace}.rec-content{display:flex;gap:1.5rem;align-items:flex-start}.rec-icon-wrapper{background:#d946ef1a;padding:1rem;border-radius:8px;border:1px solid var(--neon-pink)}.rec-icon{color:var(--neon-pink)}.recommendation-card h3{margin:0 0 .5rem;color:#fff;font-size:1.2rem}.recommendation-card p{margin:0;color:var(--neon-cyan);line-height:1.6;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px rgba(6,182,212,.3)}.recommendation-card strong{color:var(--neon-cyan)}.activity-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity-time{color:var(--cyber-dim);font-size:.9rem}.activity-desc{color:#fff}.activity-score{color:var(--neon-green);font-family:Orbitron,monospace}.action-buttons-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.start-btn{width:100%;padding:1.2rem;background:var(--neon-blue);color:#000;font-weight:900;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);transition:all .3s}.neuro-test-btn{width:100%;padding:1.1rem;background:linear-gradient(135deg,#7c3aede6,#00d4ffcc);color:#fff;font-weight:800;border:1px solid rgba(168,85,247,.4);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);transition:all .3s;box-shadow:0 4px 15px #7c3aed4d}.neuro-test-btn:hover{box-shadow:0 0 20px #a855f799;transform:translateY(-2px);background:linear-gradient(135deg,#9333ea,#00d4ff)}.start-btn:hover:not(:disabled){box-shadow:0 0 20px var(--neon-blue);transform:translateY(-2px)}.start-btn:disabled{background:var(--cyber-dim);border-color:transparent;color:#64748b;cursor:not-allowed;box-shadow:none;animation:none}.tutorial-btn{width:100%;margin-top:1rem;background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:.8rem;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-family:var(--font-display);text-transform:uppercase;font-size:.9rem}.tutorial-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f3ff0d}.pulse-glow{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #00f3ff66}70%{box-shadow:0 0 0 10px #00f3ff00}to{box-shadow:0 0 #00f3ff00}}[data-theme=steam] .personal-page button,[data-theme=steam] .personal-page .tutorial-btn{border-radius:2px;clip-path:none;font-family:Courier Prime,Courier New,monospace;letter-spacing:.06em;text-shadow:1px 1px 0 #000}[data-theme=steam] .style-option{background:linear-gradient(145deg,#3f3a36,#211e1c);border:2px solid #78716c;border-top-color:#a8a29e;border-left-color:#a8a29e;color:#e7e5e4;box-shadow:inset 0 0 0 2px #1c1917,3px 3px #0000008c}[data-theme=steam] .style-option:hover{background:linear-gradient(145deg,#57534e,#292524);border-color:#d97706;color:#fbbf24;box-shadow:inset 0 0 0 2px #1c1917,3px 3px #854d0e}[data-theme=steam] .style-option.active{background:linear-gradient(145deg,#b45309,#713f12);border-color:#fbbf24;color:#fff7ed;box-shadow:inset 0 0 0 2px #422006,3px 3px #1c1917}[data-theme=steam] .start-btn{background:linear-gradient(180deg,#d97706,#92400e);border:2px solid #fbbf24;color:#1c1917;box-shadow:inset 0 1px #fde68a,0 5px #451a03;text-shadow:none;animation:none}[data-theme=steam] .start-btn:hover:not(:disabled){background:linear-gradient(180deg,#f59e0b,#b45309);box-shadow:inset 0 1px #fef3c7,0 7px #451a03}[data-theme=steam] .tutorial-btn,[data-theme=steam] .view-graphs-btn{background:linear-gradient(180deg,#44403c,#292524);border:2px solid #78716c;color:#e7e5e4;box-shadow:inset 0 1px #a8a29e,0 3px #0c0a09}[data-theme=steam] .tutorial-btn:hover,[data-theme=steam] .view-graphs-btn:hover{background:linear-gradient(180deg,#57534e,#292524);border-color:#d97706;color:#fbbf24;box-shadow:inset 0 1px #a8a29e,0 3px #451a03}[data-theme=steam] .subscription-btn{background:linear-gradient(180deg,#d97706,#78350f)!important;border:2px solid #fbbf24!important;border-radius:2px!important;color:#fff7ed!important;box-shadow:inset 0 1px #fde68a,0 3px #451a03}[data-theme=steam] .logout-btn{background:linear-gradient(180deg,#44403c,#1c1917);border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,0,0,.8);box-shadow:inset 0 1px #78716c,0 3px #0c0a09}[data-theme=steam] .logout-btn:hover{background:var(--neon-cyan);color:var(--cyber-bg);box-shadow:inset 0 1px #fde68a,0 3px #451a03}[data-theme=steam] .dashboard-header{border-bottom-color:#d97706}[data-theme=steam] .stat-item{color:#1c1917;background:#d97706!important;text-shadow:none;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);font-weight:700}[data-theme=steam] .stat-item svg{color:var(--cyber-bg)}[data-theme=steam] .dashboard-header{position:relative;padding:1rem 1.25rem;border:4px ridge #b45309;background:radial-gradient(circle at 12px 12px,#fde68a 0 2px,#78350f 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#fde68a 0 2px,#78350f 3px 5px,transparent 6px),linear-gradient(145deg,#44403c,#1c1917 72%);box-shadow:inset 0 0 0 2px #0c0a09,inset 0 14px 24px #ffffff09,8px 10px #0c0a09b8}[data-theme=steam] .dashboard-header h1{color:#fde68a;text-shadow:2px 3px #451a03}[data-theme=steam] .avatar-circle{border:5px ridge #d97706;border-radius:50%;color:#292524;background:radial-gradient(circle at 35% 30%,#fff7d6,#d97706 62%,#78350f);box-shadow:inset 0 0 0 3px #92400e,4px 5px #0c0a09;text-shadow:1px 1px rgba(255,255,255,.45)}[data-theme=steam] .level-badge{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .dashboard-grid .panel-card{position:relative;overflow:visible;padding:2rem;border:5px ridge #b45309!important;border-left-color:#f59e0b!important;border-radius:3px;clip-path:none;background:radial-gradient(circle at 12px 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) 12px,#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at 12px calc(100% - 12px),#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#d6d3d1 0 2px,#57534e 3px 5px,transparent 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),linear-gradient(145deg,#3f3a36,#1c1917 70%)!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 3px #292524,inset 0 0 34px #0c0a0985,8px 10px #0c0a09ad,0 18px 38px #451a033d}[data-theme=steam] .dashboard-grid .panel-card:hover{transform:translateY(-3px);border-color:#f59e0b!important;box-shadow:inset 0 0 0 3px #292524,inset 0 0 34px #0c0a0973,9px 12px #0c0a09b8,0 20px 42px #78350f47}[data-theme=steam] .panel-title{margin-inline:-.65rem;padding:.7rem .75rem .8rem;color:#fde68a;border:3px double #92400e;background:linear-gradient(180deg,#292524,#1c1917);box-shadow:inset 0 1px #57534e,0 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .panel-title svg{color:#f59e0b;filter:drop-shadow(1px 2px #451a03)}[data-theme=steam] .config-section{padding:1rem;border:3px inset #57534e;background:#171412;box-shadow:inset 0 7px 16px #0000007a}[data-theme=steam] .config-section label{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .letters-input{color:#fde68a;border:4px inset #78716c;border-bottom-color:#d97706;border-radius:2px;background:#0c0a09;box-shadow:inset 0 6px 14px #000000b3;text-shadow:0 0 8px rgba(245,158,11,.48)}[data-theme=steam] .letters-input:focus{border-color:#f59e0b;background:#1c1917;box-shadow:inset 0 6px 14px #000000ad,0 0 12px #f59e0b4d}[data-theme=steam] .rec-content,[data-theme=steam] .activity-list{padding:1.1rem;border:4px inset #57534e;background:linear-gradient(145deg,#211e1c,#0c0a09);box-shadow:inset 0 8px 18px #00000080}[data-theme=steam] .rec-icon-wrapper{border:4px ridge #d97706;border-radius:50%;background:radial-gradient(circle,#57534e,#1c1917 68%);box-shadow:inset 0 0 0 2px #0c0a09,3px 4px #0c0a09}[data-theme=steam] .rec-icon,[data-theme=steam] .recommendation-card p,[data-theme=steam] .activity-score{color:#fbbf24;text-shadow:1px 2px #451a03}[data-theme=steam] .recommendation-card h3{color:#fff7d6;text-shadow:1px 2px #0c0a09}[data-theme=steam] .activity-item{padding-inline:.75rem;border-bottom:2px dashed #57534e}[data-theme=steam] .activity-time{color:#d6d3d1}[data-theme=steam] .stat-item{color:#fde68a;border:4px ridge #b45309;border-radius:3px;background:linear-gradient(180deg,#44403c,#1c1917)!important;box-shadow:inset 0 0 0 2px #0c0a09,3px 4px #0c0a09;text-shadow:1px 2px #451a03}[data-theme=steam] .stat-item svg{color:#f59e0b}[data-theme=steam] .sessions-counter{padding:.7rem;border:3px inset #57534e;background:#171412}[data-theme=steam] .sessions-counter>div:first-child{color:#fbbf24!important;text-shadow:1px 2px #451a03}[data-theme=steam] .sessions-counter>div:last-child{color:#d6d3d1!important}@media(max-width:700px){[data-theme=steam] .dashboard-header{padding:.85rem;box-shadow:inset 0 0 0 2px #0c0a09,5px 6px #0c0a09b8}[data-theme=steam] .dashboard-grid .panel-card{padding:1.2rem;border-width:4px!important;box-shadow:inset 0 0 0 2px #292524,5px 6px #0c0a09ad}[data-theme=steam] .config-section,[data-theme=steam] .rec-content,[data-theme=steam] .activity-list{padding:.8rem}}[data-theme=blush] .dashboard-header{border-bottom-color:#ff8fab73}[data-theme=blush] .dashboard-header h1{color:var(--cyber-text);text-shadow:none}[data-theme=blush] .avatar-circle{background:linear-gradient(135deg,#ff8fab,#ffd166);color:#2e253f;box-shadow:0 8px #2e253f1f}[data-theme=blush] .level-badge,[data-theme=blush] .config-section label{color:#8d65c5;text-shadow:none}[data-theme=blush] .panel-card{background:#ffffffe0;border:1px solid rgba(46,37,63,.1);border-left:4px solid #ff8fab;border-radius:8px;box-shadow:0 12px #2e253f14;clip-path:none}[data-theme=blush] .panel-title{color:var(--cyber-text);border-bottom-color:#2e253f1a}[data-theme=blush] .panel-title svg{color:#2f9b7c}[data-theme=blush] .letters-input{background:#fff7f0;border:1px solid rgba(46,37,63,.14);border-bottom:3px solid #ff8fab;border-radius:8px;color:var(--cyber-text);font-family:var(--font-display)}[data-theme=blush] .letters-input:focus{background:#fff;box-shadow:0 0 0 4px #ff8fab2e}[data-theme=blush] .style-option{background:#fff7f0;border-color:#2e253f24;color:var(--cyber-dim);border-radius:8px}[data-theme=blush] .style-option:hover,[data-theme=blush] .style-option.active{background:#fff;border-color:#ff8fab;color:var(--cyber-text);box-shadow:0 6px #ff8fab40}[data-theme=blush] .start-btn{background:#2f9b7c;color:#fff;border-radius:8px;clip-path:none;box-shadow:0 8px #23755e}[data-theme=blush] .start-btn:hover:not(:disabled){background:#26866b;box-shadow:0 10px #1f6653}[data-theme=blush] .tutorial-btn{border-color:#8d65c559;color:#8d65c5;border-radius:8px}[data-theme=blush] .tutorial-btn:hover{background:#8d65c514;color:#6f4da3}[data-theme=blush] .rec-icon-wrapper{background:#fff0f4;border-color:#ff8fab}[data-theme=blush] .rec-icon{color:#ff6f94}[data-theme=blush] .recommendation-card h3,[data-theme=blush] .activity-desc{color:var(--cyber-text)}[data-theme=blush] .recommendation-card p{color:#2f9b7c;text-shadow:none}[data-theme=blush] .activity-item{border-bottom-color:#2e253f14}[data-theme=blush] .logout-btn{border-color:#ff8fab;color:#d94f77;border-radius:8px}[data-theme=blush] .logout-btn:hover{background:#ff8fab;color:#2e253f;box-shadow:none}[data-theme=blush] .stat-item svg{color:#ff8fab}.style-select-btn{width:100%;padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--theme-panel-soft);border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.style-modal-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:style-modal-backdrop-in .22s ease-out both}.style-modal{width:min(520px,100%);max-height:min(720px,calc(100dvh - 2rem));padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;background:var(--theme-panel);border:1px solid var(--neon-cyan);color:var(--cyber-text);box-shadow:0 0 35px #0000008c;overflow:hidden;animation:style-modal-in .28s cubic-bezier(.16,1,.3,1) both}.style-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.style-modal-header h2{margin:0;color:var(--cyber-text);font-size:1.35rem}.style-modal-hint{margin:-.75rem 0 1rem;color:var(--cyber-dim);font-size:.9rem;line-height:1.4}.style-demo-tooltip.cyber .style-demo-static{background:radial-gradient(circle at 50% 45%,#172c43,#0b1422 52%,#050a12);color:#ffd23f;text-shadow:0 2px #000}.style-demo-tooltip.blush .style-demo-static{background:radial-gradient(circle at 14% 18%,rgba(255,143,171,.5),transparent 30%),radial-gradient(circle at 88% 82%,rgba(47,155,124,.36),transparent 30%),#fff7f0;color:#2e253f;text-shadow:0 2px #fff}.style-demo-static{display:flex;align-items:center;justify-content:space-around;width:100%;aspect-ratio:16 / 9;font:800 2.25rem/1 var(--font-display)}.style-modal-close{width:2.25rem;height:2.25rem;padding:0;display:grid;place-items:center;flex:0 0 auto;font-size:1.6rem;line-height:1}.style-modal .style-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.25rem .4rem .5rem .25rem;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}@keyframes style-modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.style-modal-backdrop,.style-modal{animation:none}}@media(max-width:768px){.style-modal-backdrop{padding:.75rem;align-items:flex-end}.style-modal{width:100%;max-height:min(86vh,680px);padding:1rem;border-radius:18px 18px 8px 8px}[data-theme=steam] .style-modal{border-radius:3px}}[data-theme=steam] .style-modal{background:linear-gradient(145deg,#44403c,#1c1917);border:3px double #d97706;color:#fbbf24;box-shadow:inset 0 0 0 2px #1c1917,7px 7px #0c0a09b3;border-radius:3px}.results-page{min-height:100vh;padding:2rem;background:var(--cyber-bg);color:var(--cyber-text);font-family:var(--font-main);transition:background-color .3s ease,color .3s ease}.results-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.results-header h1{font-family:var(--font-display);color:var(--cyber-text);margin:0;text-shadow:0 0 10px rgba(0,243,255,.3)}.back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--cyber-dim);color:var(--cyber-dim);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-display);transition:all .2s}.back-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f3ff0d}.header-tabs{display:flex;gap:1rem;background:var(--cyber-panel);padding:.25rem;border-radius:8px;border:1px solid var(--cyber-dim)}.tab-btn{background:transparent;border:none;color:var(--cyber-dim);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-family:var(--font-display);transition:all .2s}.tab-btn.active{background:var(--neon-cyan);color:var(--cyber-bg)}.tab-btn:hover:not(.active){color:var(--cyber-text);background:#ffffff0d}.card{background:var(--cyber-panel);border:1px solid var(--cyber-dim);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column}.results-grid{display:grid;grid-template-columns:300px 1fr;grid-template-rows:auto 1fr;gap:1.5rem;max-width:1700px;margin:0 auto;align-items:start}.control-card{grid-column:1;grid-row:1;height:fit-content}.stats-card{grid-column:1;grid-row:2;height:fit-content}.scatter-card{grid-column:2;grid-row:1 / span 2;height:75vh}.control-card label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:1rem;color:var(--neon-cyan);font-family:var(--font-display)}.session-select{width:100%;padding:.75rem;background:var(--cyber-bg);border:1px solid var(--cyber-dim);border-radius:8px;color:var(--cyber-text);font-size:.9rem;font-family:var(--font-main);outline:none}.session-select:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #06b6d433}.progress-card{min-height:300px}.full-width{grid-column:1 / -1;grid-row:1;min-height:500px}.chart-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--cyber-dim);font-family:var(--font-display)}.chart-wrapper{position:relative;flex:1;width:100%;min-height:0}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--cyber-dim);font-style:italic;font-family:var(--font-main)}.empty-history-page{display:grid;place-items:center}.empty-history-card{width:min(620px,calc(100vw - 2rem));padding:clamp(2rem,6vw,4rem);box-sizing:border-box;border:1px solid var(--neon-cyan);border-radius:18px;background:var(--cyber-panel);box-shadow:0 0 28px #00f3ff26;text-align:center}.empty-history-card p{margin:0 0 2rem;color:var(--cyber-text);font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.75rem);line-height:1.5}.empty-history-action{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.8rem 1.4rem;border:1px solid var(--neon-cyan);border-radius:9px;background:var(--neon-cyan);color:var(--cyber-bg);font-family:var(--font-display);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.empty-history-action:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f3ff59}[data-theme=steam] .empty-history-card{border:4px double #d97706;border-radius:3px;background:#292524;box-shadow:8px 10px #0c0a09}[data-theme=steam] .empty-history-action{border:2px solid #fbbf24;border-radius:2px;background:linear-gradient(#fff7d6,#d97706);color:#292524;box-shadow:4px 5px #0c0a09}[data-theme=blush] .empty-history-card{border-color:#8d65c559;background:#fffafb;box-shadow:0 16px 40px #533d751f}[data-theme=blush] .empty-history-action{border:0;border-radius:14px;background:linear-gradient(135deg,#ff8fab,#8d65c5);color:#fff;box-shadow:0 6px #68458f}[data-theme=steam] .results-header h1{text-shadow:2px 2px 0px #000}.stats-card{display:flex;flex-direction:column;gap:15px}.stats-card h3{margin:0;font-size:1.1rem;color:var(--neon-blue);border-bottom:1px solid var(--cyber-dim);padding-bottom:5px;font-family:var(--font-display)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.span-2{grid-column:span 2}.stat-item{display:flex;flex-direction:column;background:#ffffff08;padding:10px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.stat-item .label{font-size:.75rem;color:var(--cyber-dim);text-transform:uppercase;font-weight:600;margin-bottom:4px}.stat-item .value{font-size:1.1rem;font-weight:700;color:var(--cyber-text);font-family:var(--font-display)}[data-theme=steam] .stat-item{background:#0003;border-color:#444}.neuro-results-container{display:flex;flex-direction:column;gap:1rem;width:100%}.neuro-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.neuro-domain-card{display:flex;flex-direction:column;gap:.75rem}.neuro-domain-card h3{font-size:1rem;margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--cyber-dim);color:var(--cyber-text)}.neuro-metric-list{display:flex;flex-direction:column;gap:.5rem}.m-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.m-label{color:var(--cyber-dim)}.m-val{font-weight:700;color:var(--cyber-text);font-family:var(--font-display)}.m-val.highlight{color:var(--neon-cyan)}.subscribe-page{--cyber-bg: #030712;--cyber-panel: #0f172a;--neon-cyan: #06b6d4;--neon-blue: #00f3ff;--neon-pink: #d946ef;--neon-purple: #8b5cf6;--cyber-text: #e2e8f0;--cyber-dim: #64748b;--neon-gold: #f59e0b;--font-main: "Rajdhani", system-ui, sans-serif;--font-display: "Orbitron", system-ui, sans-serif;min-height:100vh;width:100vw;background-color:var(--cyber-bg);background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:50px 50px;color:var(--cyber-text);font-family:var(--font-main);overflow-x:hidden}.subscribe-header{position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:.4rem 2rem;width:100%;box-sizing:border-box;background:linear-gradient(to bottom,#030712f2,#030712cc);border-bottom:1px solid rgba(0,243,255,.2);height:60px}.subscribe-header .logo{font-size:1.4rem;font-weight:900;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px;line-height:1;display:flex;flex-direction:column;align-items:flex-start;gap:0}.subscribe-header .logo .logo-name{background:linear-gradient(90deg,#fff,var(--neon-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subscribe-header .logo .logo-tagline{font-family:var(--font-main);font-size:.55rem;font-weight:400;letter-spacing:3px;color:var(--cyber-dim);-webkit-text-fill-color:var(--cyber-dim);text-transform:uppercase}.subscribe-header .header-actions{display:flex;gap:.75rem;align-items:center}.subscribe-header .header-btn{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink);padding:.4rem 1rem;font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.subscribe-header .header-btn:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}.subscribe-header .header-btn.register-btn{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 5px #06b6d466}.subscribe-header .header-btn.register-btn:hover{background:var(--neon-cyan);color:#030712;box-shadow:0 0 20px var(--neon-cyan)}.subscribe-main{width:100%;padding:6rem 2rem 3rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.subscribe-hero{text-align:center;margin-bottom:3rem;animation:subFadeIn .8s ease-out;position:relative;max-width:800px}.subscribe-hero:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(ellipse,rgba(0,243,255,.08) 0%,rgba(139,92,246,.04) 40%,transparent 70%);z-index:-1;pointer-events:none}.subscribe-hero h1{font-size:4.5rem;font-family:var(--font-display);font-weight:900;margin-bottom:.5rem;line-height:1.1;color:#fff;text-shadow:0 0 30px rgba(0,243,255,.4);text-transform:uppercase;letter-spacing:4px}.subscribe-hero h1 .hero-accent{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}.subscribe-hero .hero-sub{font-size:1.15rem;color:var(--cyber-dim);max-width:600px;margin:1rem auto 2rem;font-weight:300;letter-spacing:.5px;line-height:1.6}.subscribe-hero .cta-btn{display:inline-block;padding:.9rem 2.5rem;font-size:1.1rem;font-family:var(--font-main);font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--neon-cyan);color:var(--neon-cyan);background:transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.subscribe-hero .cta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#06b6d426,#8b5cf61a);opacity:0;transition:opacity .3s}.subscribe-hero .cta-btn:hover{box-shadow:0 0 30px #06b6d466,inset 0 0 20px #06b6d41a;border-color:#fff;color:#fff}.subscribe-hero .cta-btn:hover:before{opacity:1}.modules-section{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:subFadeIn 1s ease-out .2s both}.module-card{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.module-card .module-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,243,255,.3);background:#0f172a99;flex-shrink:0}.module-card .module-icon svg{color:var(--neon-cyan);filter:drop-shadow(0 0 6px var(--neon-cyan))}.module-card .module-text h3{font-size:1.1rem;color:#fff;margin:0 0 .15rem;font-weight:600}.module-card .module-text p{font-size:.85rem;color:var(--cyber-dim);margin:0}.plans-section{width:100%;max-width:1100px;margin-bottom:4rem;animation:subFadeIn 1s ease-out .4s both}.plans-section h2{text-align:center;font-size:2rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#fff;margin-bottom:2.5rem}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.plan-card{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);border-color:#00f3ff33;box-shadow:0 8px 40px #0000004d}.plan-card .plan-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--cyber-dim);margin-bottom:.5rem}.plan-card .plan-games{font-size:2.5rem;font-family:var(--font-display);font-weight:900;color:#fff;margin-bottom:.25rem}.plan-card .plan-games-unit{font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:var(--cyber-dim)}.plan-card .plan-price{font-size:2.8rem;font-family:var(--font-display);font-weight:900;color:#fff;margin:1rem 0 .25rem}.plan-card .plan-price .currency{font-size:1.8rem;color:var(--cyber-dim);font-weight:400}.plan-card .plan-badge{display:inline-block;padding:.3rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:.75rem 0}.plan-card .plan-badge.free{border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.plan-card .plan-badge.duration{border:1px solid var(--neon-purple);color:var(--neon-purple)}.plan-card .plan-badge.locked{border:1px solid var(--neon-gold);color:var(--neon-gold)}.plan-card .plan-savings{font-size:.85rem;font-weight:600;color:var(--neon-purple);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.plan-card .plan-divider{width:60%;height:1px;background:#ffffff14;margin:1rem 0}.plan-card .plan-features{list-style:none;padding:0;margin:0 0 1.5rem;width:100%;flex-grow:1}.plan-card .plan-features li{font-size:.9rem;color:var(--cyber-text);padding:.35rem 0;display:flex;align-items:flex-start;gap:.6rem}.plan-card .plan-features li .check{color:var(--neon-cyan);flex-shrink:0;margin-top:2px}.plan-card .plan-action{width:100%;padding:.75rem;font-size:.95rem;font-family:var(--font-main);font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--neon-cyan);color:var(--neon-cyan);background:transparent;cursor:pointer;border-radius:6px;transition:all .3s ease;margin-top:auto}.plan-card .plan-action:hover{background:#06b6d426;box-shadow:0 0 20px #06b6d44d;color:#fff;border-color:#fff}.plan-card.featured{border-color:var(--neon-purple);box-shadow:0 0 30px #8b5cf626;background:#0f172ab3}.plan-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink))}.plan-card.featured .recommended-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--neon-purple);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:.25rem 1rem;border-radius:4px;box-shadow:0 0 15px #8b5cf680}.plan-card.featured .plan-action{border-color:var(--neon-purple);color:#fff;background:linear-gradient(135deg,#8b5cf64d,#d946ef33)}.plan-card.featured .plan-action:hover{background:linear-gradient(135deg,#8b5cf680,#d946ef59);box-shadow:0 0 25px #8b5cf666}.plan-card.locked{border-color:#f59e0b33;opacity:.85}.plan-card.locked .plan-games{background:linear-gradient(135deg,var(--neon-gold),#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plan-card.locked .plan-action{border-color:#f59e0b66;color:var(--cyber-dim);cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:.5rem}.plan-card.locked .plan-action:hover{background:transparent;box-shadow:none;color:var(--cyber-dim);border-color:#f59e0b66}.plan-card.locked .lock-icon{color:var(--neon-gold);filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}.trust-section{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:subFadeIn 1s ease-out .6s both;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);width:100%;max-width:900px}.trust-item{display:flex;align-items:center;gap:.75rem}.trust-item .trust-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.3);background:#0f172a80;flex-shrink:0}.trust-item .trust-icon svg{color:var(--neon-purple);filter:drop-shadow(0 0 4px rgba(139,92,246,.4))}.trust-item .trust-text h4{font-size:.95rem;color:#fff;margin:0 0 .1rem;font-weight:600}.trust-item .trust-text p{font-size:.8rem;color:var(--cyber-dim);margin:0}.subscribe-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05);width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}.subscribe-footer .footer-logo{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.subscribe-footer .footer-logo .accent{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan)}.subscribe-footer .footer-copy{font-size:.75rem;color:var(--cyber-dim)}@media(max-width:900px){.plans-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.subscribe-hero h1{font-size:2.8rem}.modules-section,.trust-section{flex-direction:column;align-items:center}}@keyframes subFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-page{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:transparent;padding:2rem;box-sizing:border-box}.tutorial-container{max-width:1000px;width:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--neon-cyan);padding:3rem;position:relative;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);box-shadow:0 0 30px #00f3ff26;color:var(--cyber-text)}.tutorial-container:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan)}.tutorial-container:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid var(--neon-cyan);border-right:2px solid var(--neon-cyan)}.tutorial-header{text-align:center;margin-bottom:3rem}.tutorial-icon{color:var(--neon-cyan);margin-bottom:1rem;filter:drop-shadow(0 0 8px var(--neon-cyan))}.tutorial-header h1{font-size:3rem;margin:0;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.subtitle{color:var(--neon-purple);font-family:Rajdhani,sans-serif;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.instruction-list{list-style:none;padding:0;margin:0}.instruction-list li{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.mechanics-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.mechanics-list li{background:#00f3ff08;border:1px solid rgba(0,243,255,.15);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 20px #00000026}.bullet{align-self:flex-start;background:#00f3ff1a;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:.2rem .5rem;font-family:Orbitron,monospace;font-weight:700;font-size:.9rem;min-width:2.5rem;text-align:center;border-radius:4px}.instruction-list p{margin:0;font-size:1.1rem;line-height:1.6;color:#e2e8f0}.tutorial-section{margin-bottom:2.5rem}.tutorial-content{display:flex;flex-direction:column;gap:1rem}.tutorial-section h2{color:var(--neon-cyan);font-size:1.8rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,243,255,.2);padding-bottom:.5rem}.tutorial-section p{font-size:1.1rem;line-height:1.6;color:#e2e8f0;margin-bottom:1rem}.mechanics-list h3{margin:0 0 .5rem;font-size:1.3rem;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.3)}.action-text{margin-top:.5rem!important;color:var(--neon-purple)!important;font-style:italic;background:#d946ef1a;padding:.5rem;border-left:3px solid var(--neon-purple)}.challenge-list{list-style-type:none;padding-left:0;color:#e2e8f0;font-size:1.1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.challenge-list li{margin-bottom:0;background:#00f3ff08;padding:1rem 1.5rem;border-left:3px solid var(--neon-blue);border-radius:0 8px 8px 0}.challenge-list strong{color:var(--neon-blue)}.tutorial-footer{margin-top:3rem;display:flex;justify-content:center}.back-btn{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:.8rem 2rem;font-size:1rem;font-family:Orbitron,monospace;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s;text-transform:uppercase}.back-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.tutorial-section,.mechanics-list li,.challenge-list li{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.mechanics-list li:hover{transform:translateY(-6px);border-color:var(--neon-cyan);box-shadow:0 14px 30px #0003}.mechanics-list li:hover .bullet{transform:rotate(-5deg) scale(1.08)}.bullet{transition:transform .25s ease,box-shadow .25s ease}.challenge-list li:hover{transform:translate(6px);border-left-width:7px}.tutorial-section strong{color:var(--neon-blue)}[data-theme=cyber] .tutorial-page{background-image:radial-gradient(circle at 50% 12%,rgba(139,92,246,.14),transparent 42%)}[data-theme=cyber] .tutorial-container{background:linear-gradient(145deg,#0f172af0,#030712ed);box-shadow:0 0 0 1px #d946ef14,0 0 38px #00f3ff29,0 30px 70px #00000059}.tutorial-status{display:inline-block;margin-top:.7rem;padding:.3rem .65rem;color:var(--neon-cyan);border:1px solid color-mix(in srgb,var(--neon-cyan) 40%,transparent);border-radius:4px;font:700 .65rem var(--font-display);letter-spacing:.1em;text-transform:uppercase}[data-theme=cyber] .mechanics-list li:hover .bullet{box-shadow:0 0 16px #00f3ff73}[data-theme=steam] .tutorial-page{background-image:linear-gradient(#0c0a0933,#0c0a0933),url(/assets/Bg-1_1920x1920.jpg);background-size:auto}[data-theme=steam] .tutorial-container{color:#e7e5e4;border:6px ridge #b45309;border-radius:3px;clip-path:none;background:radial-gradient(circle at 14px 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 14px,#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at 14px calc(100% - 14px),#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#e7e5e4 0 2px,#57534e 3px 5px,transparent 6px),linear-gradient(145deg,#44403cf7,#1c1917fa);box-shadow:inset 0 0 0 3px #1c1917,10px 12px #0c0a09b8,0 28px 65px #0000006b}[data-theme=steam] .tutorial-container:before{top:0;left:50%;width:110px;height:13px;border:4px ridge #d97706;border-top:0;background:repeating-linear-gradient(90deg,#292524 0 8px,#d97706 8px 11px);transform:translate(-50%)}[data-theme=steam] .tutorial-container:after{display:none}[data-theme=steam] .tutorial-icon{color:#d97706;filter:drop-shadow(3px 4px #0c0a09)}[data-theme=steam] .tutorial-header h1{color:#fde68a;text-shadow:2px 3px #451a03,0 0 14px rgba(245,158,11,.36)}[data-theme=steam] .subtitle{color:#e7e5e4;text-shadow:1px 2px #0c0a09}[data-theme=steam] .tutorial-status{color:#fde68a;border:3px double #d97706;border-radius:2px;background:#1c1917;text-shadow:1px 2px #451a03}[data-theme=steam] .tutorial-section h2{color:#fbbf24;border-bottom:3px double #92400e;text-shadow:2px 2px #451a03}[data-theme=steam] .tutorial-section p,[data-theme=steam] .instruction-list p,[data-theme=steam] .challenge-list{color:#e7e5e4}[data-theme=steam] .mechanics-list li{border:4px ridge #92400e;border-radius:3px;background:linear-gradient(#292524,#1c1917);box-shadow:inset 0 0 0 2px #0c0a09,5px 7px #0c0a09}[data-theme=steam] .mechanics-list h3{color:#fde68a;text-shadow:2px 2px #451a03}[data-theme=steam] .bullet{color:#292524;border:4px ridge #d97706;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fde68a,#b45309);box-shadow:3px 4px #0c0a09}[data-theme=steam] .action-text{color:#fde68a!important;border-left:5px ridge #d97706;background:#78350f4d}[data-theme=steam] .challenge-list li{border-left:6px ridge #d97706;border-radius:2px;background:#292524;box-shadow:5px 6px #0c0a09}[data-theme=steam] .challenge-list strong,[data-theme=steam] .tutorial-section strong{color:#fde68a}[data-theme=steam] .tutorial-page .back-btn{color:#292524;border:5px ridge #d97706;border-radius:3px;background:linear-gradient(#fde68a,#d97706);clip-path:none;box-shadow:5px 7px #0c0a09}[data-theme=steam] .tutorial-page .back-btn:hover{color:#1c1917;background:linear-gradient(#fff7d6,#f59e0b);box-shadow:7px 9px #0c0a09;transform:translateY(-2px)}[data-theme=blush] .tutorial-page{background-image:radial-gradient(circle at 10% 12%,rgba(255,143,171,.2) 0 90px,transparent 91px),radial-gradient(circle at 90% 84%,rgba(47,155,124,.16) 0 120px,transparent 121px)}[data-theme=blush] .tutorial-container{color:#35294d;border:2px solid rgba(141,101,197,.2);border-radius:28px;clip-path:none;background:#fffffff0;box-shadow:0 14px #8d65c521,0 30px 60px #2e253f1a}[data-theme=blush] .tutorial-container:before{top:-18px;left:-14px;width:58px;height:58px;border:0;border-radius:48% 52% 45% 55%;background:#ffd6e1;transform:rotate(-14deg)}[data-theme=blush] .tutorial-container:after{right:-12px;bottom:-16px;width:64px;height:64px;border:0;border-radius:55% 45% 52% 48%;background:#c8f2dc;transform:rotate(16deg)}[data-theme=blush] .tutorial-icon{color:#7650a8;filter:drop-shadow(3px 4px #ffd6e1)}[data-theme=blush] .tutorial-header h1{color:#35294d;text-shadow:3px 4px #ffd6e1}[data-theme=blush] .subtitle{color:#276f67}[data-theme=blush] .tutorial-status{color:#276f67;border-color:#2f9b7c59;border-radius:999px;background:#eafff5}[data-theme=blush] .tutorial-section h2{color:#7650a8;border-color:#8d65c533}[data-theme=blush] .tutorial-section p,[data-theme=blush] .instruction-list p,[data-theme=blush] .challenge-list{color:#514663}[data-theme=blush] .mechanics-list li{border-color:#8d65c52e;border-radius:18px;background:#fffafb;box-shadow:0 7px #8d65c51a}[data-theme=blush] .mechanics-list h3{color:#35294d;text-shadow:none}[data-theme=blush] .bullet{color:#35294d;border-color:#ff8fab;border-radius:12px;background:#ffd6e1}[data-theme=blush] .action-text{color:#6f438f!important;border-left-color:#ff8fab;border-radius:0 9px 9px 0;background:#fff0f4}[data-theme=blush] .challenge-list li{color:#514663;border-left-color:#2f9b7c;border-radius:0 14px 14px 0;background:#f3fff8}[data-theme=blush] .challenge-list strong,[data-theme=blush] .tutorial-section strong{color:#276f67}[data-theme=blush] .tutorial-page .back-btn{color:#fff;border:0;border-radius:14px;background:linear-gradient(135deg,#ff8fab,#8d65c5);clip-path:none;box-shadow:0 6px #68458f}[data-theme=blush] .tutorial-page .back-btn:hover{color:#fff;background:linear-gradient(135deg,#ff6f94,#7650a8);box-shadow:0 9px #68458f;transform:translateY(-3px)}@media(max-width:800px){.tutorial-page{align-items:flex-start;padding:1rem}.tutorial-container{padding:2rem 1.25rem}.tutorial-header{margin-bottom:2rem}.tutorial-header h1{font-size:clamp(2rem,10vw,2.7rem)}.subtitle{font-size:.95rem}.mechanics-list,.challenge-list{grid-template-columns:1fr;gap:1rem}.tutorial-section{margin-bottom:1.6rem}.tutorial-section h2{font-size:1.35rem}.tutorial-section p,.instruction-list p,.challenge-list{font-size:1rem}.tutorial-page .back-btn{width:100%;min-height:48px;justify-content:center}}@media(max-width:420px){.tutorial-page{padding:.65rem}.tutorial-container{padding:1.5rem .9rem;clip-path:none;border-radius:12px}[data-theme=steam] .tutorial-container{border-radius:3px}.tutorial-icon{width:40px;height:40px}.mechanics-list li{padding:1rem}.tutorial-footer{margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){.tutorial-section,.mechanics-list li,.challenge-list li,.bullet{transition:none}.mechanics-list li:hover,.challenge-list li:hover{transform:none}}