@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500;700&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-0: #070B16;--bg-1: #0B1020;--bg-2: #111827;--surface-1: #161B2E;--surface-2: #1A1F35;--border-soft: rgba(122, 162, 247, .18);--border-medium: rgba(122, 162, 247, .34);--border-strong: rgba(122, 162, 247, .62);--text-primary: #C0CAF5;--text-secondary: #A9B1D6;--text-muted: #565F89;--blue: #7AA2F7;--cyan: #7DCFFF;--purple: #BB9AF7;--pink: #F7768E;--green: #9ECE6A;--gold: #E0AF68;--danger: #F7768E;--success: #9ECE6A;--warning: #E0AF68;--font-family-pixel: "Press Start 2P", "Pixelify Sans", monospace;--font-family-body: "Inter", "IBM Plex Sans", sans-serif;--font-family-label: "Space Mono", monospace;--font-family-sans: var(--font-family-body);--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-pixel: var(--font-family-pixel);--font-body: var(--font-family-body);--font-mono: var(--font-family-mono);--color-bg: var(--bg-1);--color-bg-deep: var(--bg-0);--color-bg-secondary: var(--bg-2);--color-surface: var(--surface-1);--color-surface-high: var(--surface-2);--color-surface-highest: #1A1F35;--color-border: var(--border-medium);--color-border-subtle: var(--border-soft);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-text-muted: #3B3F54;--color-accent: var(--blue);--color-accent-secondary: var(--purple);--color-accent-dim: rgba(122, 162, 247, .12);--color-cyan: var(--cyan);--color-success: var(--green);--color-warning: var(--gold);--color-danger: var(--pink);--border-lv1: 1px solid var(--border-medium);--border-lv2: 1px solid var(--border-soft);--border-active: 2px solid var(--blue);--border-success-subtle: 1px solid rgba(158, 206, 106, .45);--border-premium: 1px solid var(--gold);--bevel-highlight: #1F2438;--bevel-shadow: var(--bg-0);--inset-highlight: var(--bg-0);--inset-shadow: #1F2438;--shadow-sm: 2px 2px 0px var(--color-bg-deep);--shadow-md: 4px 4px 0px var(--color-bg-deep);--shadow-lg: 6px 6px 0px var(--color-bg-deep);--shadow-glow-accent: 0 0 4px rgba(122, 162, 247, .45), 0 0 10px rgba(122, 162, 247, .15);--shadow-glow-gold: 0 0 4px rgba(224, 175, 104, .5), 0 0 12px rgba(224, 175, 104, .2);--shadow-glow-danger: 0 0 4px rgba(247, 118, 142, .5), 0 0 12px rgba(247, 118, 142, .2);--sidebar-width: 280px;--header-height: 64px;--border-radius: 0px;--border-radius-lg: 0px;--grid-unit: 8px;--transition-speed: .15s;--transition-smooth: .2s ease;--text-h1: clamp(18px, 1.5vw + 12px, 24px);--text-h2: clamp(14px, 1vw + 10px, 16px);--text-h3: clamp(11px, .8vw + 9px, 13px);--text-body: clamp(15px, .3vw + 14px, 16px);--space-fluid: clamp(.5rem, 1vw + .25rem, 1.5rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated}html{font-family:var(--font-family-body);background-color:var(--color-bg);color:var(--color-text-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizeSpeed;overflow-x:hidden}body{overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none}.landing-page,.selection-view-container,.learning-path-view,.pricing-view,.sidebar,.instructions-panel,.console-panel pre{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-pixel);font-weight:400;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit) * 1);line-height:1.4}h1{font-size:var(--text-h1);line-height:1.4}h2{font-size:var(--text-h2);line-height:1.4}h3{font-size:var(--text-h3);line-height:1.4}p{margin-bottom:calc(var(--grid-unit) * 2);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--text-body)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--color-cyan)}button{font-family:var(--font-family-label);cursor:pointer;border:2px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text-primary);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}button:hover{border-color:var(--color-cyan);box-shadow:var(--shadow-glow-accent)}button:active{transform:translate(2px,2px);box-shadow:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)!important;outline-offset:2px!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-deep);border-top:2px solid var(--color-border-subtle);border-left:2px solid var(--color-border-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-deep);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::-webkit-scrollbar-corner{background:var(--color-bg-deep)}.app-wrapper{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;width:100dvw}.app-container{display:flex;height:100vh;height:100dvh;width:100vw;width:100dvw;background-color:var(--color-bg);background-image:linear-gradient(var(--color-bg-deep) 1px,transparent 1px),linear-gradient(90deg,var(--color-bg-deep) 1px,transparent 1px);background-size:32px 32px;background-position:center center}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-family:var(--font-family-pixel);font-size:14px;color:var(--color-text-secondary);letter-spacing:1px}.global-header{position:fixed;top:24px;right:24px;z-index:1000}.bevel-outset{border:2px solid var(--color-border);border-top-color:var(--bevel-highlight);border-left-color:var(--bevel-highlight);border-bottom-color:var(--bevel-shadow);border-right-color:var(--bevel-shadow)}.bevel-inset{border:2px solid var(--color-border);border-top-color:var(--inset-highlight);border-left-color:var(--inset-highlight);border-bottom-color:var(--inset-shadow);border-right-color:var(--inset-shadow)}.border-lv1{border:var(--border-lv1)}.border-lv2{border:var(--border-lv2)}.border-active{border:var(--border-active)}.border-success-subtle{border:var(--border-success-subtle)}.border-premium{border:var(--border-premium)}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pixel-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pixel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes streak-fire{0%,to{transform:scale(1) rotate(-5deg);filter:drop-shadow(0 0 2px var(--color-warning))}50%{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 6px #ffb86c)}}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.btn-primary,.btn-secondary,.btn-danger,.btn-premium{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-primary{font-family:var(--font-family-label);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#08111f!important;background:linear-gradient(180deg,#8fb7ff,#6d9bff);border:2px solid #B7D0FF;border-top-color:#c0caf5;border-left-color:#c0caf5;border-bottom-color:#4d7bca;border-right-color:#4d7bca;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0 4px #31528a,0 0 15px #7aa2f740;cursor:pointer;outline:none;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.btn-primary:hover{background:linear-gradient(180deg,#a2c4ff,#7eacff);box-shadow:0 6px #31528a,0 0 24px #7aa2f773;transform:translateY(-2px)}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.btn-secondary{font-family:var(--font-family-label);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#c0caf5!important;background:#161b2edb;border:2px solid rgba(122,162,247,.38);padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0 4px 0 var(--bg-0);cursor:pointer;outline:none;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease}.btn-secondary:hover{border-color:var(--blue);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 0 var(--bg-0),0 0 12px #7aa2f726}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.btn-danger{font-family:var(--font-family-label);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f7768e!important;background:#f7768e14;border:2px solid rgba(247,118,142,.45);padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0 4px 0 var(--bg-0);cursor:pointer;outline:none;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease}.btn-danger:hover{background:#f7768e2e;border-color:#f7768e;transform:translateY(-2px);box-shadow:0 6px 0 var(--bg-0),0 0 12px #f7768e33}.btn-danger:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.btn-premium{font-family:var(--font-family-label);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#08111f!important;background:linear-gradient(180deg,#f5d393,#e0af68);border:2px solid #F5D393;border-top-color:#fff2d6;border-left-color:#fff2d6;border-bottom-color:#b38645;border-right-color:#b38645;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0 4px #805e2b,var(--shadow-glow-gold);cursor:pointer;outline:none;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.btn-premium:hover{background:linear-gradient(180deg,#ffe2a8,#f5c682);box-shadow:0 6px #805e2b,0 0 24px #e0af6873;transform:translateY(-2px)}.btn-premium:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.legal-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;font-size:10px;font-family:var(--font-family-pixel);font-weight:800;letter-spacing:1.5px;background-color:#0b1020d9;color:var(--text-primary);border:2px solid var(--blue);border-radius:0;cursor:pointer;box-shadow:0 4px 0 var(--bg-0),0 0 10px #7aa2f733;text-decoration:none;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:44px}.legal-back-btn svg{transition:transform .2s ease}.btn-ok-dot{width:6px;height:6px;border-radius:50%;background-color:var(--green);box-shadow:0 0 6px var(--green);display:inline-block;animation:status-pulse-green-dot 1.2s infinite alternate}@keyframes status-pulse-green-dot{0%{opacity:.4;box-shadow:0 0 2px var(--green)}to{opacity:1;box-shadow:0 0 8px var(--green)}}.legal-back-btn:hover{border-color:var(--cyan);color:#fff;box-shadow:0 6px 0 var(--bg-0),0 0 16px #7dcfff66;transform:translateY(-2px)}.legal-back-btn:hover svg{transform:translate(-4px)}.legal-back-btn:active{box-shadow:0 0 0 transparent;transform:translateY(4px)}@media (max-width: 768px){.global-header{position:absolute;top:10px;right:10px;padding:0;z-index:1000}.login-button{width:44px;height:44px;justify-content:center;padding:0!important;font-size:0!important;gap:0!important;box-shadow:0 2px #000!important;touch-action:manipulation}.login-button svg{width:18px!important;height:18px!important}.user-avatar{width:32px!important;height:32px!important}}.sidebar{width:var(--sidebar-width);height:100vh;height:100dvh;background:#090b1af5;border-right:2px solid rgba(125,207,255,.35);padding:1.25rem 1rem;display:flex;flex-direction:column;overflow-y:auto;transition:width var(--transition-smooth),padding var(--transition-smooth);position:relative;box-shadow:12px 0 32px #000000d9;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#07080df2;border-left:1px solid rgba(125,207,255,.15)}.sidebar::-webkit-scrollbar-thumb{background:#7dcfff40;border-radius:0}.sidebar::-webkit-scrollbar-thumb:hover{background:#7dcfff8c}.sidebar>*{position:relative;z-index:2}.sidebar.closed{width:72px;padding:1.25rem .5rem}.sidebar-header{margin-bottom:1.5rem;display:flex;align-items:center;min-height:48px}.sidebar-toggle{width:44px;height:44px;flex-shrink:0;border-radius:0;background-color:#1f2335d9;color:var(--color-text-secondary, #a9b1d6);border:2px solid rgba(125,207,255,.35);margin-right:1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #000;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;touch-action:manipulation}.sidebar-toggle:hover{border-color:var(--color-cyan, #7dcfff);color:#fff;box-shadow:0 0 8px #7dcfff4d,0 2px #000}.sidebar-toggle:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.sidebar.closed .sidebar-header{justify-content:center}.sidebar.closed .sidebar-toggle{margin-right:0}.title-container{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.app-title{font-size:1.1rem;color:var(--color-text-primary, #fff);margin:0;white-space:nowrap;line-height:1.2;font-family:var(--font-pixel, monospace);text-shadow:0 0 6px rgba(187,154,247,.6);text-transform:uppercase;letter-spacing:1px}.app-title span{color:var(--color-cyan, #7dcfff);text-shadow:0 0 8px rgba(125,207,255,.6)}.sidebar-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#2a2e45d9;color:#fff;padding:10px 14px;font-family:var(--font-family-pixel, monospace);font-size:10px;font-weight:700;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;box-shadow:0 3px #000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;min-height:44px;transition:border-color .1s ease,box-shadow .1s ease,transform .1s ease;margin-bottom:1.5rem}.sidebar-back-btn:hover{border-color:#9ece6a99;box-shadow:0 4px #1b203a,0 0 10px #9ece6a4d;transform:translateY(-1px)}.sidebar-back-btn:active{box-shadow:0 0 0 transparent!important;transform:translateY(2px)!important;border-top-color:#12141c!important;border-left-color:#12141c!important;border-bottom-color:#7a88cf!important;border-right-color:#7a88cf!important}.sidebar-back-btn .btn-ok-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-success, #9ece6a);box-shadow:0 0 6px var(--color-success, #9ece6a);display:inline-block;animation:status-pulse-green 1.2s infinite alternate}@keyframes status-pulse-green{0%{opacity:.4;box-shadow:0 0 2px var(--color-success, #9ece6a)}to{opacity:1;box-shadow:0 0 8px var(--color-success, #9ece6a)}}.nav-list{list-style:none;padding:0;margin:0}.nav-level{margin-bottom:1rem}.nav-level>h3{font-size:8px;text-transform:uppercase;color:var(--color-text-tertiary, #565f89);margin:1.5rem 0 .8rem;font-family:var(--font-mono, monospace);letter-spacing:1px;font-weight:700}.nav-level:first-child>h3{margin-top:.5rem}.nav-lessons-list{list-style:none;padding-left:.5rem;border-left:1px solid rgba(125,207,255,.15)}.nav-lesson-item{margin-bottom:.6rem}.nav-lesson-item button{width:100%;text-align:left;padding:.65rem .8rem;font-size:.8rem;background:#161b2ed9;color:var(--color-text-secondary, #a9b1d6);border:1px solid rgba(122,162,247,.2);border-radius:0;display:flex;align-items:center;gap:.8rem;cursor:pointer;box-shadow:inset 0 0 6px #0009;min-height:48px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease;touch-action:manipulation}.nav-lesson-item button:hover{border-color:#7dcfff80;background:#1f253de6;box-shadow:inset 0 0 8px #0009,0 0 10px #7dcfff26;color:#fff;transform:translateY(-1px)}.nav-lesson-item button:active{transform:translateY(1px)}.nav-lesson-item button.active{background:#1f253df2;color:var(--color-cyan, #7dcfff);border-color:#7dcfff99;box-shadow:inset 0 0 8px #0009,0 0 12px #7dcfff4d}.nav-lesson-item button.completed{color:var(--color-success, #9ece6a)}.nav-lesson-item button.active.completed{color:var(--color-success, #9ece6a);border-color:var(--color-success, #9ece6a)}.lesson-status-icon{font-size:.75rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(122,162,247,.25);flex-shrink:0;background:#07080df2;color:var(--color-text-tertiary, #565f89);box-shadow:inset 0 0 4px #000c;transition:all .2s ease}.lesson-status-icon.complete{background:#07080df2;color:var(--color-success, #9ece6a);border-color:var(--color-success, #9ece6a);text-shadow:0 0 4px var(--color-success, #9ece6a);box-shadow:inset 0 0 4px #000c}.lesson-status-icon.in-progress{background:#07080df2;color:var(--color-warning, #e0af68);border-color:var(--color-warning, #e0af68);text-shadow:0 0 4px var(--color-warning, #e0af68);box-shadow:inset 0 0 4px #000c;animation:led-flicker 1.2s infinite alternate}.nav-lesson-item button.active .lesson-status-icon{border-color:var(--color-cyan, #7dcfff)}.nav-lesson-item button.active .lesson-status-icon.complete{border-color:var(--color-success, #9ece6a)}.lesson-info{display:flex;flex-direction:column;flex:1;min-width:0}.lesson-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-family:var(--font-pixel, monospace);font-size:.75rem}.lesson-progress{font-size:.65rem;color:var(--color-text-tertiary, #565f89);margin-top:.3rem;font-family:var(--font-mono, monospace)}@keyframes led-flicker{0%{opacity:.45}to{opacity:1}}.mobile-sidebar-toggle-trigger,.sidebar-backdrop{display:none}.sidebar-toggle:focus-visible,.sidebar-back-btn:focus-visible,.nav-lesson-item button:focus-visible,.mobile-sidebar-toggle-trigger:focus-visible{outline:3px solid var(--color-cyan, #7dcfff);outline-offset:3px}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;z-index:10001;width:min(320px,calc(100vw - 48px));max-width:calc(100vw - 48px);padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));overscroll-behavior:contain;transform:translate(0);transition:transform var(--transition-smooth),padding var(--transition-smooth)}.sidebar.closed{width:min(320px,calc(100vw - 48px));padding:0;border-right:none;transform:translate(-105%);pointer-events:none;visibility:hidden}.mobile-sidebar-toggle-trigger{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:10010;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background-color:#090b1af2;color:var(--color-cyan, #7dcfff);border:2px solid rgba(125,207,255,.5);border-radius:0;cursor:pointer;box-shadow:0 2px #000,0 0 10px #7dcfff33;font-size:18px;line-height:1;touch-action:manipulation;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.mobile-sidebar-toggle-trigger:hover{border-color:var(--color-cyan, #7dcfff);color:#fff;box-shadow:0 0 12px #7dcfff66,0 2px #000}.mobile-sidebar-toggle-trigger:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#03050ead;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;touch-action:manipulation}.sidebar-backdrop:hover,.sidebar-backdrop:active{background:#03050ead;box-shadow:none;transform:none}}@media (prefers-reduced-motion: reduce){.sidebar,.mobile-sidebar-toggle-trigger,.sidebar-toggle,.sidebar-back-btn,.nav-lesson-item button{animation:none;transition:none}}.legal-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.legal-vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(circle,transparent 45%,rgba(7,11,22,.5) 85%,rgba(4,6,12,.85) 100%);mix-blend-mode:multiply}.challenge-view{flex:1;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:#070b16}.challenge-view:before,.challenge-view:after{content:none}.challenge-empty-state{position:relative;z-index:10;margin:auto;text-align:center;padding:32px;background:#090b1af0;border:2px solid rgba(187,154,247,.45);box-shadow:0 0 30px #bb9af733;max-width:500px}.challenge-empty-state h1{margin-bottom:12px;font-size:18px;font-family:var(--font-pixel, monospace);color:#fff;text-shadow:0 0 6px var(--color-cyan, #7dcfff)}.challenge-empty-state p{margin:0;color:var(--color-text-secondary, #a9b1d6);font-family:var(--font-family-body, sans-serif);line-height:1.6}.challenge-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 72px 14px 24px;border-bottom:2px solid rgba(187,154,247,.4);background-color:#090b1af5;box-shadow:0 4px 20px #0009,inset 0 -1px #bb9af726}.challenge-header-main{min-width:0}.challenge-kicker{display:inline-flex;margin-bottom:6px;padding:4px 8px;border:1px solid rgba(125,207,255,.5);background:#7aa2f71f;color:var(--color-cyan, #7dcfff);font-family:var(--font-pixel, monospace);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 8px #7dcfff33;animation:status-pulse-cyan 2s infinite alternate}@keyframes status-pulse-cyan{0%{opacity:.6;box-shadow:0 0 4px #7dcfff26}to{opacity:1;box-shadow:0 0 10px #7dcfff66}}.challenge-header h1{margin:0;font-size:16px;font-family:var(--font-pixel, monospace);color:#fff;text-shadow:0 0 6px rgba(187,154,247,.4);text-transform:uppercase;letter-spacing:.5px}.challenge-header p{margin:4px 0 0;color:var(--color-text-secondary, #a9b1d6);font-family:var(--font-family-body, sans-serif);font-size:12px}.challenge-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.challenge-meta-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid rgba(125,207,255,.5);background:#07080de6;color:var(--color-cyan, #7dcfff);font-family:var(--font-pixel, monospace);font-size:9px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;box-shadow:inset 0 0 4px #000c}.challenge-meta-pill.secondary{border-color:#e0af6880;color:var(--color-warning, #e0af68);text-shadow:0 0 4px rgba(224,175,104,.3)}.challenge-content{position:relative;z-index:10;flex:1;min-height:0;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.3fr);gap:8px;padding:8px;overflow:hidden}.instructions-panel{min-height:0;overflow-y:auto;border:2px solid rgba(187,154,247,.3);background-color:#090b1af0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;box-shadow:inset 0 0 15px #000000e6,0 4px 15px #0009}.instructions-panel::-webkit-scrollbar{width:6px}.instructions-panel::-webkit-scrollbar-track{background:#07080df2;border-left:1px solid rgba(187,154,247,.15)}.instructions-panel::-webkit-scrollbar-thumb{background:#bb9af740;border-radius:0}.instructions-panel::-webkit-scrollbar-thumb:hover{background:#bb9af78c}.challenge-nav-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px dashed rgba(125,207,255,.2)}.challenge-title-wrap{min-width:0}.challenge-section-label{margin:0 0 4px;color:var(--color-text-tertiary, #565f89);font-family:var(--font-mono, monospace);font-size:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.challenge-nav-header h2{margin:0;color:#fff;font-size:13px;line-height:22px;font-family:var(--font-pixel, monospace);text-transform:uppercase;letter-spacing:.5px}.challenge-nav-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.challenge-nav-controls span{font-family:var(--font-pixel, monospace);font-size:8px;color:var(--color-text-tertiary, #565f89);font-weight:700;white-space:nowrap}.challenge-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#2a2e45d9;color:#fff;padding:8px 12px;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;font-family:var(--font-pixel, monospace);font-size:9px;font-weight:700;box-shadow:0 2px #000;cursor:pointer;transition:all .1s ease}.challenge-nav-button:hover:not(:disabled){border-color:#7dcfff99;box-shadow:0 3px #12141c,0 0 8px #7dcfff59;transform:translateY(-1px);color:var(--color-cyan, #7dcfff)}.challenge-nav-button:active:not(:disabled){transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#12141c!important;border-left-color:#12141c!important;border-bottom-color:#7a88cf!important;border-right-color:#7a88cf!important}.challenge-nav-button:disabled{opacity:.4;cursor:not-allowed;background:#12141ee6;border-color:#2a2e45;color:#565f89;box-shadow:none}.challenge-description-card{border:2px solid rgba(187,154,247,.4);background:#07080df2;padding:16px 20px;box-shadow:inset 0 0 10px #000c,0 0 12px #bb9af71a;position:relative}.challenge-description-card:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(187,154,247,.12);pointer-events:none}.challenge-description-card h3,.challenge-example-card h3{margin:0 0 10px;font-family:var(--font-pixel, monospace);font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-tertiary, #565f89);font-weight:700}.challenge-description{margin:0;color:var(--color-text-primary, #c0caf5);white-space:pre-wrap;line-height:1.7;font-size:14px;font-family:var(--font-family-body, sans-serif)}.challenge-tabs-row{display:flex;gap:4px;overflow-x:auto;margin-bottom:20px;padding-bottom:6px}.challenge-tabs-row::-webkit-scrollbar{height:6px}.challenge-tabs-row::-webkit-scrollbar-track{background:#07080df2;border-top:1px solid rgba(125,207,255,.15)}.challenge-tabs-row::-webkit-scrollbar-thumb{background:#7dcfff33}.challenge-tab-item{border:1px solid rgba(122,162,247,.25);border-bottom:none;background:#101424d9;padding:8px 12px;color:var(--color-text-secondary, #a9b1d6);min-width:140px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-pixel, monospace);font-size:9px;transition:all .2s ease;border-radius:0;cursor:pointer;box-shadow:inset 0 2px 4px #ffffff05}.challenge-tab-item:hover{border-color:#7dcfff73;background:#161b30e6;color:#fff}.challenge-tab-item.active{background:#090b1af2;border:2px solid rgba(125,207,255,.5);border-bottom:2px solid rgba(9,11,26,.95);color:var(--color-cyan, #7dcfff);box-shadow:0 -4px 12px #7dcfff26;transform:translateY(-1px);position:relative;z-index:2}.challenge-tab-index{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:#07080df2;border:1px solid rgba(122,162,247,.2);color:var(--color-text-secondary, #a9b1d6);font-family:var(--font-pixel, monospace);font-size:8px;font-weight:700;flex-shrink:0;box-shadow:inset 0 0 4px #000000d9}.challenge-tab-item.active .challenge-tab-index{background:var(--color-cyan, #7dcfff);border-color:var(--color-cyan, #7dcfff);color:#070b16;box-shadow:0 0 6px #7dcfff66}.challenge-tab-title{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}.challenge-example-card{margin-top:20px;border:2px solid rgba(122,162,247,.35);background:#090b1af2;padding:16px;box-shadow:0 0 15px #7aa2f714}.challenge-example-header{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:4px 8px;border:1px solid rgba(122,162,247,.25);background:#07080de6;color:var(--color-cyan, #7dcfff);font-family:var(--font-pixel, monospace)}.challenge-example-header h3{margin:0;color:var(--color-cyan, #7dcfff);font-size:8px;letter-spacing:1px;text-transform:uppercase}.challenge-example-code{margin:0;padding:16px;border:2px solid rgba(7,8,13,.95);background:#07080df5;font-family:"Fira Code",var(--font-mono, monospace);color:var(--color-text-primary, #c0caf5);font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;box-shadow:inset 0 4px 10px #000000f2,0 1px #ffffff05;position:relative}.challenge-example-code code{font-family:inherit}.editor-panel{min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;padding:6px 12px;background:#090b1af2;border:2px solid rgba(125,207,255,.3);box-shadow:0 4px 10px #0006}.sql-schema-toggle:hover{border-color:#7dcfff99;box-shadow:0 3px #12141c,0 0 10px #7dcfff59;transform:translateY(-1px)}.editor-container{flex:1;min-height:280px;border:2px solid rgba(122,162,247,.35);overflow:hidden;background:#1a1b26;box-shadow:inset 0 6px 16px #000000f2,0 4px 15px #0009;position:relative}.editor-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;box-shadow:inset 0 0 20px #000000b3;z-index:10}.output-panel{min-height:220px;max-height:44%;border:2px solid rgba(187,154,247,.35);overflow:hidden;display:flex;flex-direction:column;background:#090b1af5;box-shadow:0 4px 20px #000c}.output-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;border-bottom:2px solid rgba(187,154,247,.25);background:#07080df2}.output-tabs{display:inline-flex;align-items:center;gap:4px}.output-tab{border:1px solid rgba(187,154,247,.2);background:#101424d9;color:var(--color-text-tertiary, #565f89);padding:6px 12px;font-family:var(--font-pixel, monospace);font-size:9px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.output-tab:hover{color:var(--color-text-secondary, #a9b1d6);border-color:#bb9af766}.output-tab.active{color:var(--color-cyan, #7dcfff);border-color:#7dcfff80;background:#7aa2f71f;box-shadow:0 0 10px #7dcfff40;text-shadow:0 0 4px rgba(125,207,255,.4)}.output-tab:nth-child(2).active{color:var(--color-pink, #f7768e);border-color:#f7768e80;background:#f7768e1f;box-shadow:0 0 10px #f7768e40;text-shadow:0 0 4px rgba(247,118,142,.4)}.output-actions{display:inline-flex;align-items:center;justify-content:flex-end}.run-code-button{font-family:var(--font-pixel, monospace);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#070b16!important;background:linear-gradient(180deg,#8fb7ff,#6d9bff);border:2px solid #B7D0FF;border-top-color:#c0caf5;border-left-color:#c0caf5;border-bottom-color:#4d7bca;border-right-color:#4d7bca;padding:10px 18px;box-shadow:0 3px #31528a,0 0 12px #7aa2f759;cursor:pointer;outline:none;transition:all .1s ease;position:relative;overflow:hidden}.run-code-button:hover{background:linear-gradient(180deg,#a2c4ff,#7eacff);box-shadow:0 4px #31528a,0 0 16px #7aa2f78c;transform:translateY(-1px)}.run-code-button:active{transform:translateY(3px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#31528a!important;border-left-color:#31528a!important;border-bottom-color:#c0caf5!important;border-right-color:#c0caf5!important}.run-code-button:disabled{background:#3b4261!important;border-color:#565f89!important;color:#a9b1d6!important;cursor:not-allowed;transform:none!important;box-shadow:inset 0 2px 4px #000000b3!important;opacity:.6}.login-required-message{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#e0af6814;border:2px solid rgba(224,175,104,.5);color:var(--color-warning, #e0af68);font-family:var(--font-pixel, monospace);font-size:9px;font-weight:700;box-shadow:0 0 10px #e0af6826}.login-required-message svg{flex-shrink:0}.output-tab-panel{flex:1;min-height:0;display:flex;position:relative}.output-tab-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:5}.output-content{flex:1;margin:0;padding:16px 20px;font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:13px;color:var(--color-success, #9ece6a);background:#07080df7;overflow-y:auto;white-space:pre-wrap;line-height:1.6;box-shadow:inset 0 4px 10px #000000f2;position:relative;z-index:2}.output-content.is-error{color:var(--color-danger, #f7768e);text-shadow:0 0 4px rgba(247,118,142,.4);background:#1a0c12fa;animation:emergency-flash 2.5s infinite alternate}@keyframes emergency-flash{0%{box-shadow:inset 0 0 15px #f7768e0d}to{box-shadow:inset 0 0 25px #f7768e40}}.ai-feedback-tab{flex:1;min-height:0;padding:16px 20px;background:#07080df7;border-left:4px solid rgba(187,154,247,.45);overflow-y:auto;position:relative;z-index:2;box-shadow:inset 0 4px 10px #000000f2}.ai-feedback{background:#07080df7;border-top:2px solid rgba(187,154,247,.25);border-left:4px solid rgba(187,154,247,.5);padding:16px;overflow-y:auto;max-height:44%}.ai-feedback h4{color:var(--color-cyan, #7dcfff);margin:0 0 8px;font-family:var(--font-pixel, monospace);font-size:8px;text-transform:uppercase;letter-spacing:1.5px}.feedback-content{margin:0;font-family:"JetBrains Mono",var(--font-mono, monospace);font-size:12px;color:var(--color-text-secondary, #a9b1d6);white-space:pre-wrap;line-height:1.6}.output-tab-panel .sql-data-grid-container{flex:1;width:100%;overflow:auto;background:#07080df7;padding:12px}@media (max-width: 1300px){.challenge-nav-header{flex-direction:column;align-items:stretch}.challenge-nav-controls{justify-content:flex-start;margin-top:8px}}@media (max-width: 1024px){.challenge-content{grid-template-columns:1fr;display:flex;flex-direction:column;overflow:hidden!important;flex:1;min-height:0}.instructions-panel,.output-panel{max-height:none;height:100%}}.ai-tutor-tab{padding:16px;height:100%;box-sizing:border-box}.tutor-locked-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;min-height:150px;box-sizing:border-box}.tutor-locked-content .lock-icon{font-size:26px;filter:drop-shadow(0 0 8px rgba(187,154,247,.5));margin-bottom:12px;display:block}.tutor-locked-content h3{font-family:var(--font-family-pixel, monospace);font-size:11px;color:var(--color-cyan, #7dcfff);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.tutor-locked-content .locked-desc{font-size:12px;color:var(--color-text-secondary, #a9b1d6);max-width:330px;line-height:1.5;margin:0 0 16px}.btn-upgrade-tutor{padding:8px 16px;background-color:var(--color-accent, #bb9af7);color:#07080d;border:2px solid var(--color-accent, #bb9af7);font-family:var(--font-family-pixel, monospace);font-size:9px;font-weight:700;cursor:pointer;text-shadow:none;box-shadow:0 3px #000;transition:all .1s ease}.btn-upgrade-tutor:hover{background-color:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px #000}.btn-upgrade-tutor:active{transform:translateY(2px);box-shadow:0 1px #000}.tutor-premium-content{box-sizing:border-box}.tutor-header-pro{display:flex;align-items:center;gap:12px;margin-bottom:12px;border-bottom:1px solid rgba(125,207,255,.15);padding-bottom:8px}.pro-badge{background:var(--color-warning, #e0af68);color:#07080d;font-family:var(--font-family-pixel, monospace);font-size:8px;font-weight:700;padding:3px 6px;letter-spacing:.5px;box-shadow:0 1px #000}.tutor-header-pro h3{font-family:var(--font-family-pixel, monospace);font-size:11px;color:var(--color-warning, #e0af68);text-transform:uppercase;margin:0;letter-spacing:.5px}.tutor-announcement{font-size:12px;color:var(--color-text-secondary, #a9b1d6);line-height:1.6;border-left:3px solid var(--color-warning, #e0af68);padding-left:12px;margin:0 0 16px}.tutor-loader-glow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-pixel, monospace);font-size:8px;color:var(--color-warning, #e0af68);animation:pulseStatus 2s infinite alternate}.loader-indicator-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-warning, #e0af68);box-shadow:0 0 6px var(--color-warning, #e0af68);animation:pulseDot 1s infinite alternate}@keyframes pulseStatus{0%{opacity:.6}to{opacity:1}}@keyframes pulseDot{0%{transform:scale(.85);opacity:.5}to{transform:scale(1.3);opacity:1}}.mobile-ide-tabs,.mobile-challenge-context{display:none}@media (max-width: 1024px){.challenge-view{height:100%;min-height:0;max-height:100dvh}.challenge-header{padding-left:max(72px,calc(16px + env(safe-area-inset-left)));padding-right:max(16px,env(safe-area-inset-right));flex-shrink:0}.mobile-ide-tabs{display:flex;background:#090b1af2;border:2px solid rgba(125,207,255,.25);margin:0;padding:3px;gap:4px;z-index:100;flex-shrink:0;touch-action:manipulation}.mobile-tab-btn{flex:1;background:#101424b3;color:var(--color-text-tertiary, #565f89);border:1px solid rgba(125,207,255,.1);padding:10px 4px;min-height:44px;font-family:var(--font-pixel, monospace);font-size:clamp(8px,1.8vw,10px);cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.mobile-tab-btn.active{background:#7dcfff33;color:var(--color-cyan, #7dcfff);border-color:var(--color-cyan, #7dcfff);box-shadow:0 0 8px #7dcfff4d}.mobile-tab-btn:focus-visible,.mobile-challenge-context-toggle:focus-visible,.mobile-run-button:focus-visible,.sql-schema-toggle:focus-visible,.output-tab:focus-visible{outline:3px solid var(--color-cyan, #7dcfff);outline-offset:-3px}.mobile-tab-btn .tab-icon{font-size:12px}.challenge-content{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;gap:0!important}.challenge-content.mobile-instructions .instructions-panel{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow-y:auto!important;border:none!important;border-bottom:2px solid rgba(187,154,247,.3)!important;padding:16px!important;gap:16px!important}.challenge-content.mobile-instructions .editor-panel,.challenge-content.mobile-editor .instructions-panel{display:none!important}.challenge-content.mobile-editor .editor-panel{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.challenge-content.mobile-editor .mobile-challenge-context{display:block;flex-shrink:0;border-bottom:1px solid rgba(125,207,255,.3);background:#101424f5}.mobile-challenge-context-toggle{width:100%;min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;gap:10px;padding:8px 12px;border:0;border-radius:0;background:transparent;color:var(--color-text-primary, #fff);text-align:left;cursor:pointer;touch-action:manipulation}.mobile-context-label{color:var(--color-cyan, #7dcfff);font-family:var(--font-pixel, monospace);font-size:8px;text-transform:uppercase;white-space:nowrap}.mobile-challenge-context-toggle strong{min-width:0;overflow:hidden;color:#fff;font-family:var(--font-family-body, sans-serif);font-size:14px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mobile-context-action{color:var(--color-cyan, #7dcfff);font-family:var(--font-mono, monospace);font-size:20px;line-height:1;text-align:center}.mobile-challenge-context-body{max-height:min(22dvh,180px);overflow-y:auto;padding:0 12px 12px;overscroll-behavior:contain;scrollbar-gutter:stable}.mobile-challenge-context-body p{margin:0;color:var(--color-text-secondary, #a9b1d6);font-family:var(--font-family-body, sans-serif);font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.editor-toolbar{min-height:48px;padding:4px 8px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;overscroll-behavior-x:contain}.sql-schema-toggle{min-height:44px;flex:0 0 auto;touch-action:manipulation}.challenge-content.mobile-editor .editor-panel .editor-container{display:block!important;flex:1!important;min-height:200px!important;height:auto!important}.challenge-content.mobile-editor .editor-panel .output-panel,.challenge-content.mobile-output .instructions-panel{display:none!important}.challenge-content.mobile-output .editor-panel{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.challenge-content.mobile-output .editor-panel .editor-container,.challenge-content.mobile-output .editor-panel .editor-toolbar,.challenge-content.mobile-output .editor-panel .mobile-challenge-context{display:none!important}.challenge-content.mobile-output .editor-panel .output-panel{display:flex!important;flex:1!important;max-height:none!important;min-height:0!important}.mobile-editor-actions{display:flex!important;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#090b1af2;border-top:2px solid rgba(122,162,247,.35);flex-shrink:0;z-index:10}.mobile-run-button{width:100%;font-family:var(--font-pixel, monospace);font-size:11px;font-weight:700;color:#070b16!important;background:linear-gradient(180deg,#8fb7ff,#6d9bff)!important;border:2px solid #B7D0FF!important;border-top-color:#c0caf5!important;border-left-color:#c0caf5!important;border-bottom-color:#4d7bca!important;border-right-color:#4d7bca!important;padding:12px!important;min-height:44px;text-align:center;text-transform:uppercase;cursor:pointer;box-shadow:0 3px #31528a,0 0 12px #7aa2f759!important;transition:box-shadow .1s ease,transform .1s ease;touch-action:manipulation}.mobile-run-button:active{transform:translateY(2px)!important;box-shadow:0 1px #31528a,0 0 6px #7aa2f759!important}.mobile-login-warning{width:100%;color:var(--color-text-secondary);font-family:var(--font-pixel, monospace);font-size:9px;text-align:center;padding:10px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(247,118,142,.4);background:#f7768e0d}.challenge-content.mobile-output .mobile-editor-actions{display:none!important}.mobile-native-editor{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#1a1b26}.mobile-code-textarea{width:100%;min-width:0;min-height:0;flex:1;resize:none;border:0;border-radius:0;outline:0;padding:16px;background:#1a1b26;color:#c0caf5;caret-color:var(--color-cyan, #7dcfff);font-family:"Fira Code",var(--font-mono, monospace);font-size:16px;line-height:1.55;-moz-tab-size:4;tab-size:4;overflow:auto;overscroll-behavior:contain;-webkit-text-size-adjust:100%}.mobile-code-textarea:focus-visible{box-shadow:inset 0 0 0 3px #7dcfffb3}.mobile-code-textarea::selection{background:#7aa2f773;color:#fff}.mobile-editor-status{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;border-top:1px solid rgba(125,207,255,.25);background:#07080df5;color:var(--color-text-tertiary, #7d86a8);font-family:var(--font-mono, monospace);font-size:11px;line-height:1.2}.output-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.output-tab{min-height:44px;flex:0 0 auto;touch-action:manipulation}}@media (max-width: 760px){.challenge-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(68px,calc(12px + env(safe-area-inset-left)));min-height:48px}.challenge-kicker{display:none!important}.challenge-header h1{font-size:12px!important;line-height:1.3;display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.challenge-header-main p{display:none!important}.challenge-header-meta{gap:4px}.challenge-meta-pill{padding:3px 6px;font-size:7px}.challenge-meta-pill.secondary{display:none}.mobile-challenge-context-toggle{grid-template-columns:minmax(0,1fr) 28px}.mobile-context-label{display:none}.challenge-content{padding:0!important;gap:0!important}.challenge-nav-controls{width:100%;gap:6px}.challenge-nav-button{flex:1;justify-content:center;min-height:44px;font-size:9px}.challenge-nav-controls span{width:100%;order:-1;text-align:left;margin-bottom:4px}.output-header{flex-direction:column;align-items:stretch;gap:6px;padding:6px 10px}.output-actions{justify-content:flex-start}.challenge-tab-item{min-width:100px;padding:6px 8px;min-height:44px}.instructions-panel{padding:12px!important}.challenge-description-card{padding:12px 14px}.challenge-example-code{font-size:11px;padding:10px}}.mobile-editor-actions{display:none}@media (prefers-reduced-motion: reduce){.mobile-tab-btn,.mobile-run-button,.sql-schema-toggle{animation:none;transition:none}}.selection-view-container,.learning-path-view{font-family:var(--font-family-pixel)}.selection-view-container{position:relative;width:100%;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;background-color:#070b16;image-rendering:pixelated;z-index:1}.selection-view-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#070b1673,#070b16d9),url(/assets/Languaje%20Selection-6N2jc_j5.webp);background-size:cover;background-position:center top;background-attachment:fixed;z-index:-1;image-rendering:pixelated}.selection-view-content{max-width:1100px;margin:0 auto;padding:64px 24px 80px;position:relative;z-index:10}.back-to-landing-btn{position:fixed;top:24px;left:24px;z-index:1000;border-color:var(--pink)!important;box-shadow:0 4px 0 var(--bg-0),0 0 10px #f7768e40!important;color:var(--pink)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.back-to-landing-btn svg{transition:transform .2s ease}.btn-exit-dot{width:6px;height:6px;border-radius:50%;background-color:var(--pink);box-shadow:0 0 6px var(--pink);display:inline-block;animation:status-pulse-red 1.2s infinite alternate}@keyframes status-pulse-red{0%{opacity:.4;box-shadow:0 0 2px var(--pink)}to{opacity:1;box-shadow:0 0 8px var(--pink)}}.back-to-landing-btn:hover{border-color:#ff5e7e!important;color:#fff!important;box-shadow:0 6px 0 var(--bg-0),0 0 16px #f7768e66!important;transform:translateY(-2px)}.back-to-landing-btn:hover svg{transform:translate(-4px)}.back-to-landing-btn:active{box-shadow:0 0 0 transparent!important;transform:translateY(4px)}.change-language-btn{position:fixed;top:24px;left:24px;z-index:1000}.selection-view-header{text-align:center;margin-bottom:56px;position:relative}.arcade-marquee-ribbon{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#090a10d9;border:2px solid rgba(125,207,255,.3);padding:6px 16px;margin-bottom:20px;box-shadow:inset 0 0 8px #000c,0 0 10px #7dcfff1a}.marquee-dot{width:6px;height:6px;border-radius:50%}.marquee-dot.green{background-color:var(--green);box-shadow:0 0 6px var(--green);animation:led-flicker 1.5s infinite steps(2)}.marquee-dot.red{background-color:var(--pink);box-shadow:0 0 6px var(--pink);animation:led-flicker 1.5s infinite alternate steps(2)}.marquee-text-small{font-family:var(--font-family-pixel);font-size:10px;color:var(--text-secondary);letter-spacing:2px;font-weight:700}.arcade-title-neon{font-family:var(--font-family-pixel);font-size:24px;line-height:1.5;background:linear-gradient(90deg,var(--blue) 0%,var(--purple) 50%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-transform:uppercase;letter-spacing:1px;filter:drop-shadow(0 0 10px rgba(187,154,247,.35))}.arcade-subtitle{font-family:var(--font-family-body);font-size:14px;max-width:600px;margin:12px auto 0;color:var(--text-secondary);line-height:1.6}.language-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;perspective:1000px}.language-card{background-color:#0b1020eb;border:2px solid rgba(122,162,247,.25);border-radius:0;padding:36px 24px;text-align:center;cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 16px 32px #000000bf,inset 0 0 12px #7aa2f70d;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,box-shadow .2s ease}.language-card:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(122,162,247,.08);pointer-events:none}.cartridge-glass-sheen{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-25deg);z-index:5;pointer-events:none}.language-card:hover .cartridge-glass-sheen{animation:sheen-sweep .75s ease-out forwards}@keyframes sheen-sweep{0%{left:-100%}to{left:220%}}.logo-container{position:relative;width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background-color:#07080df2;border:2px solid rgba(122,162,247,.15);box-shadow:inset 0 3px 6px #000000e6;overflow:hidden}.language-logo{height:52px;width:52px;object-fit:contain;image-rendering:pixelated;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.language-card:hover .language-logo{animation:pixel-bounce .6s ease infinite alternate}@keyframes pixel-bounce{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-6px) scaleY(1.05)}}.language-card.card-python:hover{border-color:#7aa2f799;box-shadow:0 20px 40px #000c,0 0 25px #7aa2f74d,inset 0 0 15px #7aa2f71a;transform:translateY(-8px) scale(1.03)}.language-card.card-python:hover .logo-container{border-color:var(--blue);box-shadow:0 0 8px #7aa2f74d,inset 0 3px 6px #000000e6}.language-card.card-sql:hover{border-color:#e0af6899;box-shadow:0 20px 40px #000c,0 0 25px #e0af684d,inset 0 0 15px #e0af681a;transform:translateY(-8px) scale(1.03)}.language-card.card-sql:hover .logo-container{border-color:var(--gold);box-shadow:0 0 8px #e0af684d,inset 0 3px 6px #000000e6}.language-card.card-nosql:hover{border-color:#7dcfff99;box-shadow:0 20px 40px #000c,0 0 25px #7dcfff4d,inset 0 0 15px #7dcfff1a;transform:translateY(-8px) scale(1.03)}.language-card.card-nosql:hover .logo-container{border-color:#7dcfff;box-shadow:0 0 8px #7dcfff4d,inset 0 3px 6px #000000e6}.language-card.card-cpp:hover{border-color:#bb9af799;box-shadow:0 20px 40px #000c,0 0 25px #bb9af74d,inset 0 0 15px #bb9af71a;transform:translateY(-8px) scale(1.03)}.language-card.card-cpp:hover .logo-container{border-color:var(--purple);box-shadow:0 0 8px #bb9af74d,inset 0 3px 6px #000000e6}.language-card.card-js:hover{border-color:#f7e01899;box-shadow:0 20px 40px #000c,0 0 25px #f7e0184d,inset 0 0 15px #f7e0181a;transform:translateY(-8px) scale(1.03)}.language-card.card-js:hover .logo-container{border-color:#f7e018;box-shadow:0 0 8px #f7e0184d,inset 0 3px 6px #000000e6}.language-card.card-java:hover{border-color:#ff3b3099;box-shadow:0 20px 40px #000c,0 0 25px #ff3b3059,inset 0 0 15px #ff3b301f;transform:translateY(-8px) scale(1.03)}.language-card.card-java:hover .logo-container{border-color:#ff3b30;box-shadow:0 0 8px #ff3b3066,inset 0 3px 6px #000000e6}.language-card.card-js.disabled,.language-card.card-java.disabled,.language-card.card-bash.disabled{cursor:not-allowed;background-color:#140f14d9;opacity:.8;border-color:#f7768e33;box-shadow:inset 0 0 15px #f7768e0d}.language-card.card-js.disabled:before,.language-card.card-java.disabled:before,.language-card.card-bash.disabled:before{border-color:#f7768e0d}.language-card.card-js.disabled:hover,.language-card.card-java.disabled:hover,.language-card.card-bash.disabled:hover{transform:none;border-color:#f7768e8c;box-shadow:0 0 20px #f7768e40,inset 0 0 12px #f7768e14}.locked-container{background-color:#0c080d;border-color:#f7768e26;box-shadow:inset 0 3px 6px #000000f2}.locked-cartridge-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.locked-cartridge-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none}.retro-lock-icon{filter:drop-shadow(0 0 4px rgba(247,118,142,.4));animation:lock-pulse 1.5s infinite alternate}.locked-status-led{position:absolute;top:6px;right:6px;width:5px;height:5px;background-color:var(--pink);box-shadow:0 0 6px var(--pink);animation:led-flicker .3s infinite alternate}.system-locked-tag{font-family:var(--font-family-pixel);font-size:8px;color:var(--pink);letter-spacing:1px;animation:text-glitch-flicker 3s infinite;font-weight:700}.language-card h3{font-family:var(--font-family-pixel);font-size:14px;margin:0 0 10px;color:#fff;letter-spacing:.5px;text-transform:uppercase}.language-card .language-description{font-family:var(--font-family-body);color:var(--text-secondary);font-size:13px;line-height:1.6;flex-grow:1;margin-bottom:20px}.language-stats{margin:16px 0;font-family:var(--font-family-mono);font-size:10px;color:var(--cyan);background-color:#090a10d9;border:1px solid rgba(122,162,247,.2);padding:6px 12px;box-shadow:inset 0 0 6px #000000d9;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.stat-separator{color:#7aa2f74d;font-weight:700}.start-learning-button{background:#2a2e45d9;color:#fff;padding:12px 16px;font-size:10px;font-weight:700;width:100%;margin-top:auto;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;box-shadow:0 3px #000;font-family:var(--font-family-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease}.language-card.card-python:hover .start-learning-button{background:linear-gradient(180deg,#8fb7ff,#6d9bff);border-color:#b7d0ff;border-top-color:#c0caf5;border-left-color:#c0caf5;border-bottom-color:#4d7bca;border-right-color:#4d7bca;box-shadow:0 4px #31528a,0 0 10px #7aa2f766;color:#070b16}.language-card.card-sql:hover .start-learning-button{background:linear-gradient(180deg,#f5d393,#e0af68);border-color:#f5d393;border-top-color:#fff2d6;border-left-color:#fff2d6;border-bottom-color:#b38645;border-right-color:#b38645;box-shadow:0 4px #805e2b,0 0 10px #e0af6866;color:#070b16}.language-card.card-cpp:hover .start-learning-button{background:linear-gradient(180deg,#d3b5ff,#bb9af7);border-color:#ebd6ff;border-top-color:#f3e8ff;border-left-color:#f3e8ff;border-bottom-color:#7d5ab8;border-right-color:#7d5ab8;box-shadow:0 4px #5b3e8c,0 0 10px #bb9af766;color:#070b16}.language-card.card-js:hover .start-learning-button{background:linear-gradient(180deg,#f9e858,#f7e018);border-color:#fef7b9;border-top-color:#fef7b9;border-left-color:#fef7b9;border-bottom-color:#c4a80c;border-right-color:#c4a80c;box-shadow:0 4px #857105,0 0 10px #f7e01866;color:#070b16}.language-card.card-nosql:hover .start-learning-button{background:linear-gradient(180deg,#99e2ff,#7dcfff);border-color:#c3efff;border-top-color:#e2f7ff;border-left-color:#e2f7ff;border-bottom-color:#4a9dc7;border-right-color:#4a9dc7;box-shadow:0 4px #2a6a8b,0 0 10px #7dcfff66;color:#070b16}.language-card.card-java:hover .start-learning-button{background:linear-gradient(180deg,#ff6b6b,#e63946);border-color:#ffb3b3;border-top-color:#ffd6d6;border-left-color:#ffd6d6;border-bottom-color:#991b24;border-right-color:#991b24;box-shadow:0 4px #661017,0 0 10px #e6394666;color:#fff}.start-learning-button:active{box-shadow:0 0 0 transparent!important;transform:translateY(3px)!important;border-top-color:#12141c!important;border-left-color:#12141c!important;border-bottom-color:#7a88cf!important;border-right-color:#7a88cf!important}.start-learning-button:disabled{background:#1e1f2bb3;color:#565f89;border-color:#2a2e45;cursor:not-allowed;box-shadow:inset 0 2px 4px #000c!important;transform:none!important;border-top-color:#161822!important;border-left-color:#161822!important;border-bottom-color:#3b3f54!important;border-right-color:#3b3f54!important}@keyframes led-flicker{0%{opacity:.4}to{opacity:1}}@keyframes lock-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(247,118,142,.2))}to{transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(247,118,142,.6))}}@keyframes text-glitch-flicker{0%,93%,95%,97%,to{opacity:1;color:var(--pink);text-shadow:0 0 4px var(--pink)}94%,96%{opacity:.25;color:#3b4261;text-shadow:none}}.learning-path-view{position:relative;width:100%;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;background-color:#070b16;z-index:1}.learning-path-view:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#070b1673,#070b16d9),url(/assets/Learning%20Path-C2ZBA8nK.webp);background-size:cover;background-position:center top;background-attachment:fixed;z-index:-1;image-rendering:pixelated}.learning-path-layout{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;width:100%;transition:padding-left var(--transition-smooth)}.learning-sandwich-btn{position:fixed;top:24px;left:24px;z-index:10001;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--cyan);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;transition:all .2s ease;text-shadow:0 0 8px rgba(0,255,255,.4)}.learning-sandwich-btn:hover{color:#fff;transform:scale(1.15);text-shadow:0 0 12px rgba(255,255,255,.8)}.learning-sandwich-btn:active{transform:scale(.9)}.learning-side-nav{position:fixed;top:0;left:0;width:290px;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#090b1af5;border-right:2px solid rgba(125,207,255,.35);box-shadow:12px 0 32px #000000d9;overflow:hidden;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-100%);transition:transform var(--transition-smooth)}.learning-side-nav.open{transform:translate(0)}.learning-side-nav-header{padding:20px 24px;border-bottom:1px solid rgba(125,207,255,.25);display:flex;align-items:center;gap:16px;background:#07080df2}.learning-side-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#1f2335d9;color:var(--text-secondary);border:2px solid var(--border-medium);cursor:pointer;box-shadow:0 2px #000;transition:all .15s ease;flex-shrink:0}.learning-side-toggle:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 8px #7dcfff4d,0 2px #000}.learning-side-toggle:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.learning-side-brand h2{font-size:15px;margin:0;text-transform:uppercase;color:#fff;letter-spacing:2px;text-shadow:0 0 6px var(--color-accent)}.learning-side-back-btn{align-self:stretch;margin:16px 20px}.learning-side-section-title{margin:12px 20px 8px;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-family-mono);font-weight:700}.learning-side-scroll{overflow-y:auto;padding-bottom:24px;flex:1}.learning-side-module-list{list-style:none;margin:0;padding:0}.learning-side-module-btn{width:calc(100% - 32px);margin:0 16px 8px;border:1px solid rgba(122,162,247,.2);background:#161b2ed9;color:var(--text-secondary);padding:10px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:inset 0 0 6px #0009;text-align:left;transition:all .2s ease}.learning-side-module-btn:hover{border-color:#7dcfff80;background:#1f253de6;box-shadow:inset 0 0 8px #0009,0 0 10px #7dcfff26;color:#fff}.learning-side-module-btn:active{transform:translateY(2px)}.learning-side-module-btn.is-recommended{border-color:#7aa2f799;box-shadow:inset 0 0 8px #0009,0 0 8px #7aa2f733;color:var(--blue)}.learning-side-module-btn.is-complete{border-color:#9ece6a80;color:var(--green)}.learning-side-module-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(122,162,247,.2);background:#07080df2;font-size:8px;flex-shrink:0;box-shadow:inset 0 0 4px #000c;color:var(--text-muted)}.learning-side-module-btn.is-complete .learning-side-module-icon{border-color:var(--green);color:var(--green);text-shadow:0 0 4px var(--green)}.learning-side-module-btn.is-started .learning-side-module-icon{border-color:var(--gold);color:var(--gold);text-shadow:0 0 4px var(--gold)}.learning-side-module-btn.is-recommended .learning-side-module-icon{border-color:var(--blue);color:var(--blue);text-shadow:0 0 4px var(--blue)}.learning-side-module-text{display:flex;flex-direction:column;gap:3px;min-width:0}.learning-side-module-text strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px;text-transform:uppercase}.learning-side-module-text small{color:var(--text-muted);font-size:9px;font-family:var(--font-family-mono)}.learning-path-view .selection-view-content.learning-path-content{flex:1;min-width:0;max-width:860px;margin:0 auto;padding:96px 24px 80px;width:100%}.learning-path-view .legal-vignette,.learning-path-view .legal-scanlines{transition:left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}@media (min-width: 900px){.learning-path-view.with-side-nav-open .learning-path-layout{padding-left:290px}.learning-path-view.with-side-nav-open .legal-vignette,.learning-path-view.with-side-nav-open .legal-scanlines{left:290px;width:calc(100% - 290px)}}@media (max-width: 900px) and (min-width: 768px){.learning-path-view.with-side-nav-open .learning-path-layout{padding-left:280px}.learning-path-view.with-side-nav-open .legal-vignette,.learning-path-view.with-side-nav-open .legal-scanlines{left:280px;width:calc(100% - 280px)}}.learning-summary-card{background:#090b1af0;border:2px solid rgba(187,154,247,.45);padding:36px 40px;margin-bottom:32px;box-shadow:0 20px 40px #000c,0 0 30px #bb9af726,inset 0 0 15px #7aa2f714;position:relative}.learning-summary-card:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(187,154,247,.15);pointer-events:none}.learning-summary-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.learning-language-pill,.learning-points-pill{display:inline-flex;padding:6px 12px;font-size:10px;border:1px solid var(--border-medium);background:#07080de6;box-shadow:inset 0 0 4px #000c;font-family:var(--font-family-pixel);font-weight:700}.learning-language-pill{color:var(--blue);border-color:#7aa2f780;text-shadow:0 0 4px rgba(122,162,247,.4)}.learning-points-pill{color:var(--gold);border-color:#e0af6880;text-shadow:0 0 4px rgba(224,175,104,.4)}.learning-summary-card h1{font-size:18px;line-height:1.5;margin-bottom:12px;color:#fff;text-shadow:0 0 8px rgba(122,162,247,.6);text-transform:uppercase}.learning-summary-card>p{font-family:var(--font-family-body);color:var(--text-secondary);font-size:15px;margin-bottom:28px;line-height:1.6}.learning-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.learning-stat-card{border:1px solid rgba(125,207,255,.25);background:#07090ff2;padding:16px;box-shadow:inset 0 0 8px #000000e6,0 4px 8px #0006;display:flex;flex-direction:column;position:relative;overflow:hidden}.learning-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(125,207,255,.1) 1px,transparent 1px);background-size:4px 4px;opacity:.5;pointer-events:none;z-index:0}.learning-stat-card strong,.learning-stat-card span{position:relative;z-index:1}.learning-stat-card strong{font-size:22px;color:var(--cyan);text-shadow:0 0 6px rgba(125,207,255,.5);font-family:var(--font-family-mono);line-height:1.2;margin-bottom:4px}.learning-stat-card span{color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-family-pixel);font-weight:700}.learning-progress-track{height:18px;background-color:#05060af2;border:1px solid rgba(125,207,255,.2);box-shadow:inset 0 3px 6px #000000f2;padding:2px;margin-bottom:12px;position:relative}.learning-progress-fill{height:100%;background:linear-gradient(90deg,#6d9bff,#7dcfff);box-shadow:0 0 8px #7dcfff99;transition:width .4s ease-out;position:relative}.learning-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 2px,transparent 2px,transparent 4px)}.learning-progress-text{font-family:var(--font-family-mono);color:var(--text-secondary);font-size:11px;letter-spacing:.5px;margin-bottom:24px}.learning-summary-actions{display:flex;justify-content:flex-start}.learning-levels-stack{display:flex;flex-direction:column;gap:36px}.learning-level-card{background:#090b1af0;border:2px solid rgba(122,162,247,.35);padding:32px;box-shadow:0 16px 32px #000000bf,inset 0 0 12px #7aa2f70d;position:relative}.learning-level-card:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(122,162,247,.1);pointer-events:none}.learning-level-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.learning-level-top h2{font-size:14px;line-height:1.4;color:#fff;text-shadow:0 0 6px rgba(187,154,247,.5);margin-bottom:4px;text-transform:uppercase}.learning-level-top p{font-family:var(--font-family-body);font-size:13px;color:var(--text-secondary);margin-bottom:0;line-height:1.5}.learning-level-chip{display:inline-flex;padding:4px 8px;font-size:8px;border:1px solid rgba(122,162,247,.3);background:#07080de6;box-shadow:inset 0 0 4px #000c;font-family:var(--font-family-pixel);color:var(--blue);font-weight:700;flex-shrink:0}.learning-level-progress-track{height:6px;background-color:#05060af2;border:1px solid rgba(122,162,247,.15);padding:1px;margin-bottom:28px}.learning-level-progress-fill{height:100%;background:var(--blue);box-shadow:0 0 4px var(--blue);transition:width .4s ease-out}.learning-lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.learning-lesson-card{background-color:#0f111cf0;border:2px solid rgba(122,162,247,.22);border-radius:0;padding:24px 16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 10px 20px #000000a6,inset 0 0 8px #7aa2f70a;width:100%;box-sizing:border-box;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,box-shadow .2s ease}.learning-lesson-card:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(122,162,247,.06);pointer-events:none}.learning-lesson-card:not(.is-locked):hover{transform:translateY(-5px);border-color:#7dcfff80;box-shadow:0 12px 24px #000c,0 0 15px #7dcfff40}.learning-lesson-card:not(.is-locked):hover:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-25deg);z-index:5;pointer-events:none;animation:sheen-sweep .6s ease-out forwards}.learning-lesson-card.is-completed{border-color:#9ece6a66}.learning-lesson-card.is-completed:hover{border-color:var(--green);box-shadow:0 12px 24px #000c,0 0 15px #9ece6a40}.learning-lesson-card.is-started{border-color:#e0af6866}.learning-lesson-card.is-started:hover{border-color:var(--gold);box-shadow:0 12px 24px #000c,0 0 15px #e0af6840}.learning-lesson-card.is-recommended{border-color:#7aa2f780;animation:recommended-glow-pulse 2s infinite alternate}@keyframes recommended-glow-pulse{0%{border-color:#7aa2f766;box-shadow:0 6px 12px #000000a6}to{border-color:#7dcfffcc;box-shadow:0 6px 12px #000000a6,0 0 8px #7dcfff4d}}.learning-lesson-card.is-recommended:hover{animation:none;border-color:var(--cyan);box-shadow:0 12px 24px #000c,0 0 15px #7dcfff4d}.learning-lesson-card.is-locked{cursor:not-allowed;background-color:#140f14d9;border-color:#f7768e26;box-shadow:inset 0 0 12px #f7768e0d}.learning-lesson-card.is-locked:before{border-color:#f7768e0a}.learning-lesson-locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a080c4d;display:flex;align-items:center;justify-content:center;z-index:4}.padlock-icon-large{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;opacity:.7;filter:drop-shadow(0 0 3px rgba(247,118,142,.3));transition:opacity .2s ease,transform .2s ease}.learning-lesson-card.is-locked:hover .padlock-icon-large{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 6px var(--pink))}.learning-lesson-card.is-locked:hover{border-color:#f7768e73;box-shadow:0 8px 16px #000c,inset 0 0 10px #f7768e14}.learning-lesson-content-wrap{display:flex;flex-direction:column;height:100%;width:100%}.learning-lesson-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.learning-lesson-status{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 1px 2px #fff6;flex-shrink:0;margin-top:4px}.learning-lesson-status.completed{background-color:var(--green);box-shadow:0 0 6px var(--green)}.learning-lesson-status.started{background-color:var(--gold);box-shadow:0 0 6px var(--gold);animation:status-pulse-amber 1.2s infinite alternate}@keyframes status-pulse-amber{0%{opacity:.5}to{opacity:1}}.learning-lesson-status.pending{background-color:#7aa2f766;border:1px solid rgba(122,162,247,.2);box-shadow:none}.learning-lesson-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.learning-lesson-title-wrap h3{font-size:11px;line-height:1.4;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px;text-transform:uppercase}.learning-lesson-card p{font-family:var(--font-family-body);font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.learning-lesson-footer{display:flex;flex-direction:column;gap:6px}.learning-lesson-footer .learning-lesson-progress-track{height:4px;background-color:#05060af2;border:1px solid rgba(122,162,247,.15);padding:0;margin-bottom:0}.learning-lesson-footer .learning-lesson-progress-fill{height:100%;background-color:var(--cyan);box-shadow:0 0 3px var(--cyan)}.learning-lesson-card.is-completed .learning-lesson-footer .learning-lesson-progress-fill{background-color:var(--green);box-shadow:0 0 3px var(--green)}.learning-lesson-card.is-started .learning-lesson-footer .learning-lesson-progress-fill{background-color:var(--gold);box-shadow:0 0 3px var(--gold)}.learning-lesson-footer span{font-family:var(--font-family-mono);color:var(--text-muted);font-size:9px;letter-spacing:.5px}@media (max-width: 900px){.learning-side-nav{width:280px}}@media (max-width: 768px){.learning-path-view .selection-view-content.learning-path-content{padding:80px 16px 48px}.learning-summary-card{padding:24px}.learning-level-card{padding:20px}.learning-summary-card h1{font-size:15px}.learning-level-top h2{font-size:12px}.learning-level-top{flex-direction:column;gap:8px}.learning-level-chip{align-self:flex-start}.learning-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.selection-view-content{padding:96px 16px 64px!important}.back-to-landing-btn{position:absolute!important;top:10px!important;left:10px!important;margin:0!important;padding:6px 12px!important;font-size:8px!important}.back-to-landing-btn svg{width:12px!important;height:12px!important}.learning-sandwich-btn{top:14px!important;left:14px!important}}@media (prefers-reduced-motion: reduce){.learning-sandwich-btn:hover,.learning-side-module-btn:active{transform:none}.learning-progress-fill{transition:none}.learning-progress-fill:after{animation:none}.learning-level-progress-fill{transition:none}.learning-lesson-status.started,.learning-lesson-card.is-recommended{animation:none}}.auth-button-loading{color:var(--color-text-tertiary, #565f89);padding:.5rem 1rem;font-family:var(--font-pixel, monospace);font-size:11px}.login-button{display:flex;align-items:center;gap:10px;background:#2a2e45d9;color:#fff;padding:10px 18px;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;font-size:10px;font-family:var(--font-pixel, monospace);cursor:pointer;box-shadow:0 3px #000;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease}.login-button:hover{border-color:#7dcfff99;box-shadow:0 4px #1b203a,0 0 10px #7dcfff59;transform:translateY(-1px)}.login-button:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#12141c!important;border-left-color:#12141c!important;border-bottom-color:#7a88cf!important;border-right-color:#7a88cf!important}.login-button .google-icon{flex-shrink:0}.user-menu{position:relative;display:inline-block}.user-avatar{width:38px;height:38px;border-radius:0;cursor:pointer;border:2px solid rgba(125,207,255,.45);background:#07080df2;box-shadow:0 0 8px #7dcfff26,inset 0 0 6px #7dcfff1a;image-rendering:pixelated;transition:all .15s ease}.user-avatar:hover{border-color:var(--color-cyan, #7dcfff);box-shadow:0 0 12px #7dcfff73,inset 0 0 8px #7dcfff33;transform:scale(1.05)}.user-avatar:active{transform:scale(.95)}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:#090b1af5;border:2px solid rgba(187,154,247,.45);min-width:270px;padding:16px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);box-shadow:0 20px 50px #000000f2,0 0 30px #bb9af726,inset 0 0 15px #7aa2f714;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.16,1,.3,1)}.user-dropdown:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(187,154,247,.15);pointer-events:none;z-index:0}.user-dropdown:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}.user-dropdown>*{position:relative;z-index:5}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-info{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px dashed rgba(187,154,247,.25)}.user-info-avatar-wrap{position:relative;flex-shrink:0}.user-info-avatar-ring{width:48px;height:48px;border-radius:0;padding:2px;border:2px solid rgba(125,207,255,.5);background:#07080df2;box-shadow:inset 0 0 6px #000000d9}.user-info-avatar{width:100%;height:100%;border-radius:0;object-fit:cover;image-rendering:pixelated}.user-info-status-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--color-success, #9ece6a);border:2px solid #070B16;box-shadow:0 0 6px var(--color-success, #9ece6a);animation:status-pulse-green 1.2s infinite alternate}.user-info-copy{display:flex;flex-direction:column;min-width:0}.user-name{color:#fff;font-size:11px;font-family:var(--font-pixel, monospace);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 4px rgba(187,154,247,.35)}.user-email{color:var(--color-text-secondary, #a9b1d6);font-size:11px;font-family:var(--font-mono, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-stats-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#07080df2;border:1px solid rgba(122,162,247,.25);border-radius:0;padding:10px 12px;margin-bottom:12px;box-shadow:inset 0 0 8px #000000e6}.user-stat-item{display:flex;align-items:center;gap:8px;min-width:0}.user-stat-item.coins{border-left:1px dashed rgba(122,162,247,.25);padding-left:10px}.user-stat-icon{width:28px;height:28px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(122,162,247,.25);background:#07080df2;box-shadow:inset 0 0 4px #000c;transition:all .2s ease;overflow:hidden}.user-stat-icon.streak{border-color:#e0af6866;box-shadow:inset 0 0 4px #000c,0 0 6px #e0af6826}.user-stat-icon.coins{border-color:#7dcfff66;box-shadow:inset 0 0 4px #000c,0 0 6px #7dcfff26}.user-stat-img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.streak-img{animation:pixel-fire-burning 1.2s infinite ease-in-out alternate}.coin-img{animation:pixel-coin-glow 2s infinite ease-in-out alternate}.user-stat-copy{display:flex;flex-direction:column;min-width:0}.user-stat-label{font-size:7px;font-family:var(--font-pixel, monospace);color:var(--color-text-tertiary, #565f89);letter-spacing:.5px}.user-stat-value{margin-top:2px;color:#fff;font-family:var(--font-mono, monospace);font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px dashed rgba(187,154,247,.25)}.user-plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:2px solid rgba(224,175,104,.55);border-radius:0;font-size:9px;font-family:var(--font-pixel, monospace);background:#07080df2;color:var(--color-warning, #e0af68);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 4px rgba(224,175,104,.4);box-shadow:inset 0 0 6px #000000d9,0 0 10px #e0af6826}.upgrade-plan-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:linear-gradient(180deg,#f5d393,#e0af68);color:#070b16;border:2px solid #F5D393;border-top-color:#fff2d6;border-left-color:#fff2d6;border-bottom-color:#b38645;border-right-color:#b38645;font-size:10px;font-family:var(--font-pixel, monospace);cursor:pointer;box-shadow:0 3px #805e2b,0 0 12px #e0af6859;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease;font-weight:700;overflow:hidden}.upgrade-plan-btn:hover{background:linear-gradient(180deg,#fadba2,#e8bc7a);box-shadow:0 4px #805e2b,0 0 16px #e0af688c;transform:translateY(-1px)}.upgrade-plan-btn:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#805e2b!important;border-left-color:#805e2b!important;border-bottom-color:#fff2d6!important;border-right-color:#fff2d6!important}.user-plan-details{display:grid;gap:6px;padding:10px 12px;background:#07080df2;border:1px solid rgba(122,162,247,.25);border-radius:0;box-shadow:inset 0 0 6px #000000d9}.user-plan-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.user-plan-label{font-size:7px;font-family:var(--font-pixel, monospace);color:var(--color-text-tertiary, #565f89);letter-spacing:.5px;text-transform:uppercase}.user-plan-value{font-size:11px;font-family:var(--font-mono, monospace);color:#fff;text-align:right;white-space:nowrap}.user-plan-status{margin-top:4px;padding:6px 8px;border:1px solid var(--color-border, #3b4261);font-size:8px;font-family:var(--font-pixel, monospace);text-transform:uppercase;letter-spacing:.5px;text-align:center}.user-plan-status.active{color:var(--color-success, #9ece6a);background:#9ece6a1f;border-color:#9ece6a59;text-shadow:0 0 4px rgba(158,206,106,.3)}.user-plan-status.inactive{color:var(--color-danger, #f7768e);background:#f7768e1f;border-color:#f7768e59;text-shadow:0 0 4px rgba(247,118,142,.3)}.logout-button{width:100%;background:#f7768e14;color:var(--color-danger, #f7768e);border:2px solid rgba(247,118,142,.4);padding:10px;font-size:10px;font-family:var(--font-pixel, monospace);text-align:center;cursor:pointer;box-shadow:0 3px #3a1c22,0 0 10px #f7768e33;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease;font-weight:700}.logout-button:hover{background:#f7768e26;border-color:#f7768e99;box-shadow:0 4px #3a1c22,0 0 14px #f7768e66;transform:translateY(-1px);color:#fff}.logout-button:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#3a1c22!important;border-left-color:#3a1c22!important;border-bottom-color:#f7768e66!important;border-right-color:#f7768e66!important}.points-badge{display:inline-flex;align-items:center;gap:8px;background-color:#07080de6;color:var(--color-warning, #e0af68);padding:6px 12px;border:1px solid rgba(224,175,104,.4);border-radius:0;font-size:9px;font-family:var(--font-pixel, monospace);box-shadow:inset 0 0 4px #000000d9}@keyframes pixel-fire-burning{0%{transform:scale(1) translateY(0) rotate(-2deg);filter:drop-shadow(0 0 2px rgba(255,90,0,.6)) drop-shadow(0 0 6px rgba(255,170,0,.35))}50%{transform:scale(1.1) translateY(-1px) rotate(2deg);filter:drop-shadow(0 0 4px rgba(255,100,0,.85)) drop-shadow(0 0 10px rgba(255,200,0,.55))}to{transform:scale(1.05) translateY(-.5px) rotate(-1deg);filter:drop-shadow(0 0 3px rgba(255,95,0,.75)) drop-shadow(0 0 8px rgba(255,180,0,.45))}}@keyframes pixel-coin-glow{0%{transform:translateY(.5px) scale(.95);filter:drop-shadow(0 0 2px rgba(0,240,255,.55)) drop-shadow(0 0 6px rgba(0,120,255,.3))}to{transform:translateY(-.5px) scale(1.05);filter:drop-shadow(0 0 4px rgba(0,255,255,.85)) drop-shadow(0 0 10px rgba(0,160,255,.5))}}@keyframes status-pulse-green{0%{opacity:.55;box-shadow:0 0 3px var(--color-success, #9ece6a)}to{opacity:1;box-shadow:0 0 9px var(--color-success, #9ece6a)}}@media (max-width: 480px){.user-dropdown{position:fixed;top:60px;right:12px;left:12px;min-width:0;width:calc(100vw - 24px);padding:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.user-dropdown:before{top:4px;left:4px;right:4px;bottom:4px}.user-stats-card{padding:8px;gap:6px}.user-info{gap:8px;padding-bottom:8px;margin-bottom:8px}.user-info-avatar-ring{width:40px;height:40px}}.sql-schema-toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-pixel, monospace);font-size:9px;font-weight:700;color:var(--color-cyan, #7dcfff);background:#2a2e45d9;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;padding:8px 14px;box-shadow:0 2px #000;cursor:pointer;text-transform:uppercase;transition:all .1s ease}.sql-schema-toggle:hover{border-color:#7dcfff99;box-shadow:0 3px #12141c,0 0 10px #7dcfff59;transform:translateY(-1px);color:#fff}.sql-schema-toggle:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#12141c!important;border-left-color:#12141c!important;border-bottom-color:#7a88cf!important;border-right-color:#7a88cf!important}.sql-schema-toggle svg{opacity:.8;transition:opacity var(--transition-speed) ease}.sql-schema-toggle:hover svg{opacity:1}.sql-schema-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#04060ce0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:sqlFadeIn .2s ease-out}@keyframes sqlFadeIn{0%{opacity:0}to{opacity:1}}.sql-schema-panel{background:#090b1afa;border:2px solid rgba(125,207,255,.5);width:90%;max-width:550px;max-height:75vh;max-height:75dvh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000000f2,0 0 30px #7dcfff33;animation:sqlSlideUp .25s cubic-bezier(.16,1,.3,1);position:relative}.sql-schema-panel:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px dashed rgba(125,207,255,.15);pointer-events:none}@keyframes sqlSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sql-schema-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid rgba(125,207,255,.3);background:#07080df2}.sql-schema-header h3{margin:0;font-size:13px;font-family:var(--font-pixel, monospace);color:#fff;text-shadow:0 0 6px rgba(125,207,255,.4);text-transform:uppercase;letter-spacing:.5px}.sql-schema-close{background:#1f2335d9;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;color:var(--color-text-secondary, #a9b1d6);font-family:var(--font-pixel, monospace);font-size:9px;cursor:pointer;padding:6px 12px;box-shadow:0 2px #000;transition:all .1s ease}.sql-schema-close:hover{border-color:#f7768e99;color:var(--color-pink, #f7768e);box-shadow:0 3px #12141c,0 0 8px #f7768e59;transform:translateY(-1px)}.sql-schema-close:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important;border-top-color:#12141c!important;border-left-color:#12141c!important;border-bottom-color:#7a88cf!important;border-right-color:#7a88cf!important}.sql-schema-content{flex:1;overflow-y:auto;padding:12px 20px}.sql-schema-content::-webkit-scrollbar{width:6px}.sql-schema-content::-webkit-scrollbar-track{background:#07080df2;border-left:1px solid rgba(125,207,255,.15)}.sql-schema-content::-webkit-scrollbar-thumb{background:#7dcfff40;border-radius:0}.sql-schema-content::-webkit-scrollbar-thumb:hover{background:#7dcfff8c}.sql-table-item{margin-bottom:8px;border:1px solid rgba(122,162,247,.2);background:#101424cc;transition:all .2s ease}.sql-table-item:hover{border-color:#7dcfff73;background:#161b30e6}.sql-table-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background var(--transition-speed) ease}.sql-table-icon{color:var(--color-cyan, #7dcfff);font-size:8px;transition:transform var(--transition-speed) ease}.sql-table-name{font-family:"Fira Code",var(--font-mono, monospace);font-weight:700;color:var(--color-cyan, #7dcfff);font-size:13px;text-shadow:0 0 4px rgba(125,207,255,.3)}.sql-table-details{padding:4px 14px 14px 28px;border-top:1px dashed rgba(122,162,247,.15);animation:expandIn .15s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:250px}}.sql-table-description{color:var(--color-text-secondary, #a9b1d6);font-size:12px;margin:0 0 10px;font-family:var(--font-family-body, sans-serif);line-height:1.5}.sql-columns-list{display:flex;flex-wrap:wrap;gap:6px}.sql-column-badge{background:#07080df2;color:var(--color-text-primary, #c0caf5);padding:4px 8px;border-radius:0;font-family:"Fira Code",var(--font-mono, monospace);font-size:11px;border:1px solid rgba(125,207,255,.25);box-shadow:inset 0 0 4px #000000d9}.sql-schema-footer{padding:12px 20px;border-top:1px solid rgba(125,207,255,.25);text-align:center;background:#07080df2}.sql-schema-footer p{margin:0;color:var(--color-text-tertiary, #565f89);font-family:var(--font-pixel, monospace);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.nosql-panel-subtitle{padding:10px 20px;font-family:var(--font-family-body, sans-serif);font-size:11px;color:var(--color-text-secondary, #a9b1d6);background:#7dcfff0f;border-bottom:1px dashed rgba(125,207,255,.2);line-height:1.5}.nosql-title-icon,.nosql-col-svg{color:var(--color-cyan, #7dcfff);flex-shrink:0}.nosql-collection-header{gap:8px}.nosql-collection-name{color:var(--color-cyan, #7dcfff);text-shadow:0 0 4px rgba(125,207,255,.3);flex:1}.nosql-badge{font-family:var(--font-pixel, monospace);font-size:7px;color:var(--color-cyan, #7dcfff);background:#7dcfff1a;border:1px solid rgba(125,207,255,.3);padding:3px 7px;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.nosql-collection-details{animation:expandIn .15s ease-out;padding-bottom:14px}.nosql-sample-label{display:flex;align-items:center;gap:7px;font-family:var(--font-pixel, monospace);font-size:8px;color:var(--color-cyan, #7dcfff);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;opacity:.9}.nosql-sample-dot{width:6px;height:6px;background:var(--color-cyan, #7dcfff);border-radius:50%;box-shadow:0 0 6px #7dcfffb3;display:inline-block;animation:nosqlPulse 2s ease-in-out infinite}@keyframes nosqlPulse{0%,to{opacity:1;box-shadow:0 0 6px #7dcfffb3}50%{opacity:.5;box-shadow:0 0 2px #7dcfff33}}.nosql-sample-doc{background:#04060ef2;border:1px solid rgba(125,207,255,.25);border-left:3px solid rgba(125,207,255,.6);padding:10px 12px;font-family:"Fira Code",var(--font-mono, monospace);font-size:11px;line-height:1.6;overflow-x:auto;margin:0 0 10px;white-space:pre-wrap;word-break:break-word}.nosql-val.null{color:#f7768e}.nosql-val.bool,.nosql-val.number{color:#ff9e64}.nosql-val.string{color:#9ece6a}.nosql-val.array{color:#7dcfff}.nosql-val.array-inline{color:#c0caf5}.nosql-val.obj{color:#a9b1d6;font-style:italic}.nosql-val.obj-inline{color:#c0caf5;display:inline}.nosql-arr-items{color:#9ece6a}.nosql-field-row{padding-left:14px;display:block}.nosql-field-key{color:#7aa2f7}.nosql-field-colon{color:#565f89}.nosql-query-hint{font-family:var(--font-family-body, sans-serif);font-size:11px;color:var(--color-text-secondary, #a9b1d6);display:flex;align-items:center;gap:6px;padding:6px 8px;background:#7dcfff0f;border:1px dashed rgba(125,207,255,.2)}.nosql-query-hint code{font-family:"Fira Code",var(--font-mono, monospace);font-size:11px;color:var(--color-cyan, #7dcfff)}.resources-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#04060ce0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:resourcesFadeIn .2s ease-out}@keyframes resourcesFadeIn{0%{opacity:0}to{opacity:1}}.resources-panel-drawer{background:#090b1afa;border:2px solid rgba(125,207,255,.5);width:90%;max-width:620px;max-height:82vh;max-height:82dvh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000000f2,0 0 30px #7dcfff33;animation:resourcesSlideUp .25s cubic-bezier(.16,1,.3,1);position:relative;color:#a9b1d6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.resources-panel-drawer:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px dashed rgba(125,207,255,.15);pointer-events:none}@keyframes resourcesSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.resources-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:2px solid rgba(125,207,255,.3);background:#07080df2;z-index:1}.resources-panel-title{display:flex;align-items:center;gap:10px}.resources-title-icon{color:#7dcfff}.resources-panel-title h3{margin:0;font-size:13px;font-family:var(--font-pixel, "Press Start 2P", monospace);color:#fff;text-shadow:0 0 6px rgba(125,207,255,.4);text-transform:uppercase;letter-spacing:.5px}.resources-close-button{background:#1f2335d9;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#12141c;border-right-color:#12141c;color:#a9b1d6;font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:9px;cursor:pointer;padding:6px 12px;box-shadow:0 2px #000;transition:all .1s ease}.resources-close-button:hover{border-color:#f7768e99;color:#f7768e;box-shadow:0 3px #12141c,0 0 8px #f7768e59;transform:translateY(-1px)}.resources-close-button:active{transform:translateY(2px)!important;box-shadow:0 0 0 transparent!important}.resources-search-wrap{padding:10px 20px;background:#0c0e1ccc;border-bottom:1px solid rgba(125,207,255,.1);z-index:1}.resources-subtitle{font-size:.8125rem;color:#787c99;line-height:1.4;margin:0}.resources-content-scroll{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px;z-index:1}.resources-content-scroll::-webkit-scrollbar{width:6px}.resources-content-scroll::-webkit-scrollbar-track{background:#07080df2;border-left:1px solid rgba(125,207,255,.15)}.resources-content-scroll::-webkit-scrollbar-thumb{background:#7dcfff40}.resources-content-scroll::-webkit-scrollbar-thumb:hover{background:#7dcfff8c}.resource-card{background:#101424d9;border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .15s ease}.resource-card-novelty{border:1px solid rgba(122,162,247,.35)}.resource-card-review{border:1px dashed rgba(187,154,247,.35);background:#121222bf}.resource-card:hover{border-color:#7dcfff8c;background:#14192deb}.resource-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-name{font-family:JetBrains Mono,monospace;font-size:.9375rem;font-weight:700;color:#7dcfff;margin:0}.resource-card-review .resource-name{color:#bb9af7}.resource-badge{font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:7.5px;padding:4px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.resource-badge.current{background:#7dcfff1f;color:#7dcfff;border:1px solid rgba(125,207,255,.35)}.resource-badge.review{background:#bb9af71f;color:#bb9af7;border:1px solid rgba(187,154,247,.35)}.resource-description{font-size:.8125rem;color:#a9b1d6;line-height:1.5;margin:0}.resource-syntax-block{background:#10121d;border:1px solid rgba(125,207,255,.2);border-radius:4px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-syntax-code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:#bb9af7;margin:0;white-space:pre-wrap;word-break:break-word}.resource-copy-btn{background:#2a2e45d9;border:1px solid #565f89;color:#7dcfff;font-size:8px;font-family:var(--font-pixel, "Press Start 2P", monospace);padding:5px 9px;border-radius:2px;cursor:pointer;transition:all .15s ease;flex-shrink:0;text-transform:uppercase}.resource-copy-btn:hover{background:#7dcfff33;border-color:#7dcfff;color:#fff}.resource-example-box{background:#0a0c16cc;border-left:2px solid #7dcfff;border-radius:0 4px 4px 0;padding:8px 12px}.resource-card-review .resource-example-box{border-left-color:#bb9af7}.resource-example-label{font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:8px;color:#565f89;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.resource-example-code{font-family:JetBrains Mono,monospace;font-size:.78125rem;color:#9ece6a;margin:0;white-space:pre-wrap;line-height:1.4}.resources-empty-state{text-align:center;padding:2.5rem 1rem;color:#565f89;font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:9px}.resources-panel-footer{padding:10px 20px;border-top:2px solid rgba(125,207,255,.3);background:#07080df2;font-family:var(--font-pixel, "Press Start 2P", monospace);font-size:8px;color:#565f89;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;text-transform:uppercase;z-index:1}.landing-page{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;color:var(--color-text-primary);background-color:#070b16}.landing-page section{scroll-margin-top:100px}.landing-container{max-width:1200px;margin:0 auto;padding:0 calc(var(--grid-unit) * 4)}.landing-section{padding:calc(var(--grid-unit) * 10) 0;position:relative}.landing-content-wrap{position:relative;z-index:5;background-color:#070b16;background-image:linear-gradient(rgba(125,207,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(125,207,255,.02) 1px,transparent 1px);background-size:40px 40px,40px 40px;background-repeat:repeat,repeat;background-position:center top}.landing-content-wrap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 15%,rgba(247,118,142,.09) 0%,transparent 35%),radial-gradient(circle at 85% 45%,rgba(125,207,255,.09) 0%,transparent 40%);pointer-events:none;z-index:-1;animation:ambient-glow 8s ease-in-out infinite alternate}.landing-content-wrap:after{content:"";position:absolute;top:-120px;left:0;right:0;height:121px;background:linear-gradient(to bottom,transparent,#070b16);pointer-events:none;z-index:10}.content-rain,.station-rain,.footer-rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}@keyframes ambient-glow{0%{opacity:.7}to{opacity:1;filter:hue-rotate(10deg)}}.landing-header-wrap{position:fixed;top:0;left:0;right:0;z-index:120;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 2);transition:background-color .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.landing-header-wrap.header-scrolled{background-color:#070b16eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:#7aa2f714}.landing-header{width:min(1200px,100%);margin:0 auto;min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(var(--grid-unit) * 2);padding:calc(var(--grid-unit) * .5) calc(var(--grid-unit) * 2)}.landing-header-wrap:not(.header-scrolled) .landing-header{background:transparent;border:none;box-shadow:none}.landing-brand{display:inline-flex;align-items:center;gap:calc(var(--grid-unit) * 1);border:none!important;background:transparent!important;color:var(--color-text-primary);font-family:var(--font-family-pixel);font-size:11px;letter-spacing:1px;padding:calc(var(--grid-unit) * 1);box-shadow:none!important}.landing-brand:hover{color:var(--color-cyan)}.brand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.brand-icon svg{width:20px;height:20px}.brand-label{font-family:var(--font-family-pixel)}.landing-nav{display:flex;justify-content:center;gap:calc(var(--grid-unit) * 1)}.landing-nav button{background:transparent!important;border:2px solid transparent!important;color:#c0caf58c;font-family:var(--font-family-label);font-size:11px;font-weight:700;letter-spacing:1px;padding:calc(var(--grid-unit) * 1) calc(var(--grid-unit) * 2);box-shadow:none!important;transition:color .2s ease,border-color .2s ease}.landing-nav button:hover{color:var(--color-cyan);border-color:#7dcfff40!important}.landing-auth{display:flex;align-items:center}.landing-hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;flex-direction:column}.hero-bg-layer{position:absolute;top:-15%;left:-5%;right:-5%;bottom:-15%;background-image:url(/assets/Landing%20Page-CELHEkii.webp);background-size:cover;background-position:center top;image-rendering:pixelated;z-index:0;will-change:transform}.hero-rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}.rain-drop{position:absolute;top:-32px;width:1px;background:linear-gradient(to bottom,transparent,rgba(125,207,255,.45));pointer-events:none;animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 32px))}}@keyframes rain-fall-percent{0%{top:-100px}to{top:100%}}.content-rain .rain-drop,.station-rain .rain-drop,.footer-rain .rain-drop{top:-100px;animation-name:rain-fall-percent}.hero-scroll-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#070b16;opacity:.2;pointer-events:none;z-index:4}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 25%,rgba(7,11,22,.5) 100%);pointer-events:none;z-index:5}.hero-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0px,rgba(0,0,0,.07) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:6}.hero-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(to bottom,transparent,#070b16);pointer-events:none;z-index:7}.hero-hud{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;padding-top:80px}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--grid-unit) * 2) calc(var(--grid-unit) * 4)}.hud-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-mono);font-size:10px;letter-spacing:2px;color:var(--green);text-shadow:0 0 8px rgba(158,206,106,.4)}.hud-dot-pulse{width:6px;height:6px;border-radius:50%;background-color:var(--green);box-shadow:0 0 6px var(--green);animation:neon-flicker 2.5s ease-in-out infinite}@keyframes neon-flicker{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.6;box-shadow:0 0 3px var(--green)}}.hud-insert-coin{font-family:var(--font-family-pixel);font-size:9px;letter-spacing:2px;color:var(--pink);text-shadow:0 0 8px rgba(247,118,142,.5);animation:coin-blink 2s steps(2) infinite}@keyframes coin-blink{0%,60%{opacity:1}61%,to{opacity:0}}.hero-main-grid{margin-top:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:calc(var(--grid-unit) * 6);padding-bottom:calc(var(--grid-unit) * 8)}.hero-text-col{max-width:540px;margin-left:0;text-align:left}.hero-insert-coin-badge{margin-bottom:calc(var(--grid-unit) * 2.5);display:inline-block}.coin-badge-pulse{font-family:var(--font-family-pixel);font-size:10px;letter-spacing:2px;color:var(--pink);text-shadow:0 0 8px rgba(247,118,142,.6);animation:coin-blink 1.5s steps(2) infinite;background:#f7768e14;border:1px dashed rgba(247,118,142,.35);padding:6px 12px;border-radius:4px}.hero-badge{display:inline-block;font-family:var(--font-family-label);font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--cyan);background:#7dcfff0f;border:1px solid rgba(125,207,255,.22);padding:6px 14px;margin-bottom:calc(var(--grid-unit) * 3);text-shadow:0 0 8px rgba(125,207,255,.3)}.hero-title-neon{font-family:var(--font-family-pixel);font-size:36px;line-height:54px;color:#e0e0ff;margin-bottom:calc(var(--grid-unit) * 2.5);text-shadow:0 0 10px rgba(122,162,247,.5),0 0 20px rgba(122,162,247,.2),-1px 0 rgba(247,118,142,.2),1px 0 rgba(125,207,255,.2)}.title-line{display:block}.title-accent{color:var(--cyan);text-shadow:0 0 12px rgba(125,207,255,.7),0 0 28px rgba(125,207,255,.35),0 0 56px rgba(125,207,255,.12),-1px 0 rgba(247,118,142,.15),1px 0 rgba(125,207,255,.25)}.hero-subtitle{font-family:var(--font-family-body);font-size:15px;line-height:24px;color:#a9b1d6cc;max-width:480px;margin-bottom:calc(var(--grid-unit) * 4)}.hero-actions{display:flex;gap:calc(var(--grid-unit) * 2);flex-wrap:wrap}.btn-neon-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-family-label);font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff!important;background:#f7768e1f;border:2px solid rgba(247,118,142,.55);padding:14px 26px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px #f7768e33,0 0 24px #f7768e0f,0 4px #5a1928e6}.btn-neon-primary:hover{background:#f7768e38;border-color:var(--pink);box-shadow:0 0 18px #f7768e66,0 0 36px #f7768e1f,0 6px #5a1928e6;transform:translateY(-2px)}.btn-neon-primary:active{transform:translateY(3px)!important;box-shadow:0 0 10px #f7768e26!important}.btn-play-icon{font-size:10px}.btn-neon-secondary{font-family:var(--font-family-label);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#c0caf5bf!important;background:#7aa2f70d;border:1px solid rgba(122,162,247,.2);padding:14px 26px;cursor:pointer;transition:all .2s ease;box-shadow:none}.btn-neon-secondary:hover{color:#fff!important;border-color:#7aa2f773;background:#7aa2f714;box-shadow:0 0 12px #7aa2f71f}.btn-neon-secondary:active{transform:translateY(2px)}.landing-terminal-bridge{display:flex;flex-direction:column;align-items:center;padding:calc(var(--grid-unit) * 10) 0 calc(var(--grid-unit) * 6);position:relative;border-bottom:1px dashed rgba(122,162,247,.08)}.bridge-terminal-flex{width:100%;display:flex;justify-content:center;align-items:center;margin-top:calc(var(--grid-unit) * 4)}.floating-crt{width:100%;max-width:680px;background:#0d1020;border:3px solid #1a1f38;position:relative;box-shadow:0 0 35px #7aa2f71f,0 0 70px #7aa2f70d,0 10px #060810,0 14px 30px #00000080;opacity:0;animation:crt-power-on .9s cubic-bezier(.16,1,.3,1) .3s both}@keyframes crt-power-on{0%{opacity:0;transform:scaleY(.005) scaleX(.7);filter:brightness(6)}20%{opacity:1;transform:scaleY(.005) scaleX(.8);filter:brightness(3)}50%{transform:scaleY(1.06) scaleX(.94);filter:brightness(1.3)}72%{transform:scaleY(.97) scaleX(1.01);filter:brightness(1)}to{opacity:1;transform:scaleY(1) scaleX(1);filter:brightness(1)}}.crt-screen-glow{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;background:radial-gradient(ellipse at 50% 40%,rgba(122,162,247,.1) 0%,transparent 70%);pointer-events:none;z-index:-1}.crt-inner{border:5px solid #10142a;background:#090c16;box-shadow:inset 0 0 20px #000c;position:relative;overflow:hidden}.crt-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:5}.crt-topbar{display:flex;align-items:center;background:#111829;border-bottom:2px solid #182040;padding:8px 10px}.crt-dots{display:flex;gap:5px}.crt-dot{width:7px;height:7px;border-radius:50%}.crt-dot-red{background:var(--color-danger)}.crt-dot-yellow{background:var(--color-warning)}.crt-dot-green{background:var(--color-success)}.crt-tabs{margin-left:auto;display:flex;gap:3px}.crt-tab{background:#090c16!important;border:2px solid #182040!important;color:var(--color-text-secondary);font-family:var(--font-family-label);font-size:9px;padding:2px 8px;cursor:pointer;transition:color .15s ease,border-color .15s ease;box-shadow:none!important}.crt-tab:hover{color:var(--color-text-primary)}.crt-tab.active{background:#111829!important;border-bottom-color:transparent!important;color:var(--cyan);box-shadow:0 0 5px #7dcfff1f!important}.crt-body{display:flex;padding:12px;min-height:180px}.crt-line-numbers{display:flex;flex-direction:column;padding-right:10px;border-right:1px solid #182040;margin-right:10px;color:#363c58;font-family:var(--font-family-mono);font-size:11px;line-height:20px;text-align:right;-webkit-user-select:none;user-select:none}.crt-line-numbers span{display:block}.crt-code{flex:1;margin:0;font-family:var(--font-family-mono);font-size:11px;line-height:20px;color:#a9b1d6;text-align:left;white-space:pre-wrap;overflow:hidden}.crt-cursor{display:inline-block;width:7px;height:14px;background:var(--color-success);margin-left:2px;animation:blink-cursor .8s steps(2) infinite}.crt-lang-buttons{display:flex;justify-content:center;gap:12px;padding:10px 0 8px;background:#0a0e1c;border-top:2px solid #10142a}.crt-lang-btn{width:32px;height:32px;border-radius:50%;border:2px solid #1a1f38!important;background:#0d1020!important;color:var(--color-text-secondary);font-family:var(--font-family-pixel);font-size:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #060810!important}.crt-lang-btn:active{transform:translateY(2px);box-shadow:0 1px #060810!important}.lang-py.active,.lang-py:hover{border-color:var(--cyan)!important;color:var(--cyan);box-shadow:0 0 8px #7dcfff4d,0 3px #060810!important}.lang-sql.active,.lang-sql:hover{border-color:var(--gold)!important;color:var(--gold);box-shadow:0 0 8px #e0af684d,0 3px #060810!important}.lang-cpp.active,.lang-cpp:hover{border-color:var(--purple)!important;color:var(--purple);box-shadow:0 0 8px #bb9af74d,0 3px #060810!important}.hero-scroll-hint{text-align:center;padding-bottom:calc(var(--grid-unit) * 3)}.scroll-text{display:block;font-family:var(--font-family-label);font-size:9px;letter-spacing:4px;color:#c0caf540;margin-bottom:4px}.scroll-arrow{display:block;font-size:12px;color:#7dcfff59;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(6px);opacity:.75}}.section-header{text-align:center;max-width:640px;margin:0 auto calc(var(--grid-unit) * 5)}.section-tag{display:block;font-family:var(--font-family-mono);font-size:11px;letter-spacing:2px;color:var(--cyan);text-shadow:0 0 10px rgba(125,207,255,.3);margin-bottom:calc(var(--grid-unit) * 1)}.section-header h2{font-family:var(--font-family-pixel);font-size:16px;line-height:28px;text-shadow:0 0 8px rgba(122,162,247,.2);margin-bottom:calc(var(--grid-unit) * 1.5)}.section-header p{font-family:var(--font-family-body);font-size:14px;line-height:22px;color:var(--color-text-secondary);margin-bottom:0}.features-tv-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--grid-unit) * 3)}.tv-crt-card{background-color:#0d1020;border:3px solid #171c30;padding:4px;box-shadow:0 6px #050810,0 10px 20px #00000080;transition:transform .2s ease,box-shadow .3s ease,border-color .3s ease}.tv-crt-card:hover{transform:translateY(-4px);box-shadow:0 10px #050810,0 14px 25px #0009}.tv-screen-wrap{background-color:#090c16;border:3px solid #121729;padding:calc(var(--grid-unit) * 2.5);position:relative;overflow:hidden;min-height:185px;display:flex;flex-direction:column;box-shadow:inset 0 0 15px #0009}.tv-scanline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:2}.tv-content{position:relative;z-index:3;flex:1}.tv-card-badge{display:block;font-family:var(--font-family-mono);font-size:9px;color:var(--color-text-muted);letter-spacing:1px;margin-bottom:calc(var(--grid-unit) * 1.5)}.feature-icon-retro{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit) * 1.5);transition:color .3s ease,filter .3s ease}.feature-icon-retro svg{width:22px;height:22px}.tv-crt-card h3{font-family:var(--font-family-pixel);font-size:11px;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit) * 1);transition:color .3s ease,text-shadow .3s ease}.tv-crt-card p{font-family:var(--font-family-body);font-size:13px;line-height:19px;color:var(--color-text-secondary);margin-bottom:0}.tv-crt-card[data-tone=cyan]:hover{border-color:#7dcfff4d;box-shadow:0 10px #050810,0 0 20px #7dcfff1a}.tv-crt-card[data-tone=cyan]:hover .tv-screen-wrap{box-shadow:inset 0 0 15px #7dcfff0f,0 0 8px #7dcfff14}.tv-crt-card[data-tone=cyan]:hover .feature-icon-retro{color:var(--cyan);filter:drop-shadow(0 0 6px rgba(125,207,255,.5))}.tv-crt-card[data-tone=cyan]:hover h3{color:var(--cyan);text-shadow:0 0 8px rgba(125,207,255,.3)}.tv-crt-card[data-tone=magenta]:hover{border-color:#f7768e4d;box-shadow:0 10px #050810,0 0 20px #f7768e1a}.tv-crt-card[data-tone=magenta]:hover .tv-screen-wrap{box-shadow:inset 0 0 15px #f7768e0f,0 0 8px #f7768e14}.tv-crt-card[data-tone=magenta]:hover .feature-icon-retro{color:var(--pink);filter:drop-shadow(0 0 6px rgba(247,118,142,.5))}.tv-crt-card[data-tone=magenta]:hover h3{color:var(--pink);text-shadow:0 0 8px rgba(247,118,142,.3)}.tv-crt-card[data-tone=gold]:hover{border-color:#e0af684d;box-shadow:0 10px #050810,0 0 20px #e0af681a}.tv-crt-card[data-tone=gold]:hover .tv-screen-wrap{box-shadow:inset 0 0 15px #e0af680f,0 0 8px #e0af6814}.tv-crt-card[data-tone=gold]:hover .feature-icon-retro{color:var(--gold);filter:drop-shadow(0 0 6px rgba(224,175,104,.5))}.tv-crt-card[data-tone=gold]:hover h3{color:var(--gold);text-shadow:0 0 8px rgba(224,175,104,.3)}.languages-cartridges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--grid-unit) * 4)}.retro-cartridge-card{display:flex;flex-direction:column;background-color:transparent;position:relative}.cartridge-grip-handle{height:18px;width:80%;margin:0 auto;background-color:#545870;border:3px solid #16161a;border-bottom:none;position:relative}.cartridge-grip-handle:before{content:"";position:absolute;top:4px;left:10%;width:80%;height:8px;background:repeating-linear-gradient(90deg,#16161a 0px,#16161a 4px,transparent 4px,transparent 8px)}.cartridge-body-frame{background-color:#7d83a0;border:4px solid #16161a;padding:calc(var(--grid-unit) * 2);box-shadow:0 10px #000,0 15px 25px #0009;position:relative;display:flex;flex-direction:column;height:180px;transition:transform .2s ease,box-shadow .3s ease,border-color .3s ease}.retro-cartridge-card:hover .cartridge-body-frame{transform:translateY(-4px);box-shadow:0 14px #000,0 20px 30px #000000b3,0 0 22px var(--cartridge-glow);border-color:var(--cartridge-glow)}.cartridge-sticker{background-color:#121319;border:3px solid #16161a;padding:calc(var(--grid-unit) * 1.5);flex:1;display:flex;flex-direction:column;position:relative}.cartridge-sticker:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff14,#fff0,#7aa2f70d);pointer-events:none}.sticker-header{display:flex;justify-content:space-between;font-family:var(--font-family-mono);font-size:8px;color:var(--color-text-muted);border-bottom:2px dashed #323545;padding-bottom:4px;margin-bottom:calc(var(--grid-unit) * 1)}.sticker-logo-box{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--grid-unit) * 1)}.cartridge-sticker-logo{height:52px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000)}.sticker-title{text-align:center;border-top:2px solid #16161a;padding-top:6px;background-color:#1a1b26}.sticker-title h3{font-family:var(--font-family-pixel);font-size:11px;color:var(--color-text-primary);margin-bottom:0;letter-spacing:.5px}.cartridge-contacts-edge{height:12px;width:60%;margin:calc(var(--grid-unit) * 1.5) auto 0;background:repeating-linear-gradient(90deg,#e0af68,#e0af68 4px,#16161a 4px,#16161a 8px);border:2px solid #16161a}.cartridge-info-details{margin-top:calc(var(--grid-unit) * 2);padding:calc(var(--grid-unit) * 2);background-color:var(--color-surface);border:3px solid var(--color-border);box-shadow:0 4px #000}.cartridge-info-details ul{list-style:none;padding:0;margin-bottom:calc(var(--grid-unit) * 2)}.cartridge-info-details li{font-family:var(--font-family-body);font-size:13px;color:var(--color-text-secondary);padding:3px 0 3px 18px;position:relative}.cartridge-info-details li:before{content:">";position:absolute;left:0;color:var(--color-cyan);font-family:var(--font-family-mono);font-weight:700}.cartridge-ver-btn{width:100%!important;display:flex;justify-content:center;font-family:var(--font-family-label);font-size:11px!important;font-weight:700;padding:calc(var(--grid-unit) * 1)!important}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit) * 4);padding:calc(var(--grid-unit) * 4.5) calc(var(--grid-unit) * 5);background:#090b1ae0;border:2px solid rgba(187,154,247,.45);border-top-color:#e0c8ffb3;border-bottom-color:#825fc8d9;box-shadow:0 0 25px #bb9af726,inset 0 0 12px #000000b3,0 8px #050810;flex-wrap:wrap;position:relative;z-index:10;border-radius:2px}.cta-left-text h2{font-family:var(--font-family-pixel);font-size:15px;line-height:28px;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit) * 1)}.cta-left-text p{font-family:var(--font-family-body);font-size:13px;color:var(--color-text-secondary);margin-bottom:0}.btn-neon-cta{font-family:var(--font-family-label);font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff!important;background:#e0af681f;border:2px solid rgba(224,175,104,.55);padding:16px 32px;cursor:pointer;white-space:nowrap;box-shadow:0 0 12px #e0af6833,0 0 24px #e0af680f,0 4px #78551ee6;animation:neon-cta-pulse 3s ease-in-out infinite;transition:transform .15s ease,box-shadow .15s ease}.btn-neon-cta:hover{background:#e0af6838;border-color:#e0af68;box-shadow:0 0 18px #e0af6866,0 0 36px #e0af681f,0 6px #78551ee6;transform:translateY(-2px)}.btn-neon-cta:active{transform:translateY(3px)!important;box-shadow:0 0 8px #e0af6826!important}@keyframes neon-cta-pulse{0%,to{box-shadow:0 0 10px #e0af6840,0 0 20px #e0af680f,0 4px #78551ee6}50%{box-shadow:0 0 18px #e0af6873,0 0 32px #e0af6826,0 4px #78551ee6}}.landing-footer{position:relative;z-index:5;border-top:2px solid rgba(122,162,247,.08);background-color:#050810;padding:calc(var(--grid-unit) * 5) 0}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--grid-unit) * 4);flex-wrap:wrap;margin-bottom:calc(var(--grid-unit) * 4)}.footer-brand h3{font-family:var(--font-family-pixel);font-size:11px;color:var(--color-accent);margin-bottom:calc(var(--grid-unit) * 1.5)}.footer-brand p{font-size:13px;color:var(--color-text-muted);max-width:320px;margin-bottom:calc(var(--grid-unit) * .5)}.footer-links{display:flex;gap:calc(var(--grid-unit) * 2.5);flex-wrap:wrap}.footer-links button,.footer-links a{background:transparent!important;border:none!important;color:var(--color-text-muted);font-family:var(--font-family-label);font-size:10px;font-weight:700;letter-spacing:1px;padding:calc(var(--grid-unit) * .5);cursor:pointer;box-shadow:none!important}.footer-links button:hover,.footer-links a:hover{color:var(--color-cyan)}.footer-copy{font-family:var(--font-family-label);font-size:10px;color:var(--color-text-muted);border-top:1px dashed rgba(122,162,247,.08);padding-top:calc(var(--grid-unit) * 3);letter-spacing:.5px}.footer-copy a{color:var(--color-text-muted);text-decoration:none}.footer-copy a:hover{color:var(--color-cyan)}.footer-social{display:flex;gap:calc(var(--grid-unit) * 2);margin-top:calc(var(--grid-unit) * 2.5);flex-wrap:wrap}.footer-social-link{display:flex;align-items:center;gap:calc(var(--grid-unit) * .75);color:var(--color-text-muted);text-decoration:none;font-family:var(--font-family-label);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color .25s ease,filter .25s ease;padding:calc(var(--grid-unit) * .5) 0}.footer-social-link svg{width:16px;height:16px;flex-shrink:0;transition:filter .25s ease,transform .25s ease}.footer-social-link:hover{color:var(--color-cyan);filter:brightness(1.2)}.footer-social-link:hover svg{transform:scale(1.15);filter:drop-shadow(0 0 5px currentColor)}.footer-social-link[aria-label*=Instagram]:hover{color:#e879a0}.footer-social-link[aria-label*=TikTok]:hover{color:#69d0e0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.revealed{opacity:1;transform:translateY(0);transition-delay:var(--delay, 0s)}.landing-hero .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.landing-hero .reveal.revealed{opacity:1;transform:translateY(0);transition-delay:var(--delay, 0s)}@media (max-width: 1024px){.hero-text-col{max-width:none}.floating-crt{max-width:580px}.hero-title-neon{font-size:28px;line-height:44px}}@media (max-width: 768px){.landing-header{grid-template-columns:auto auto;gap:calc(var(--grid-unit) * 1)}.landing-nav{display:none}.hero-hud{padding-top:70px}.hud-top-bar{padding:8px 16px}.hud-insert-coin{display:none}.hero-main-grid{padding-bottom:calc(var(--grid-unit) * 5)}.hero-title-neon{font-size:22px;line-height:36px}.hero-subtitle{font-size:13px;line-height:21px}.hero-actions{flex-direction:column;width:100%;max-width:320px}.hero-actions button{width:100%;justify-content:center;text-align:center}.floating-crt{max-width:100%}.features-tv-wall,.languages-cartridges-grid{grid-template-columns:1fr}.final-cta{flex-direction:column;text-align:center;gap:calc(var(--grid-unit) * 3)}.footer-row{flex-direction:column;gap:calc(var(--grid-unit) * 3)}}.landing-station-wrap{position:relative;z-index:10;background-color:#070b16;background-image:linear-gradient(rgba(125,207,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(125,207,255,.015) 1px,transparent 1px),url(/assets/tokyo_station_bg-CWurGShM.webp);background-size:40px 40px,40px 40px,cover;background-repeat:repeat,repeat,no-repeat;background-position:center top,center top,center center;background-attachment:scroll,scroll,fixed;image-rendering:pixelated;overflow:hidden;padding:calc(var(--grid-unit) * 16) 0 calc(var(--grid-unit) * 12);border-top:none}.landing-station-wrap .section-header{background:#090b1ae0;border:2px solid rgba(187,154,247,.45);border-top-color:#e0c8ffb3;border-bottom-color:#825fc8d9;box-shadow:0 0 25px #bb9af726,inset 0 0 12px #000000b3,0 8px #000000a6;padding:calc(var(--grid-unit) * 4) calc(var(--grid-unit) * 5);max-width:680px;margin:0 auto calc(var(--grid-unit) * 8);position:relative;z-index:10;border-radius:2px}.landing-station-wrap .section-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(187,154,247,.02) 2px,rgba(187,154,247,.02) 4px);pointer-events:none;z-index:-1}.station-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(7,11,22,.55) 100%);pointer-events:none;z-index:1}.station-gradient-top{position:absolute;top:-120px;left:0;right:0;height:400px;background:linear-gradient(to bottom,#070b16,transparent 80%);pointer-events:none;z-index:2}.station-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:240px;background:linear-gradient(to bottom,transparent,#050810);pointer-events:none;z-index:2}.landing-station-wrap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 45%,rgba(125,207,255,.08) 0%,transparent 35%),radial-gradient(circle at 75% 75%,rgba(187,154,247,.08) 0%,transparent 35%);pointer-events:none;z-index:0}@media (prefers-reduced-motion: reduce){.rain-drop,.hud-dot-pulse,.hud-insert-coin,.floating-crt,.scroll-arrow,.btn-neon-cta,.crt-cursor,.reveal,.landing-hero .reveal{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}.pricing-view{position:relative;min-height:100vh;min-height:100dvh;padding:40px 24px;background-color:#070b16;background-size:cover;background-position:center top;background-attachment:fixed;image-rendering:pixelated;overflow-x:hidden;overflow-y:auto;font-family:var(--font-family-pixel);display:flex;flex-direction:column;z-index:1}.pricing-view:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,#070b1673,#070b16d9),url(/assets/Pricing-BgiKJ23R.webp);background-size:cover;background-position:center top;background-attachment:fixed;z-index:-1;image-rendering:pixelated}.back-button-pricing{align-self:flex-start;margin-left:24px;margin-bottom:32px;z-index:10}.pricing-header{text-align:center;margin-bottom:48px;z-index:10;position:relative}.pricing-header h1{font-size:22px;line-height:1.5;margin-bottom:12px;letter-spacing:1px;background:linear-gradient(90deg,var(--pink) 0%,var(--purple) 50%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(187,154,247,.35));text-transform:uppercase}.pricing-header p{font-size:14px;color:var(--text-secondary);font-family:var(--font-family-body);max-width:600px;margin:0 auto}.vending-machine-deck{display:flex;justify-content:center;align-items:flex-start;gap:48px;max-width:1100px;margin:0 auto 48px;width:100%;z-index:10;position:relative}.vending-machine{flex-shrink:0;width:440px;background:#0f111cf0;border:2px solid rgba(187,154,247,.45);border-radius:0;box-shadow:0 24px 48px #000000d9,0 0 30px #bb9af726,inset 0 0 20px #7aa2f714;display:flex;flex-direction:column;padding:24px;position:relative;box-sizing:border-box}.vending-machine:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(187,154,247,.15);pointer-events:none}.vending-brand{background:#090a10d9;border:2px solid rgba(187,154,247,.3);padding:12px;text-align:center;margin-bottom:20px;position:relative;box-shadow:inset 0 0 10px #000c}.brand-logo{font-size:15px;font-weight:700;color:var(--pink);text-shadow:0 0 8px rgba(247,118,142,.7);letter-spacing:3px;font-family:var(--font-family-pixel)}.brand-japanese{font-size:9px;color:var(--text-muted);letter-spacing:5px;margin-top:6px}.brand-neon-strip{position:absolute;bottom:-2px;left:10%;width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 8px var(--cyan)}.vending-glass-display{background:#07080df2;border:2px solid var(--border-medium);box-shadow:inset 0 0 25px #000000f2,inset 0 10px 15px #000c;position:relative;padding:20px 16px 12px;margin-bottom:20px;overflow:hidden}.vending-glass-reflection{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 30%,transparent 31%,transparent 100%);pointer-events:none;z-index:5}.vending-shelf-grid{display:flex;flex-direction:column;gap:16px}.vending-slot{display:grid;grid-template-columns:35px 1fr 65px 75px;align-items:center;gap:8px;padding:8px 12px;background:#0f111c8c;border:1px solid rgba(122,162,247,.15);position:relative;box-shadow:inset 0 0 8px #0009;transition:all .2s ease}.vending-slot.highlighted{border-color:#7dcfff99;background:#161c30b3;box-shadow:inset 0 0 10px #7dcfff26,0 0 8px #7dcfff33}.slot-id{font-size:11px;color:var(--text-muted);font-family:var(--font-family-mono);text-align:center;font-weight:700}.can-compartment{display:flex;justify-content:center;align-items:center;height:72px;position:relative}.soda-can{width:36px;height:56px;display:flex;flex-direction:column;cursor:pointer;position:relative;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 6px rgba(0,0,0,.8))}.soda-can:hover{transform:scale(1.15) translateY(-4px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.95))}.soda-can:active{transform:scale(.95)}.can-metal-top,.can-metal-bottom{height:4px;background:linear-gradient(to right,#6b6b6b,#d9d9d9 35%,#fff 50%,gray 70%,#3a3a3a);border-radius:2px 2px 0 0}.can-metal-bottom{border-radius:0 0 2px 2px}.can-liquid-body{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.can-sheen{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#00000040,#ffffff26 25%,#ffffff59 40%,#fff0 65%,#00000059);z-index:2;pointer-events:none}.can-badge{font-size:8px;font-family:var(--font-family-pixel);font-weight:700;transform:rotate(-10deg);padding:1px 4px;border-radius:1px;text-shadow:1px 1px 0 rgba(0,0,0,.8);z-index:1;letter-spacing:.5px}.free-soda .can-liquid-body{background:linear-gradient(135deg,#1b355a,#2f5a9c);border-left:1px solid rgba(122,162,247,.6);border-right:1px solid #142847}.free-soda .can-badge{color:#fff;background:var(--blue);box-shadow:0 0 6px var(--blue)}.monthly-soda .can-liquid-body{background:linear-gradient(135deg,#113c38,#186058);border-left:1px solid rgba(125,207,255,.6);border-right:1px solid #0a2623}.monthly-soda .can-badge{color:#fff;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.yearly-soda .can-liquid-body{background:linear-gradient(135deg,#6c4714,#946424);border-left:1px solid rgba(224,175,104,.6);border-right:1px solid #3d270b}.yearly-soda .can-badge{color:var(--bg-0);background:var(--gold);box-shadow:0 0 8px var(--gold)}.slot-footer{display:flex;flex-direction:column;align-items:center;gap:4px}.led-status{width:6px;height:6px;border-radius:50%;box-shadow:inset 0 1px 2px #fff6}.status-cold{background:#00f0ff;box-shadow:0 0 6px #00f0ff}.status-hot{background:#ff5e00;box-shadow:0 0 6px #ff5e00}.status-vip{background:#fc0;box-shadow:0 0 8px #fc0}.price-tag{background:#ffe3a3;color:#070b16;font-size:9px;font-weight:700;padding:3px 6px;border:1px solid #8c733b;box-shadow:inset 0 1px #fffc;text-align:center;font-family:var(--font-family-mono)}.vending-press-btn{font-family:var(--font-family-pixel);font-size:8px;font-weight:700;color:#fff;background:#2a2e45d9;border:2px solid #565f89;border-top-color:#7a88cf;border-left-color:#7a88cf;border-bottom-color:#161822;border-right-color:#161822;padding:6px 4px;cursor:pointer;box-shadow:0 3px #000;transition:all .1s ease;text-align:center;letter-spacing:.5px}.vending-press-btn:hover{background:#393e5d;border-color:var(--cyan)}.vending-press-btn:active{transform:translateY(3px);box-shadow:0 0 0 transparent;border-top-color:#161822;border-left-color:#161822;border-bottom-color:#7a88cf;border-right-color:#7a88cf}.vending-press-btn.glow-blue{box-shadow:0 0 8px #7aa2f780,0 3px #000;border-color:var(--blue)}.vending-press-btn.glow-cyan{box-shadow:0 0 8px #7dcfff80,0 3px #000;border-color:var(--cyan)}.vending-press-btn.glow-gold{box-shadow:0 0 8px #e0af6880,0 3px #000;border-color:var(--gold)}.vending-press-btn.glow-blue:active,.vending-press-btn.glow-cyan:active,.vending-press-btn.glow-gold:active{box-shadow:0 0 0 transparent}.vending-control-deck{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;background:#15161ed9;border:2px solid rgba(187,154,247,.35);padding:12px;box-shadow:inset 0 0 10px #000c}.vending-led-panel{grid-column:span 2;background:#050608;border:2px solid #3b4261;padding:8px;position:relative;overflow:hidden;height:38px;display:flex;align-items:center}.led-screen-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(247,118,142,.12) 0%,transparent 100%);pointer-events:none;z-index:2}.led-message-scroll{font-family:var(--font-family-mono);color:var(--pink);font-size:11px;font-weight:700;letter-spacing:1.5px;white-space:nowrap;text-shadow:0 0 6px rgba(247,118,142,.85);width:100%;text-align:center;animation:led-glow 2s infinite ease-in-out;text-transform:uppercase}@keyframes led-glow{0%,to{filter:brightness(1);opacity:.85}50%{filter:brightness(1.25);opacity:1}}.vending-cash-slots{display:flex;flex-direction:column;gap:8px;background:#0f1015e6;border:1px solid rgba(122,162,247,.15);padding:8px}.vending-coin-insert,.vending-bill-insert{display:flex;align-items:center;gap:8px}.coin-slot-hole{width:4px;height:20px;background:#000;border:1px solid #6b6b6b;border-radius:1px;box-shadow:inset 1px 1px #ffffff26}.bill-slot-hole{width:28px;height:3px;background:#000;border:1px solid #6b6b6b;border-radius:1px}.vending-cash-slots .label{font-size:8px;color:var(--text-muted);font-family:var(--font-family-mono)}.vending-card-nfc{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f1015e6;border:1px solid rgba(122,162,247,.15);padding:8px;text-align:center;gap:4px}.nfc-sensor{display:flex;align-items:center;justify-content:center;animation:pulse-nfc 1.5s infinite alternate}@keyframes pulse-nfc{0%{opacity:.5;filter:drop-shadow(0 0 1px var(--pink))}to{opacity:1;filter:drop-shadow(0 0 6px var(--pink))}}.vending-card-nfc .label{font-size:8px;color:var(--text-muted);letter-spacing:.5px;font-family:var(--font-family-mono);font-weight:700}.vending-instructions{grid-column:span 2;border-top:1px solid rgba(122,162,247,.15);padding-top:8px;margin-top:4px}.vending-instructions p{font-size:8px;color:var(--text-muted);margin-bottom:3px;line-height:1.3;font-family:var(--font-family-mono)}.vending-collection-box{background:#0a0b10fa;border:2px solid rgba(187,154,247,.35);margin-top:20px;height:104px;position:relative;box-shadow:inset 0 12px 18px #000000f2,0 4px #0009;overflow:hidden}.tray-flap-door{position:absolute;top:0;left:0;right:0;height:32px;background:linear-gradient(to bottom,#2b2e3a,#16181f);border-bottom:2px solid #000;display:flex;justify-content:center;align-items:center;z-index:4;cursor:pointer;box-shadow:0 3px 5px #0009}.tray-flap-door span{font-size:9px;color:var(--text-muted);letter-spacing:2px;text-shadow:1px 1px 0 #000;font-family:var(--font-family-pixel)}.tray-chamber-pocket{position:absolute;top:32px;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:8px}.dropped-can-grab{width:56px;height:44px;padding:0;border:0;background:transparent;color:inherit;display:flex;align-items:center;cursor:pointer;position:relative;filter:drop-shadow(0 0 6px rgba(125,207,255,.4));transform:rotate(-90deg);transition:transform .2s ease,filter .2s ease}.dropped-can-grab:focus-visible{outline:3px solid #fff;outline-offset:4px}.dropped-can-grab:hover{filter:drop-shadow(0 0 12px var(--cyan)) brightness(1.2);transform:rotate(-90deg) scale(1.1)}.can-metal-top-lying,.can-metal-bottom-lying{width:4px;height:36px;background:linear-gradient(to bottom,#6b6b6b,#d9d9d9 35%,#fff 50%,gray 70%,#3a3a3a);border-radius:2px 0 0 2px}.can-metal-bottom-lying{border-radius:0 2px 2px 0}.can-liquid-body-lying{flex:1;height:36px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.can-sheen-lying{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00000040,#ffffff26 25%,#ffffff59 40%,#fff0 65%,#00000059);z-index:2;pointer-events:none}.label-lying{font-size:8px;font-family:var(--font-family-pixel);font-weight:700;color:#fff;transform:rotate(90deg);white-space:nowrap;text-shadow:1px 1px 0 rgba(0,0,0,.8);z-index:1}.free-can-dropped .can-liquid-body-lying{background:linear-gradient(to bottom,#1b355a,#2f5a9c)}.monthly-can-dropped .can-liquid-body-lying{background:linear-gradient(to bottom,#113c38,#186058)}.yearly-can-dropped .can-liquid-body-lying{background:linear-gradient(to bottom,#6c4714,#946424)}.grab-arrow-indicator{position:absolute;top:-24px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--cyan);filter:drop-shadow(0 0 4px var(--cyan));animation:grab-arrow-bounce .8s infinite ease-in-out}@keyframes grab-arrow-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.animate-drop-bounce{animation:drop-bounce .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes drop-bounce{0%{transform:translateY(-90px) rotate(-180deg) scaleY(1.3);opacity:.3}45%{transform:translateY(0) rotate(-90deg) scaleY(.85) scaleX(1.1);opacity:1}65%{transform:translateY(-20px) rotate(-90deg) scaleY(1.05)}82%{transform:translateY(0) rotate(-90deg) scaleY(.95)}to{transform:translateY(0) rotate(-90deg) scale(1)}}.specs-monitor-wrapper{flex:1;max-width:500px;height:100%}.specs-monitor-bezel{background:#0b1020f5;border:2px solid rgba(125,207,255,.45);padding:24px;box-shadow:0 24px 48px #000c,0 0 25px #7dcfff26,inset 0 0 15px #7aa2f70f;position:relative}.specs-monitor-bezel:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(125,207,255,.15);pointer-events:none}.specs-monitor-glass{background:#07090ff5;border:1px solid rgba(125,207,255,.2);padding:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #000000f2,0 0 12px #7dcfff14}.specs-crt-scanlines{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:10}.specs-crt-flicker{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#7dcfff04;opacity:.15;pointer-events:none;z-index:9;animation:crt-phosphorus-flicker .15s infinite}@keyframes crt-phosphorus-flicker{0%,to{opacity:.12}50%{opacity:.18}}.specs-monitor-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(125,207,255,.25);padding-bottom:10px;margin-bottom:20px;z-index:8;position:relative}.monitor-badge{background:var(--green);color:var(--bg-0);font-size:8px;padding:2px 6px;font-weight:700;box-shadow:0 0 6px var(--green)}.monitor-title{font-size:11px;color:var(--text-primary);text-shadow:0 0 6px rgba(125,207,255,.6);letter-spacing:1px;font-family:var(--font-family-pixel)}.monitor-freq{font-size:8px;color:var(--text-muted);font-family:var(--font-family-mono)}.specs-monitor-content{z-index:8;position:relative}.specs-plan-title,.specs-plan-price{display:flex;gap:12px;margin-bottom:12px;align-items:center}.cyan-label{font-size:10px;color:var(--cyan);font-family:var(--font-family-mono);font-weight:700}.specs-value-glow{font-size:13px;color:#fff;text-shadow:0 0 8px rgba(187,154,247,.6)}.specs-value-glow-green{font-size:13px;color:var(--green);text-shadow:0 0 8px rgba(158,206,106,.6)}.specs-savings-sticker{background:#e0af6826;color:var(--gold);font-size:9px;font-weight:700;padding:6px 12px;border:1px solid rgba(224,175,104,.4);box-shadow:0 0 8px #e0af6826;margin-bottom:16px;text-align:center;font-family:var(--font-family-mono)}.specs-divider{height:2px;background:repeating-linear-gradient(90deg,rgba(125,207,255,.25) 0px,rgba(125,207,255,.25) 4px,transparent 4px,transparent 8px);margin:16px 0}.specs-ingredients-header{font-size:9px;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.specs-ingredients-list{list-style:none;padding:0;margin:0 0 16px}.specs-ingredients-list li{display:flex;font-size:13px;font-family:var(--font-family-body);line-height:1.6;margin-bottom:8px}.specs-ingredients-list li.active-spec{color:var(--text-primary)}.specs-ingredients-list li.disabled-spec{color:var(--text-muted);text-decoration:line-through;opacity:.55}.spec-bullet{font-family:var(--font-family-mono);color:var(--green);margin-right:8px;font-weight:700;text-shadow:0 0 4px rgba(158,206,106,.4)}.disabled-spec .spec-bullet{color:var(--pink);text-shadow:0 0 4px rgba(247,118,142,.4)}.specs-terminal-log{border-top:1px solid rgba(125,207,255,.15);padding-top:12px;font-family:var(--font-family-mono);font-size:9px;color:var(--text-muted);line-height:1.6}.specs-terminal-log p{margin:0;letter-spacing:.5px}.pricing-footer{text-align:center;color:var(--text-muted);font-size:11px;font-family:var(--font-family-label);line-height:1.6;margin-top:32px;z-index:10;position:relative}.pricing-footer p{margin-bottom:6px}@media (max-width: 1000px){.vending-machine-deck{flex-direction:column;align-items:center;gap:32px}.specs-monitor-wrapper{width:100%;max-width:440px}}@media (max-width: 480px){.pricing-view{padding:24px 12px}.vending-machine{width:100%;padding:16px}.vending-slot{grid-template-columns:25px 1fr 50px 65px;padding:6px;gap:4px}.pricing-header h1{font-size:16px}.pricing-header p{font-size:12px}.soda-can{width:30px;height:48px}.dropped-can-grab{width:48px;height:44px}.back-button-pricing{margin-left:12px;margin-bottom:24px}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#070b16e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:12px;overflow-y:auto;overscroll-behavior:contain;z-index:99999;animation:overlay-fade-in .2s ease forwards}.payment-modal{position:relative;width:min(560px,100%);max-height:calc(100dvh - 24px);background-color:#090b1af5;border:2px solid rgba(125,207,255,.4);box-shadow:0 24px 48px #000000d9,0 0 30px #7dcfff26,inset 0 0 20px #7dcfff14;padding:52px 24px 24px;display:flex;flex-direction:column;z-index:100000;overflow-x:hidden;overflow-y:auto;animation:modal-zoom-in .25s cubic-bezier(.34,1.56,.64,1) forwards}.payment-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:5}.modal-close{position:absolute;top:16px;right:16px;background:#1f2335d9;border:2px solid var(--border-medium);border-top-color:#3b4261;border-left-color:#3b4261;border-bottom-color:#12141c;border-right-color:#12141c;color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;box-shadow:0 2px #000}.modal-close:hover{border-color:var(--pink);color:#fff;box-shadow:0 0 8px #f7768e66,0 2px #000}.modal-close:active{transform:translateY(2px);box-shadow:0 0 0 transparent;border-top-color:#12141c;border-left-color:#12141c;border-bottom-color:#3b4261;border-right-color:#3b4261}.payment-modal-header{text-align:center;margin-bottom:18px;position:relative;z-index:2}.payment-modal-title{font-family:var(--font-family-pixel);font-size:15px;color:#fff;text-shadow:0 0 8px rgba(125,207,255,.6);letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.modal-subtitle{font-family:var(--font-family-mono);font-size:11px;color:var(--cyan);letter-spacing:1px;text-transform:uppercase}.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:2}.payment-option{display:flex;align-items:center;gap:16px;min-height:88px;padding:18px 12px 14px;background-color:#1f2335b3;border:2px solid var(--border-medium);border-top-color:#3b4261;border-left-color:#3b4261;border-bottom-color:#12141c;border-right-color:#12141c;color:#fff;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;width:100%;box-shadow:0 4px #000}.payment-option:disabled,.payment-segmented-control button:disabled,.modal-close:disabled{cursor:not-allowed}.payment-option:disabled{opacity:.52;filter:grayscale(.35)}.payment-option:disabled:hover{transform:none;border-color:var(--border-medium);box-shadow:0 4px #000}.payment-option:hover{border-color:var(--cyan);background-color:#24283bd9;transform:translateY(-2px);box-shadow:0 6px #000,0 0 12px #7dcfff33}.payment-option:active{transform:translateY(4px);box-shadow:0 0 0 transparent;border-top-color:#12141c;border-left-color:#12141c;border-bottom-color:#3b4261;border-right-color:#3b4261}.payment-option.subscription{border-color:#7aa2f7a6}.payment-option.subscription:hover{border-color:var(--cyan)}.option-badge{position:absolute;top:-10px;right:16px;background-color:var(--gold);color:#070b16;font-size:8px;font-weight:700;padding:2px 6px;border:1px solid #fff;box-shadow:0 2px 4px #0000004d;font-family:var(--font-family-pixel);letter-spacing:.5px}.option-icon{display:flex;align-items:center;justify-content:center;color:var(--cyan);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(125,207,255,.4))}.payment-option.subscription .option-icon{color:var(--gold);filter:drop-shadow(0 0 4px rgba(224,175,104,.4))}.option-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.option-title{font-family:var(--font-family-pixel);font-size:11px;color:#fff;letter-spacing:.5px}.option-desc{font-family:var(--font-family-body);font-size:12px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.modal-loading{text-align:center;color:var(--cyan);font-family:var(--font-family-mono);font-size:11px;margin-top:24px;animation:flash-text 1s infinite alternate;position:relative;z-index:2;font-weight:700;text-shadow:0 0 4px var(--cyan)}.payment-config-group{position:relative;z-index:2;margin-bottom:16px}.payment-config-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-family:var(--font-family-pixel);font-size:9px;letter-spacing:.7px;text-transform:uppercase}.payment-segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-segmented-control button{position:relative;min-height:58px;padding:10px 8px;border:2px solid var(--border-medium);background:#171b2bcc;box-shadow:0 3px #000;color:var(--text-secondary);cursor:pointer;font-family:var(--font-family-pixel);font-size:10px;line-height:1.35;transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .15s ease}.payment-segmented-control button small{display:block;margin-top:5px;color:inherit;font-family:var(--font-family-body);font-size:11px;font-weight:500;opacity:.78}.payment-segmented-control button:hover:not(:disabled){border-color:var(--cyan);color:#fff}.payment-segmented-control button:focus-visible,.payment-option:focus-visible,.modal-close:focus-visible{outline:3px solid #fff;outline-offset:3px}.payment-segmented-control button.active{border-color:var(--cyan);background:#254a647a;box-shadow:0 3px #000,inset 0 0 14px #7dcfff1f;color:#fff}.payment-segmented-control.billing button.active{border-color:var(--gold);background:#694e2459}.recommended-chip{position:absolute;top:-8px;right:6px;padding:2px 5px;border:1px solid #fff;background:var(--gold);color:#070b16;font-family:var(--font-family-pixel);font-size:6px;line-height:1.2}.payment-option.paypal{border-color:#0070bac7}.payment-option.mercadopago{border-color:#7aa2f7a6}.paypal-icon{color:#009cde}.paypal-badge{background:#0070ba;color:#fff}.mp-badge{background:var(--gold);color:#070b16}.option-unavailable{margin-top:5px;color:#ff8b8b;font-family:var(--font-family-mono);font-size:10px}.payment-order-summary{position:relative;z-index:2;display:grid;gap:5px;padding:12px;border:1px dashed rgba(125,207,255,.42);background:#070b1694;color:var(--text-secondary);font-family:var(--font-family-mono)}.payment-order-summary span{color:#fff;font-size:12px}.payment-order-summary strong{color:var(--cyan);font-size:11px}.payment-order-summary small{font-size:10px;line-height:1.45}.modal-error-message{position:relative;z-index:2;margin-top:14px;padding:10px 12px;border:1px solid rgba(255,83,83,.6);background:#59182059;color:#ff8b8b;font-family:var(--font-family-body);font-size:12px;font-weight:700;line-height:1.45;text-align:left}@media (max-width: 520px){.payment-modal-overlay{align-items:flex-start;padding:8px}.payment-modal{width:100%;max-height:calc(100dvh - 16px);padding:54px 14px 18px}.payment-modal-title{font-size:13px}.payment-options{grid-template-columns:1fr}.payment-option{min-height:78px}.payment-segmented-control button{min-height:62px;font-size:8px}.payment-segmented-control button small{font-size:10px}}@media (prefers-reduced-motion: reduce){.dropped-can-grab{animation:none;transform:rotate(-90deg)}.nfc-sensor,.led-message-scroll,.grab-arrow-indicator,.modal-loading{animation:none}}.payment-callback-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);background-image:linear-gradient(to bottom,#1a1b2666,#1a1b26f2),url(/assets/Payment%20Callback%20-B-TUCPSi.webp);background-size:cover;background-position:center top;background-attachment:fixed;image-rendering:pixelated;padding:calc(var(--grid-unit) * 2)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.input-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-modal{background:#16161e;border:4px solid var(--color-border);border-radius:4px;box-shadow:0 20px 40px #000c,inset 0 0 30px #000,0 0 15px var(--color-accent-dim);width:90%;max-width:480px;max-height:80vh;max-height:80dvh;overflow:hidden;position:relative;animation:slideUp .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.input-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:10}.input-modal>*{position:relative;z-index:2}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.input-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:2px solid var(--color-border);background:var(--color-bg-deep)}.input-modal-header h3{margin:0;color:var(--color-cyan);font-size:1.1rem;font-family:var(--font-pixel);text-transform:uppercase;text-shadow:0 0 5px var(--color-accent-dim)}.input-modal-close{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all var(--transition-speed) ease}.input-modal-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.input-modal-body{padding:1.5rem;overflow-y:auto}.input-modal-description{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.input-fields-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.input-field-row{display:flex;flex-direction:column;gap:.4rem}.input-field-label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.85rem}.input-field-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);border-radius:50%;color:var(--color-bg);font-size:.75rem;font-weight:600;flex-shrink:0}.input-field-info{color:var(--color-text-secondary)}.input-field-info code{background:var(--color-accent-dim);color:var(--color-accent);padding:.1rem .35rem;border-radius:4px;font-family:var(--font-family-mono);font-size:.85em}.input-field-input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:0;background:var(--color-bg-deep);color:var(--color-cyan);font-family:var(--font-mono);font-size:.95rem;box-shadow:inset 0 2px 4px #0009;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.input-field-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #cfbcff26}.input-field-input::placeholder{color:var(--color-text-tertiary)}.input-modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.input-modal-cancel,.input-modal-submit{flex:1;padding:.75rem 1rem;border-radius:0;font-weight:500;cursor:pointer;font-family:var(--font-pixel);font-size:.85rem;text-transform:uppercase;border:2px solid var(--color-border);transition:all .2s ease}.input-modal-cancel{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 4px #16161e}.input-modal-cancel:hover{background:var(--color-bg-deep);border-color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 6px #16161e}.input-modal-cancel:active{box-shadow:0 0 #16161e!important;transform:translateY(4px)}.input-modal-submit{background:var(--color-accent);color:#fff;border-top-color:#9ab8ff;border-left-color:#9ab8ff;border-bottom-color:#5a82d7;border-right-color:#5a82d7;box-shadow:0 4px #16161e,var(--shadow-glow-accent)}.input-modal-submit:hover{background:var(--color-cyan);box-shadow:0 6px #16161e,0 0 20px var(--color-cyan);transform:translateY(-2px)}.input-modal-submit:active{box-shadow:0 0 #16161e!important;transform:translateY(4px)}.input-modal-shortcut{text-align:center;margin:1rem 0 0;color:var(--color-text-tertiary);font-size:.8rem}.input-modal-shortcut kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.15rem .4rem;font-family:inherit;font-size:.85em;color:var(--color-text-secondary)}.payment-callback-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);background-image:linear-gradient(to bottom,#1a1b2666,#1a1b26f2),url(/assets/Payment%20Callback%20-B-TUCPSi.webp);background-size:cover;background-position:center top;background-attachment:fixed;image-rendering:pixelated;padding:calc(var(--grid-unit) * 2)}.payment-callback-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-top-color:var(--bevel-highlight);border-left-color:var(--bevel-highlight);border-bottom-color:var(--bevel-shadow);border-right-color:var(--bevel-shadow);padding:calc(var(--grid-unit) * 4);text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.payment-icon-wrapper{width:64px;height:64px;margin:0 auto calc(var(--grid-unit) * 3);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);background-color:var(--color-bg-deep)}.payment-callback-card.success .payment-icon-wrapper{border-color:var(--color-success);color:var(--color-success);box-shadow:0 0 0 2px #9ece6a33}.payment-callback-card.success h2{color:var(--color-success)}.payment-callback-card.error .payment-icon-wrapper{border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 0 0 2px #f7768e33}.payment-callback-card.error h2{color:var(--color-danger)}.payment-callback-card.pending .payment-icon-wrapper{border-color:var(--color-warning);color:var(--color-warning);box-shadow:0 0 0 2px #e0af6833}.payment-callback-card.pending h2{color:var(--color-warning)}.payment-callback-card h2{font-family:var(--font-family-pixel);font-size:14px;line-height:24px;margin-bottom:calc(var(--grid-unit) * 2);letter-spacing:1px}.payment-callback-card p{color:var(--color-text-secondary);font-size:14px;margin-bottom:calc(var(--grid-unit) * 4)}.payment-action-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:calc(var(--grid-unit) * 1.5);background:var(--color-accent);color:var(--color-bg-deep);border:2px solid var(--color-accent);border-top-color:#9ab8ff;border-left-color:#9ab8ff;border-bottom-color:#5a82d7;border-right-color:#5a82d7;font-family:var(--font-family-label);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px;box-shadow:var(--shadow-md);transition:all var(--transition-speed) ease}.payment-action-btn:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary);border-top-color:#d0b4ff;border-left-color:#d0b4ff;border-bottom-color:#9b7ad7;border-right-color:#9b7ad7}.payment-action-btn:active{transform:translate(2px,2px);box-shadow:none}.pixel-spinner{display:inline-block;width:20px;height:20px;background-color:var(--color-warning);animation:spin 1s steps(8) infinite}.legal-page-wrapper{position:relative;min-height:100vh;background-color:#070b16;background-size:cover;background-position:center top;background-attachment:fixed;image-rendering:pixelated;color:var(--text-primary);font-family:var(--font-family-body);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;z-index:1}.privacy-wrapper{background-image:linear-gradient(to bottom,#070b1673,#070b16d9),url(/assets/PrivacyPolicy-ChoK5k_b.webp)}.terms-wrapper{background-image:linear-gradient(to bottom,#070b1673,#070b16d9),url(/assets/TermsOfService-CGolo6jA.webp)}.legal-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.rain-drop{position:absolute;top:-50px;width:2px;background:linear-gradient(to bottom,transparent,rgba(122,162,247,.25) 50%,rgba(125,207,255,.75) 100%);animation:rain-fall linear infinite;box-shadow:0 0 4px #7dcfff66}@keyframes rain-fall{0%{transform:translateY(0)}to{transform:translateY(110vh)}}.legal-vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(circle,transparent 45%,rgba(7,11,22,.7) 85%,rgba(4,6,12,.95) 100%);mix-blend-mode:multiply}.legal-scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;background:linear-gradient(#12101000 50%,#00000038 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,6px 100%;opacity:.85}.legal-scanlines:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000,#ffffff0a,#12101000 20%);animation:scanline-scroll 8s linear infinite;pointer-events:none}@keyframes scanline-scroll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.legal-header{display:flex;align-items:center;justify-content:flex-start;padding:32px 48px;background:transparent;position:relative;z-index:10}.legal-content-container{flex:1;max-width:860px;margin:0 auto;padding:0 24px 80px;width:100%;position:relative;z-index:10}.legal-document{background:#090b1af0;border:2px solid rgba(187,154,247,.4);border-radius:0;padding:48px;box-shadow:0 20px 40px #000000b3,0 0 30px #bb9af726,inset 0 0 15px #7aa2f714;position:relative}.legal-document:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(122,162,247,.12);pointer-events:none}.legal-document h1{font-size:20px;line-height:1.5;font-family:var(--font-family-pixel);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(90deg,var(--purple) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(187,154,247,.35))}.last-updated{color:var(--text-muted);font-family:var(--font-family-label);font-size:11px;letter-spacing:.5px;margin-bottom:48px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.last-updated:before{content:"[DIAGNOSTIC_TELEMETRY::OK]";color:var(--cyan);font-weight:700}.legal-document section{margin-bottom:40px;position:relative}.legal-document h2{font-size:12px;line-height:1.6;font-family:var(--font-family-pixel);color:var(--cyan);letter-spacing:.5px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(122,162,247,.22);display:flex;align-items:center}.legal-document h2:before{content:"▶";color:var(--gold);margin-right:12px;font-size:9px;animation:pulse-arrow 1.5s infinite steps(2)}@keyframes pulse-arrow{0%,to{opacity:.4}50%{opacity:1}}.legal-document p{line-height:1.8;margin-bottom:18px;color:var(--text-secondary);font-family:var(--font-family-body);font-size:15px}.legal-document ul{list-style:none;padding-left:0;margin-bottom:24px}.legal-document li{position:relative;padding-left:24px;line-height:1.8;margin-bottom:12px;color:var(--text-secondary);font-family:var(--font-family-body);font-size:15px}.legal-document li:before{content:"»";position:absolute;left:4px;top:0;color:var(--gold);font-family:var(--font-family-pixel);font-size:14px;line-height:1.6}.legal-document strong{color:var(--gold);font-weight:600}.legal-document p strong{position:relative}.legal-document a{color:var(--blue);text-decoration:none;border-bottom:1px dotted var(--blue);transition:all .2s ease}.legal-document a:hover{color:var(--cyan);text-shadow:0 0 8px rgba(125,207,255,.4);border-bottom:1px solid var(--cyan)}.legal-footer{padding:32px;text-align:center;color:var(--text-muted);font-family:var(--font-family-label);font-size:11px;letter-spacing:.5px;position:relative;z-index:10;margin-top:auto;border-top:1px solid rgba(122,162,247,.1);background-color:#070b16d9}@media (max-width: 768px){.legal-header{padding:24px 20px}.legal-document{padding:28px 20px}.legal-document h1{font-size:16px}.legal-document h2{font-size:10px}.legal-document h2:before{margin-right:8px;font-size:7px}.legal-content-container{padding:0 16px 48px}.last-updated{margin-bottom:32px;font-size:10px;flex-wrap:wrap;gap:4px}}@media (prefers-reduced-motion: reduce){.rain-drop{animation:none;top:20%}.legal-scanlines:after{animation:none}.btn-ok-dot{animation:none}}.admin-dashboard{position:relative;min-height:100vh;background:var(--bg-0);overflow-x:hidden;color:var(--text-primary);font-family:var(--font-family-body);display:flex}.admin-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.admin-bg img{width:100%;height:100%;object-fit:cover;opacity:.14;image-rendering:pixelated}.admin-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070b16e6,#070b16bf,#070b16f2)}.admin-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.admin-sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;background:#0b1020eb;border-right:2px solid var(--border-soft);z-index:10;display:flex;flex-direction:column;padding:24px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-sidebar.closed{width:72px;padding:24px 12px}.admin-sidebar.closed .admin-nav-item{justify-content:center;padding:12px 0}.admin-sidebar.closed .admin-sidebar-footer .admin-back-btn{width:100%;padding:10px 0;text-align:center}.admin-sidebar-header{margin-bottom:36px;padding-bottom:16px;border-bottom:2px solid var(--border-soft);display:flex;align-items:center;min-height:48px}.admin-sidebar.closed .admin-sidebar-header{justify-content:center}.admin-sidebar-toggle{width:36px;height:36px;flex-shrink:0;border-radius:0;background-color:#1f2335d9;color:var(--text-secondary);border:2px solid rgba(125,207,255,.35);margin-right:1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #000;transition:all .15s ease;font-size:16px;outline:none}.admin-sidebar-toggle:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 8px #7dcfff4d,0 2px #000}.admin-sidebar-toggle:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.admin-sidebar.closed .admin-sidebar-toggle{margin-right:0}.admin-logo-area{display:flex;align-items:center;gap:12px}.admin-logo-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--purple))}.admin-logo-title{font-family:var(--font-family-pixel);font-size:13px;color:var(--purple);text-shadow:0 0 10px rgba(187,154,247,.4);letter-spacing:1px}.admin-logo-sub{font-family:var(--font-family-label);font-size:9px;color:var(--text-muted);margin-top:4px}.admin-nav-menu{display:flex;flex-direction:column;gap:10px;flex:1}.admin-nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-family-label);font-size:12px;text-align:left;padding:12px 16px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.admin-nav-item:hover{background:#7aa2f70d;color:var(--blue);border-color:#7aa2f726}.admin-nav-item.active{background:#7aa2f71a;color:var(--cyan);border-color:var(--border-medium);box-shadow:0 0 12px #7dcfff26;text-shadow:0 0 8px rgba(125,207,255,.4)}.admin-nav-item-icon{font-size:16px}.admin-sidebar-footer{padding-top:16px;border-top:1px solid var(--border-soft)}.admin-mobile-bar{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#0b1020f2;border-bottom:1px solid var(--border-soft);z-index:9;padding:0 20px;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-hamburger{background:transparent;border:none;color:var(--purple);font-size:24px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.admin-main{flex:1;margin-left:260px;min-height:100vh;z-index:2;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-main.collapsed-sidebar{margin-left:72px}.admin-main.expanded{margin-left:0}.admin-container{max-width:1100px;margin:0 auto;padding:40px 32px 60px}.admin-view-panel{animation:fadeInView .25s ease-out}@keyframes fadeInView{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-header{margin-bottom:30px}.view-title{font-family:var(--font-family-pixel);font-size:15px;color:var(--cyan);text-shadow:0 0 12px rgba(125,207,255,.35);text-transform:uppercase;letter-spacing:1.5px}.view-subtitle{font-family:var(--font-family-label);font-size:11px;color:var(--text-muted);margin-top:6px;letter-spacing:.5px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.admin-stat-card{background:#161b2ea6;border:1px solid var(--border-soft);padding:20px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.admin-stat-card.purple:before{background:linear-gradient(90deg,var(--purple),var(--pink))}.admin-stat-card.green:before{background:linear-gradient(90deg,var(--green),var(--cyan))}.admin-stat-card.gold:before{background:linear-gradient(90deg,var(--gold),var(--pink))}.stat-card-label{font-family:var(--font-family-label);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.stat-card-value{font-family:var(--font-family-pixel);font-size:24px;color:var(--text-primary);text-shadow:0 0 10px rgba(192,202,245,.25)}.stat-card-sub{font-family:var(--font-family-label);font-size:10px;color:var(--text-secondary);margin-top:6px}.stat-card-sub .positive{color:var(--green)}.stat-card-sub .negative{color:var(--pink)}.admin-chart-card{background:#161b2e8c;border:1px solid var(--border-soft);padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-card-title{font-family:var(--font-family-pixel);font-size:10px;color:var(--purple);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;text-shadow:0 0 10px rgba(187,154,247,.3)}.admin-bar-chart{display:flex;align-items:flex-end;gap:32px;height:180px;padding:0 24px}.admin-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.admin-bar-track{width:100%;max-width:90px;position:relative;display:flex;align-items:flex-end;height:100%}.admin-bar{width:100%;min-height:4px;transition:height .8s cubic-bezier(.25,1,.5,1);position:relative}.admin-bar.current{background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 12px #7dcfff40}.admin-bar.previous{background:linear-gradient(180deg,var(--purple),rgba(187,154,247,.3));box-shadow:0 0 8px #bb9af726}.admin-bar-value{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:var(--font-family-pixel);font-size:10px;color:var(--text-primary);white-space:nowrap}.admin-bar-label{font-family:var(--font-family-label);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.system-section-card{background:#161b2eb3;border:1px solid var(--border-soft);padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.system-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-soft);padding-bottom:12px;margin-bottom:20px}.system-name{font-family:var(--font-family-pixel);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.system-status-indicator{display:flex;align-items:center;gap:6px;font-family:var(--font-family-label);font-size:10px;text-transform:uppercase}.status-light{width:8px;height:8px;border-radius:50%;position:relative}.status-light.active{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulseLight 2s infinite}.status-light.warning{background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pulseLight 1s infinite}.status-light.alert{background:var(--danger);box-shadow:0 0 10px var(--danger);animation:blinkAlert .5s step-end infinite}@keyframes pulseLight{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes blinkAlert{50%{opacity:.3}}.metric-row{margin-bottom:16px}.metric-header{display:flex;justify-content:space-between;font-family:var(--font-family-label);font-size:10px;color:var(--text-secondary);margin-bottom:6px}.metric-bar-bg{height:8px;background:#070b1699;border:1px solid var(--border-soft);position:relative;overflow:hidden}.metric-bar-fill{height:100%;transition:width 1s ease-out;background:var(--blue)}.metric-bar-fill.blue{background:var(--blue)}.metric-bar-fill.purple{background:var(--purple)}.metric-bar-fill.green{background:var(--green)}.metric-bar-fill.gold{background:var(--gold)}.metric-bar-fill.pink{background:var(--pink)}.system-details-box{background:#070b16b3;border:1px solid rgba(122,162,247,.15);font-family:var(--font-family-mono);font-size:11px;color:var(--text-secondary);padding:12px;margin-top:20px;line-height:1.5}.detail-line{display:flex;justify-content:space-between}.detail-label{color:var(--text-muted)}.detail-val{color:var(--text-primary)}.detail-val.green{color:var(--green)}.detail-val.blue{color:var(--blue)}.admin-coin-panel{background:#161b2ea6;border:1px solid var(--border-soft);padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-coin-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.admin-coin-input-group{flex:1;min-width:250px}.admin-coin-label{display:block;font-family:var(--font-family-label);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.admin-coin-input{width:100%;background:#070b16bf;border:1px solid var(--border-soft);color:var(--text-primary);font-family:var(--font-family-mono);font-size:13px;padding:12px 16px;outline:none;transition:all .2s}.admin-coin-input:focus{border-color:var(--cyan);box-shadow:0 0 8px #7dcfff33}.admin-coin-input::placeholder{color:var(--text-muted)}.admin-coin-select{background:#070b16bf;border:1px solid var(--border-soft);color:var(--text-primary);font-family:var(--font-family-label);font-size:12px;padding:12px 16px;outline:none;cursor:pointer;min-width:150px}.admin-coin-select:focus{border-color:var(--cyan)}.admin-coin-btn{font-family:var(--font-family-pixel);font-size:9px;padding:13px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:1px solid;transition:all .2s;white-space:nowrap}.admin-coin-btn.grant{background:#9ece6a1a;border-color:#9ece6a59;color:var(--green)}.admin-coin-btn.grant:hover:not(:disabled){background:#9ece6a33;border-color:var(--green);box-shadow:0 0 12px #9ece6a4d}.admin-coin-btn.revoke{background:#f7768e1a;border-color:#f7768e59;color:var(--pink)}.admin-coin-btn.revoke:hover:not(:disabled){background:#f7768e33;border-color:var(--pink);box-shadow:0 0 12px #f7768e4d}.admin-coin-btn:disabled{opacity:.45;cursor:not-allowed}.admin-toast{margin-top:16px;padding:12px 18px;font-family:var(--font-family-label);font-size:11px;border:1px solid;animation:fadeInToast .3s ease-out}.admin-toast.success{background:#9ece6a14;border-color:#9ece6a40;color:var(--green)}.admin-toast.error{background:#f7768e14;border-color:#f7768e40;color:var(--pink)}@keyframes fadeInToast{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:20px}.admin-loading-text{font-family:var(--font-family-pixel);font-size:12px;color:var(--purple);text-shadow:0 0 10px rgba(187,154,247,.4);animation:blinkText 1s step-end infinite}@keyframes blinkText{50%{opacity:0}}.admin-spinner{width:32px;height:32px;border:3px solid var(--border-soft);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;gap:16px;text-align:center}.admin-denied-icon{font-size:48px;filter:drop-shadow(0 0 12px rgba(247,118,142,.5))}.admin-denied h2{font-family:var(--font-family-pixel);font-size:13px;color:var(--pink);text-shadow:0 0 12px rgba(247,118,142,.4)}.admin-denied p{font-family:var(--font-family-label);font-size:11px;color:var(--text-muted)}.admin-back-btn{background:#bb9af71a;border:1px solid rgba(187,154,247,.3);color:var(--purple);font-family:var(--font-family-pixel);font-size:9px;padding:10px 18px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px;margin-top:10px}.admin-back-btn:hover{background:#bb9af733;border-color:var(--purple);box-shadow:0 0 12px #bb9af74d}.admin-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.admin-line-chart-container{padding:10px 0 0;display:flex;justify-content:center}.admin-line-chart-svg{width:100%;height:auto;overflow:visible}.grid-line{stroke:#7aa2f714;stroke-dasharray:2 2;stroke-width:1}.grid-line-main{stroke:#7aa2f740;stroke-width:1}.chart-line{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(125,207,255,.6))}.chart-area{opacity:.75}.chart-point{fill:#0b1020;stroke:var(--cyan);stroke-width:2}.chart-point-pulse{fill:var(--cyan);opacity:.15;transform-origin:center;animation:chartPulse 2.5s infinite alternate}.chart-point-val{font-family:var(--font-family-pixel);font-size:7px;fill:var(--cyan);text-anchor:middle;text-shadow:0 0 4px rgba(125,207,255,.4)}.chart-label-text{font-family:var(--font-family-label);font-size:7px;fill:var(--text-muted);text-anchor:middle;text-transform:uppercase;letter-spacing:.5px}.admin-donut-layout{display:flex;align-items:center;gap:20px;justify-content:space-around;flex-wrap:wrap;padding:10px 0}.admin-donut-wrapper{position:relative;width:110px;height:110px;flex-shrink:0}.admin-donut-svg{width:100%;height:100%}.donut-segment{transition:stroke-width .2s,filter .2s;cursor:pointer}.donut-segment:hover,.donut-segment.hovered{stroke-width:14;filter:drop-shadow(0 0 5px currentColor)}.donut-center-info{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.donut-center-val{font-family:var(--font-family-pixel);font-size:15px;color:var(--text-primary);text-shadow:0 0 6px rgba(255,255,255,.25);line-height:1}.donut-center-lbl{font-family:var(--font-family-label);font-size:7px;color:var(--text-muted);text-transform:uppercase;margin-top:4px;letter-spacing:.5px}.admin-donut-legend{display:flex;flex-direction:column;gap:10px;flex:1;min-width:140px}.legend-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid transparent;transition:all .2s;cursor:pointer}.legend-item.highlighted{background:#7aa2f70d;border-color:#7aa2f726}.legend-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-labels{display:flex;flex-direction:column}.legend-name{font-family:var(--font-family-pixel);font-size:8px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.legend-value{font-family:var(--font-family-label);font-size:9px;color:var(--text-muted);margin-top:2px}.admin-funnel-container{display:flex;flex-direction:column;gap:12px;padding:10px 0}.funnel-row{display:flex;align-items:center;gap:16px;opacity:0;animation:funnelIn .4s ease-out forwards;animation-delay:calc(var(--row-idx) * .1s)}.funnel-label-col{width:80px;text-align:right;flex-shrink:0}.funnel-step-name{font-family:var(--font-family-pixel);font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.funnel-bar-col{flex:1}.funnel-bar-track{height:22px;background:#07080dd9;border:1px solid var(--border-soft);position:relative;display:flex;align-items:center;overflow:hidden}.funnel-bar-fill{height:100%;transition:width 1s cubic-bezier(.25,1,.5,1)}.funnel-bar-label{position:absolute;left:12px;font-family:var(--font-family-label);font-size:8px;color:var(--text-primary);text-shadow:0 1px 2px #000;font-weight:700}.operator-log-terminal{background:#05070df2;border:1.5px solid var(--border-soft);box-shadow:inset 0 0 16px #000000f2,0 4px 12px #00000080;display:flex;flex-direction:column;height:162px;overflow:hidden}.terminal-header-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1.5px solid var(--border-soft);background:#121626d9}.terminal-dot{width:7px;height:7px;border-radius:50%}.terminal-dot.red{background:var(--pink)}.terminal-dot.yellow{background:var(--gold)}.terminal-dot.green{background:var(--green)}.terminal-title{font-family:var(--font-family-label);font-size:8px;color:var(--text-muted);margin-left:8px;letter-spacing:.5px}.terminal-body{padding:12px;font-family:monospace;font-size:9px;color:#a9b1d6;line-height:1.5;display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-thumb{background:var(--border-soft)}.terminal-log-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:monospace}.terminal-input-cursor{display:flex;align-items:center;gap:6px;color:var(--green);font-family:monospace}.terminal-cursor{width:6px;height:11px;background-color:var(--green);animation:blinkCursor 1.1s infinite step-end}@keyframes chartPulse{0%{transform:scale(.9);opacity:.1}to{transform:scale(1.6);opacity:.35}}@keyframes funnelIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes blinkCursor{0%,to{background-color:transparent}50%{background-color:var(--green)}}.admin-sidebar-overlay{display:none}@media (max-width: 900px){.admin-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#05070dbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:8;animation:fadeInOverlay .25s ease-out}.admin-mobile-bar{display:flex}.admin-sidebar{transform:translate(-260px)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0;padding-top:60px}.admin-container{padding:24px 16px 40px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card-value{font-size:18px}.admin-analytics-grid,.systems-grid{grid-template-columns:1fr}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.admin-coin-row{flex-direction:column;align-items:stretch;gap:12px}.admin-coin-select,.admin-coin-btn{width:100%;text-align:center}}@media (max-width: 480px){.admin-stats-grid{grid-template-columns:1fr}}.admin-route-comparer-section{background:#161b2ea6;border:1px solid var(--border-soft);border-radius:0;padding:24px;margin-top:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;position:relative}.comparer-header{margin-bottom:20px}.comparer-section-title{font-family:var(--font-family-pixel);font-size:11px;color:var(--cyan);text-shadow:0 0 10px rgba(125,207,255,.4);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px}.comparer-section-sub{font-family:var(--font-family-label);font-size:10px;color:var(--text-muted);margin:0}.comparer-toggles{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.comparer-toggle-btn{display:flex;align-items:center;gap:8px;background:#1f2335d9;border:2px solid rgba(125,207,255,.25);border-radius:0;padding:8px 14px;color:var(--text-secondary);font-family:var(--font-family-label);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px #000;text-transform:uppercase;letter-spacing:.5px}.comparer-toggle-btn:hover{background:#1f2335f2;color:var(--cyan);border-color:#7dcfffa6}.comparer-toggle-btn.selected{background:#7dcfff1a;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #7dcfff26,0 2px #000;text-shadow:0 0 8px rgba(125,207,255,.4)}.comparer-toggle-btn:active{transform:translateY(2px);box-shadow:none}.comparer-bullet{width:8px;height:8px;border-radius:50%;background:#fff}.comparer-bullet.python{background:var(--color-cyan, #7dcfff);box-shadow:0 0 6px var(--color-cyan, #7dcfff)}.comparer-bullet.sql{background:var(--color-warning, #e0af68);box-shadow:0 0 6px var(--color-warning, #e0af68)}.comparer-bullet.cpp{background:var(--color-accent, #bb9af7);box-shadow:0 0 6px var(--color-accent, #bb9af7)}.comparer-bullet.javascript{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.comparer-columns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.comparer-column-card{background:#161b2ea6;border:1px solid var(--border-soft);border-top:4px solid #38bdf8;border-radius:0;padding:20px;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.comparer-column-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.006) 2px,rgba(255,255,255,.006) 4px);pointer-events:none}.comparer-column-card:hover{transform:translateY(-2px);box-shadow:0 0 15px #7dcfff1a;border-color:#7aa2f74d}.column-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-soft);padding-bottom:12px}.column-card-title{margin:0;font-family:var(--font-family-pixel);font-size:11px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.column-card-badge{font-family:var(--font-family-label);font-size:8px;font-weight:700;padding:2px 8px;border-radius:0;border:1px dashed;text-transform:uppercase;letter-spacing:.5px}.column-stats-list{display:flex;flex-direction:column;gap:12px}.column-stat-row{display:flex;justify-content:space-between;font-family:var(--font-family-label);font-size:10px;letter-spacing:.5px}.stat-label{color:var(--text-muted)}.stat-val{font-family:var(--font-family-mono);color:var(--text-primary)}.column-progress-area{margin-top:auto;display:flex;flex-direction:column;gap:6px}.progress-header{display:flex;justify-content:space-between;font-family:var(--font-family-label);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.progress-bar-track{height:8px;background:#070b1699;border:1px solid var(--border-soft);border-radius:0;overflow:hidden}.progress-bar-fill{height:100%;border-radius:0}