:root{--bg-primary:#0f1524;--bg-secondary:#172035;--bg-tertiary:#23304e;--text-primary:#f8fafc;--text-secondary:#a3b3cc;--text-muted:#72849e;--border-color:#3b4b66;--border-glow:#6366f133;--accent-primary:#6366f1;--accent-primary-glow:#6366f166;--accent-secondary:#06b6d4;--accent-secondary-glow:#06b6d466;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--console-bg:#030712;--font-mono:"Fira Code", "JetBrains Mono", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}:root.light{--bg-primary:#eef2f6;--bg-secondary:#f8fafc;--bg-tertiary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#cbd5e1;--border-glow:#6366f11a;--accent-primary:#4f46e5;--accent-primary-glow:#4f46e533;--accent-secondary:#0891b2;--accent-secondary-glow:#0891b233;--success-color:#059669;--error-color:#dc2626;--warning-color:#d97706;--console-bg:#f8fafc}body,button,input,select,textarea{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition-smooth);position:relative;overflow-x:hidden}body:before{content:"";z-index:-10;pointer-events:none;background:radial-gradient(circle at 15% 20%,#6366f126 0%,#0000 40%),radial-gradient(circle at 85% 80%,#06b6d426 0%,#0000 40%),radial-gradient(circle,#8b5cf61a 0%,#0000 35%);width:120%;height:120%;animation:25s ease-in-out infinite alternate bg-glow-shift;position:fixed;top:-10%;left:-10%}.light:before{background:radial-gradient(circle at 15% 20%,#6366f112 0%,#0000 40%),radial-gradient(circle at 85% 80%,#06b6d412 0%,#0000 40%),radial-gradient(circle,#8b5cf60d 0%,#0000 35%)}@keyframes bg-glow-shift{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-3%,4%)scale(1.05)rotate(2deg)}to{transform:translate(2%,-3%)scale(.97)rotate(-1deg)}}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(140%)!important;background:#162033a6!important;border:1px solid #ffffff21!important;box-shadow:0 10px 35px #00000073!important}.light .glass-panel{-webkit-backdrop-filter:blur(24px)saturate(140%)!important;background:#ffffff73!important;border:1px solid #00000014!important;box-shadow:0 8px 32px #1f26870d!important}.hero-lang-bubble{-webkit-backdrop-filter:blur(8px)!important;background:#0f162480!important;border-width:2px!important}.light .hero-lang-bubble{background:#fff!important;border-width:1px!important;border-color:#e2e8f0d9!important;box-shadow:6px 6px 15px #0f172a14,-6px -6px 15px #fff!important}.glow-indigo:hover{box-shadow:0 0 15px var(--accent-primary-glow);border-color:var(--accent-primary)}.glow-cyan:hover{box-shadow:0 0 15px var(--accent-secondary-glow);border-color:var(--accent-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.monaco-editor-wrapper{width:100%;height:100%;min-height:400px;position:relative}.terminal-console{font-family:var(--font-mono);border:1px solid var(--border-color);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(16px)saturate(120%)!important;background-color:#03071273!important}.light .terminal-console{-webkit-backdrop-filter:blur(16px)saturate(120%)!important;background-color:#f8fafc73!important}.terminal-cursor{background-color:var(--text-secondary);vertical-align:middle;width:8px;height:15px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.pulse-glow{animation:1.5s ease-in-out infinite pulse-glow-animation}@keyframes pulse-glow-animation{0%,to{opacity:.8;box-shadow:0 0 5px #6366f166}50%{opacity:1;box-shadow:0 0 20px #6366f1cc}}.spinner{border:3px solid #ffffff1a;border-left-color:var(--accent-secondary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.light .spinner{border:3px solid #0000001a;border-left-color:var(--accent-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.split-pane-resizer{background-color:var(--border-color);z-index:10;transition:background-color .2s;position:relative}.split-pane-resizer:hover,.split-pane-resizer:active{background-color:var(--accent-primary)}.badge-c{color:#005cc5;background-color:#005cc526;border:1px solid #005cc54d}.badge-cpp{color:#8b5cf6;background-color:#8b5cf626;border:1px solid #8b5cf64d}.badge-python{color:#d97706;background-color:#f59e0b26;border:1px solid #f59e0b4d}.badge-java{color:#dc2626;background-color:#ef444426;border:1px solid #ef44444d}.badge-js{color:#ca8a04;background-color:#eab30826;border:1px solid #eab3084d}.badge-php{color:#4f46e5;background-color:#4f46e526;border:1px solid #4f46e54d}.badge-bash{color:#059669;background-color:#10b98126;border:1px solid #10b9814d}.badge-csharp{color:#bd93f9;background-color:#8b5cf626;border:1px solid #8b5cf64d}.badge-go{color:#8be9fd;background-color:#06b6d426;border:1px solid #06b6d44d}.badge-rust{color:#ffb86c;background-color:#f9731626;border:1px solid #f973164d}.badge-typescript{color:#8be9fd;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-ruby{color:#f55;background-color:#ef444426;border:1px solid #ef44444d}.badge-swift{color:#ffb86c;background-color:#f9731626;border:1px solid #f973164d}.badge-kotlin{color:#bd93f9;background-color:#8b5cf626;border:1px solid #8b5cf64d}.badge-sql{color:#50fa7b;background-color:#10b98126;border:1px solid #10b9814d}.badge-scala{color:#f55;background-color:#ef444426;border:1px solid #ef44444d}.badge-objectivec{color:#8be9fd;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-haskell{color:#bd93f9;background-color:#8b5cf626;border:1px solid #8b5cf64d}.badge-pascal{color:#8be9fd;background-color:#06b6d426;border:1px solid #06b6d44d}.badge-perl,.badge-r{color:#8be9fd;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-lisp{color:#ffb86c;background-color:#f9731626;border:1px solid #f973164d}.badge-fortran{color:#50fa7b;background-color:#10b98126;border:1px solid #10b9814d}.badge-lua{color:#8be9fd;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-assembly{color:#959bb4;background-color:#94a3b826;border:1px solid #94a3b84d}.badge-elixir{color:#bd93f9;background-color:#8b5cf626;border:1px solid #8b5cf64d}.badge-erlang{color:#f55;background-color:#ef444426;border:1px solid #ef44444d}.badge-clojure{color:#50fa7b;background-color:#10b98126;border:1px solid #10b9814d}.badge-d{color:#f55;background-color:#ef444426;border:1px solid #ef44444d}.badge-html{color:#f97316;background-color:#f9731626;border:1px solid #f973164d}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-mac-dock{transform-origin:100% 100%;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards macDockGenie}@keyframes macDockGenie{0%{opacity:0;filter:blur(2px);transform:scale(.02)translateY(50px)translate(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)translate(0)}}#web-console-logs::-webkit-scrollbar{width:4px}#web-console-logs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.console-log-item{word-break:break-all;font-family:var(--font-mono);border-bottom:1px solid #ffffff08;flex-direction:column;padding:4px 8px;display:flex}.light .console-log-item{border-bottom:1px solid #00000008}.console-log-header{align-items:center;gap:6px;margin-bottom:2px;font-weight:600;display:flex}.console-log-body{white-space:pre-wrap;padding-left:14px}.console-log-info{color:var(--text-secondary)}.light .console-log-info{color:#334155}.console-log-error{color:#f87171;background-color:#ef444414}.light .console-log-error{color:#b91c1c;background-color:#dc26260d}.light .console-log-error .console-log-body{color:#000!important}.console-log-warn{color:#fbbf24;background-color:#f59e0b14}.light .console-log-warn{color:#b45309;background-color:#d977060d}html{scroll-behavior:smooth}.nav-link{position:relative}.nav-link:after{content:"";background-color:var(--accent-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.lang-card{transition:var(--transition-smooth)}.lang-card[data-lang=html]{--hover-color:249, 115, 22}.lang-card[data-lang=c]{--hover-color:59, 130, 246}.lang-card[data-lang=cpp]{--hover-color:139, 92, 246}.lang-card[data-lang=csharp]{--hover-color:167, 139, 250}.lang-card[data-lang=go]{--hover-color:6, 182, 212}.lang-card[data-lang=rust]{--hover-color:234, 88, 12}.lang-card[data-lang=python]{--hover-color:245, 158, 11}.lang-card[data-lang=javascript]{--hover-color:234, 179, 8}.lang-card[data-lang=typescript]{--hover-color:59, 130, 246}.lang-card[data-lang=java]{--hover-color:239, 68, 68}.lang-card[data-lang=kotlin]{--hover-color:139, 92, 246}.lang-card[data-lang=php]{--hover-color:79, 70, 229}.lang-card[data-lang=ruby]{--hover-color:239, 68, 68}.lang-card[data-lang=swift]{--hover-color:249, 115, 22}.lang-card[data-lang=bash],.lang-card[data-lang=sql]{--hover-color:16, 185, 129}.lang-card[data-lang=scala]{--hover-color:220, 38, 38}.lang-card[data-lang=haskell]{--hover-color:139, 92, 246}.lang-card[data-lang=pascal]{--hover-color:6, 182, 212}.lang-card[data-lang=perl]{--hover-color:59, 130, 246}.lang-card[data-lang=r]{--hover-color:37, 99, 235}.lang-card[data-lang=lisp]{--hover-color:249, 115, 22}.lang-card[data-lang=fortran]{--hover-color:16, 185, 129}.lang-card[data-lang=lua]{--hover-color:59, 130, 246}.lang-card[data-lang=assembly]{--hover-color:148, 163, 184}.lang-card[data-lang=elixir]{--hover-color:139, 92, 246}.lang-card[data-lang=erlang]{--hover-color:220, 38, 38}.lang-card[data-lang=clojure]{--hover-color:16, 185, 129}.lang-card[data-lang=d]{--hover-color:220, 38, 38}.lang-card:hover{transform:translateY(-6px);border-color:rgba(var(--hover-color,99, 102, 241), .45)!important;box-shadow:0 0 20px rgba(var(--hover-color,99, 102, 241), .22), 0 0 40px rgba(var(--hover-color,99, 102, 241), .1)!important;background:rgba(var(--hover-color,99, 102, 241), .1)!important}.light .lang-card:hover{border-color:rgba(var(--hover-color,99, 102, 241), .35)!important;box-shadow:0 0 15px rgba(var(--hover-color,99, 102, 241), .15), 0 0 30px rgba(var(--hover-color,99, 102, 241), .08)!important;background:rgba(var(--hover-color,99, 102, 241), .06)!important}.monaco-editor .cursors-layer .cursor{background-color:#08cb00!important;border-color:#08cb00!important}.animate-scale-up{animation:.2s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.light #nav-user-dropdown{-webkit-backdrop-filter:blur(12px);background-color:#fffffff2;box-shadow:0 10px 25px #00000014}.light #profile-name{color:#0f172a!important}@media (width<=767px){.light .contact-panel-container{background-color:var(--bg-primary)!important;border:1px solid #0f172a14!important;box-shadow:10px 10px 24px #0f172a0f,-10px -10px 24px #fff!important}}@media (width>=768px){.light .contact-panel-container{box-shadow:none!important;background-color:#0000!important;border:none!important}}.light .contact-panel-vector{fill:#fff!important;stroke:#0f172a14!important}.light .contact-svg-filter{filter:drop-shadow(0 25px 35px #0f172a29)!important}.light .editor-header-btn{transition:var(--transition-smooth)!important;background-color:#fff!important;border-color:#0f172a14!important;box-shadow:2px 2px 5px #0f172a0a,-2px -2px 5px #fff!important}.light .editor-header-btn:hover{background-color:var(--bg-tertiary)!important;box-shadow:inset 1px 1px 3px #0f172a14,inset -1px -1px 3px #fff!important}.toast-notification{-webkit-backdrop-filter:blur(8px);background-color:#121926f2!important;border:1px solid #6366f140!important;box-shadow:0 10px 25px #0000004d!important}.light .toast-notification{background-color:#fffffffa!important;border:1px solid #0f172a14!important;box-shadow:0 10px 30px #0f172a14!important}#auth-tab-login,#auth-tab-signup{cursor:pointer}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px var(--accent-primary-glow)!important}.dashboard-grid-cell{transition:var(--transition-smooth)}.dashboard-grid-cell:hover{border-color:var(--accent-primary-glow);box-shadow:0 4px 20px #6366f10d}.neon-glow-card{transition:var(--transition-smooth);animation:6s ease-in-out infinite pulse-neon-shadow;box-shadow:0 10px 40px -10px #0f172ae6,0 0 20px #6366f11a}@keyframes pulse-neon-shadow{0%,to{box-shadow:0 10px 40px -10px #0f172af2,0 0 25px #6366f140,0 0 0 1.5px #6366f133;border-color:#6366f159!important}50%{box-shadow:0 10px 40px -10px #0f172af2,0 0 45px #06b6d473,0 0 0 1.5px #06b6d44d;border-color:#06b6d473!important}}.float-slow{animation:8s ease-in-out infinite float-slow-movement}@keyframes float-slow-movement{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.5deg)}}.glow-input-focus{transition:all .25s}.glow-input-focus:focus-within{border-color:var(--accent-primary)!important;box-shadow:0 0 18px #6366f140!important}.auth-input-wrapper{border-radius:12px;align-items:center;margin-top:6px;padding:0 14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:inset 0 2px 4px #0003;background:#090d16!important;border:1.5px solid #ffffff14!important}.auth-input-wrapper.floating-enabled:has(input:not(:placeholder-shown)){margin-top:45px!important}.light .auth-input-wrapper{box-shadow:inset 0 1px 3px #0000000d;background:#ffffffe6!important;border:1.5px solid #0000001a!important}.auth-input-wrapper:hover{background:#0d1320!important;border-color:#6366f166!important}.light .auth-input-wrapper:hover{background:#fff!important;border-color:#6366f14d!important}.auth-input-wrapper:focus-within{background:#05070b!important;border-color:#6366f1!important;box-shadow:0 0 20px #6366f159,inset 0 1px 2px #0000001a!important}.light .auth-input-wrapper:focus-within{background:#fff!important;border-color:#4f46e5!important;box-shadow:0 0 15px #6366f133,inset 0 1px 2px #0000000d!important}.auth-input-wrapper i{color:var(--text-muted);font-size:14px;transition:all .3s}.auth-input-wrapper i.auth-input-icon{pointer-events:none;z-index:10;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:14px;transform:translateY(-50%)scale(1)}.auth-input-wrapper:focus-within i.auth-input-icon{text-shadow:0 0 8px #fffc;transform:translateY(-50%)scale(1.15);color:#fff!important}.light .auth-input-wrapper:focus-within i.auth-input-icon{text-shadow:none;transform:translateY(-50%)scale(1.15);color:#0f172a!important}.auth-input-wrapper.floating-enabled input:not(:placeholder-shown)~i.auth-input-icon{text-shadow:0 0 10px #fffc;left:14px;color:#fff!important;transform:translateY(-53px)scale(1.2)!important}.light .auth-input-wrapper.floating-enabled input:not(:placeholder-shown)~i.auth-input-icon{text-shadow:none;color:#0f172a!important}.auth-input-wrapper.floating-enabled:focus-within input:not(:placeholder-shown)~i.auth-input-icon{text-shadow:0 0 14px #fff;color:#fff!important;transform:translateY(-53px)scale(1.3)!important}.light .auth-input-wrapper.floating-enabled:focus-within input:not(:placeholder-shown)~i.auth-input-icon{text-shadow:none;color:#0f172a!important}.auth-input-wrapper button i{transition:all .2s}.auth-input-wrapper:focus-within button i{transform:scale(1.1);color:#fff!important}.light .auth-input-wrapper:focus-within button i{transform:scale(1.1);color:#0f172a!important}.auth-input{width:100%;transition:all .2s;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;padding:10px 12px 10px 36px!important;font-size:14px!important}.auth-input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-input:-webkit-autofill:active{caret-color:var(--text-primary);transition:background-color 5000000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.auth-input::placeholder{opacity:.9;color:var(--text-secondary)!important}.light .auth-input::placeholder{opacity:.8;color:var(--text-muted)!important}.auth-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;transition:all .3s;display:block}.auth-input-wrapper:focus-within+.auth-label,.glow-input-focus:focus-within .auth-label{text-shadow:0 0 6px #a5b4fc4d;color:#a5b4fc!important}.auth-social-btn{position:relative;overflow:hidden;border:1px solid var(--border-color)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.auth-social-btn:hover{transform:translateY(-2px)}.auth-social-btn-github:hover{background:#ffffff1a!important;border-color:#ffffff80!important;box-shadow:0 0 15px #ffffff26!important}.auth-social-btn-google:hover{background:#ef44440d!important;border-color:#ef444466!important;box-shadow:0 0 15px #ef444426!important}.auth-social-btn-facebook:hover{background:#1877f20d!important;border-color:#1877f266!important;box-shadow:0 0 15px #1877f226!important}.active-tab-indicator{background:linear-gradient(90deg,#6366f1,#06b6d4);height:2px;transition:all .35s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-1px;box-shadow:0 0 8px #6366f199}.btn-premium-glow{position:relative;overflow:hidden}.btn-premium-glow:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-premium-glow:hover:before{left:100%}.btn-premium-glow:hover{box-shadow:0 0 20px #6366f166!important}.sliding-form-wrapper{width:200%;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.reveal-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(20px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.ide-neon-border{transition:var(--transition-smooth)}.ide-neon-border:focus-within{border-color:#6366f166!important;box-shadow:0 0 20px #6366f126!important}@keyframes run-halo-pulse{0%{box-shadow:0 0 #6366f199}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.btn-run-pulse{animation:1.8s infinite run-halo-pulse}.bg-indigo-600{background:#6366f1!important;border:1px solid #ffffff1f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 14px #6366f159!important}.bg-indigo-600:hover{background:#4f46e5!important;transform:translateY(-1.5px)!important;box-shadow:0 6px 20px #6366f18c!important}.bg-indigo-600:active{transform:translateY(.5px)!important}.base-wire{stroke:#ffffff14;stroke-width:1.5px;transition:stroke .3s}.light .base-wire{stroke:#00000014}.laser-wire-left,.laser-wire-right{stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:80 300;opacity:.65;transition:opacity .3s,stroke-width .3s,filter .3s;animation:5.2s cubic-bezier(.4,0,.2,1) infinite laser-flow-anim}.laser-wire-left{filter:drop-shadow(0 0 4px #6366f1b3)}.laser-wire-right{filter:drop-shadow(0 0 4px #22d3eeb3)}.laser-hover-active{stroke-width:2.2px;opacity:1;filter:drop-shadow(0 0 7px #6366f1);animation-duration:2.6s!important}.laser-hover-active-right{stroke-width:2.2px;opacity:1;filter:drop-shadow(0 0 7px #22d3ee);animation-duration:2.6s!important}@keyframes laser-flow-anim{0%{stroke-dashoffset:80px}61.5%{stroke-dashoffset:-300px}to{stroke-dashoffset:-300px}}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #1a2336!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #1a2336!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #1a2336!important}input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important;box-shadow:inset 0 0 0 50px #1a2336!important}.light input:-webkit-autofill{-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 50px #fff!important}.light input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 50px #fff!important}.light input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 50px #fff!important}.light input:-webkit-autofill:active{-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 50px #fff!important}@keyframes marquee-rtl{0%{transform:translate(0%)}to{transform:translate(-50%)}}.animate-marquee-rtl{width:max-content;animation:55s linear infinite marquee-rtl;display:flex}.mask-gradient{-webkit-mask-image:linear-gradient(90deg,#0000,#fff 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 15% 85%,#0000)}@keyframes float-slow-1{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-slow-2{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(18px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-slow-3{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}.animate-float-1{animation:6s ease-in-out infinite float-slow-1}.animate-float-2{animation:7s ease-in-out infinite float-slow-2}.animate-float-3{animation:8s ease-in-out infinite float-slow-3}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:12s linear infinite spin-slow}@keyframes ripple-wave{0%{opacity:.95;inset:0;box-shadow:0 0 #6366f100}50%{opacity:.65;box-shadow:0 0 10px #6366f166}to{opacity:0;inset:-10px;box-shadow:0 0 16px #6366f100}}.animate-ripple-1{animation:2s cubic-bezier(.25,.46,.45,.94) infinite ripple-wave}.animate-ripple-2{animation:2s cubic-bezier(.25,.46,.45,.94) 1s infinite ripple-wave}@keyframes border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-border-spin{animation:5s linear infinite border-spin}.border-beam-indigo{background:conic-gradient(#0000 40%,#6366f1 70%,#818cf8 95%,#0000 100%)}.border-beam-cyan{background:conic-gradient(#0000 40%,#06b6d4 70%,#22d3ee 95%,#0000 100%)}.border-beam-emerald{background:conic-gradient(#0000 40%,#10b981 70%,#34d399 95%,#0000 100%)}.border-beam-purple{background:conic-gradient(#0000 40%,#a855f7 70%,#c084fc 95%,#0000 100%)}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.animate-spin-reverse-slow{animation:20s linear infinite spin-reverse}.animate-spin-slow-radar{animation:30s linear infinite spin-slow}.animate-spin-fast{animation:6s linear infinite spin-slow}.cube-container{perspective:600px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}@keyframes spin-cube-3d{0%{transform:rotateX(20deg)rotateY(0)rotate(0)}to{transform:rotateX(20deg)rotateY(360deg)rotate(360deg)}}.cube-face{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#06b6d459 0%,#10b98140 100%);border:1.5px solid #22d3eed9;width:70px;height:70px;animation:4s ease-in-out infinite alternate cube-glow-pulse;position:absolute;box-shadow:0 0 20px #22d3ee73,inset 0 0 12px #22d3ee4d}@keyframes cube-glow-pulse{0%{border-color:#22d3eeb3;box-shadow:0 0 15px #22d3ee59,inset 0 0 10px #22d3ee40}to{border-color:#22d3ee;box-shadow:0 0 35px #22d3eed9,inset 0 0 20px #22d3ee8c}}.cube-face-front{transform:rotateY(0)translateZ(35px)}.cube-face-back{transform:rotateY(180deg)translateZ(35px)}.cube-face-left{transform:rotateY(-90deg)translateZ(35px)}.cube-face-right{transform:rotateY(90deg)translateZ(35px)}.cube-face-top{transform:rotateX(90deg)translateZ(35px)}.cube-face-bottom{transform:rotateX(-90deg)translateZ(35px)}.tetra-container{perspective:600px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.tetra-3d{width:80px;height:80px;transform-style:preserve-3d;animation:16s linear infinite spin-tetra-3d;position:relative}@keyframes spin-tetra-3d{0%{transform:rotateX(20deg)rotateY(0)rotate(0)}to{transform:rotateX(20deg)rotateY(360deg)rotate(360deg)}}.tetra-face{clip-path:polygon(50% 0%,0% 100%,100% 100%);filter:drop-shadow(0 0 10px #a855f773);background:linear-gradient(135deg,#a855f7cc 0%,#ec489999 50%,#6366f1cc 100%);border-bottom:2px solid #a855f7f2;width:80px;height:69.28px;animation:4s ease-in-out infinite alternate tetra-glow-pulse;position:absolute;box-shadow:inset 0 0 8px #ffffff40}@keyframes tetra-glow-pulse{0%{filter:drop-shadow(0 0 8px #a855f766)drop-shadow(0 0 4px #ec48994d)}to{filter:drop-shadow(0 0 25px #a855f7d9)drop-shadow(0 0 12px #ec4899bf)}}.tetra-face-1{transform:rotateY(0)rotateX(30deg)translateZ(16.5px)}.tetra-face-2{transform:rotateY(120deg)rotateX(30deg)translateZ(16.5px)}.tetra-face-3{transform:rotateY(240deg)rotateX(30deg)translateZ(16.5px)}.tetra-face-bottom{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#a855f740;border:1px solid #a855f766;width:80px;height:80px;transform:rotateX(-90deg)translateZ(23.5px)}.animate-pulse-slow{animation:3.8s cubic-bezier(.4,0,.6,1) infinite pulse}.cube-wrapper{perspective:800px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.cube-3d{width:50px;height:50px;transform-style:preserve-3d;animation:5s linear infinite spin-cube-3d;position:relative}.cube-face{backface-visibility:visible;background:#6366f10d;border:1.5px solid #6366f1d9;width:50px;height:50px;position:absolute;box-shadow:inset 0 0 8px #6366f140}.cube-face-front{border-color:#3b82f6;transform:rotateY(0)translateZ(25px);box-shadow:0 0 12px #3b82f666,inset 0 0 6px #3b82f633}.cube-face-back{border-color:#10b981;transform:rotateY(180deg)translateZ(25px);box-shadow:0 0 12px #10b98166,inset 0 0 6px #10b98133}.cube-face-left{border-color:#8b5cf6;transform:rotateY(-90deg)translateZ(25px);box-shadow:0 0 12px #8b5cf666,inset 0 0 6px #8b5cf633}.cube-face-right{border-color:#ec4899;transform:rotateY(90deg)translateZ(25px);box-shadow:0 0 12px #ec489966,inset 0 0 6px #ec489933}.cube-face-top{border-color:#f59e0b;transform:rotateX(90deg)translateZ(25px);box-shadow:0 0 12px #f59e0b66,inset 0 0 6px #f59e0b33}.cube-face-bottom{border-color:#06b6d4;transform:rotateX(-90deg)translateZ(25px);box-shadow:0 0 12px #06b6d466,inset 0 0 6px #06b6d433}@media (width>=1024px){.book-cover-3d{transform-style:preserve-3d;perspective:2000px;z-index:25;position:relative}.book-face-inner{backface-visibility:hidden;z-index:2;position:absolute;inset:0;transform:rotateY(0)}.book-face-outer{backface-visibility:hidden;z-index:1;position:absolute;inset:0;transform:rotateY(180deg)}}.book-spine-crease{display:none}@media (width>=1024px){.book-spine-crease{pointer-events:none;z-index:20;background:linear-gradient(90deg,#0000 0%,#00000073 30%,#000000d9 50%,#ffffff14 54%,#00000059 70%,#0000 100%);width:24px;display:block;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}}#auth-card-solid .glass-panel{background:#0f1624!important}@keyframes twinkle{0%,to{opacity:.3;filter:drop-shadow(0 0 1px #fde04733);transform:scale(.6)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 4px #fde047cc);transform:scale(1.2)rotate(180deg)}}@keyframes twinkle-slow{0%,to{opacity:.2;transform:scale(.5)rotate(0)}50%{opacity:.9;filter:drop-shadow(0 0 3px #a5b4fcb3);transform:scale(1)rotate(-180deg)}}.animate-twinkle{animation:2.5s ease-in-out infinite twinkle}.animate-twinkle-slow{animation:3.5s ease-in-out infinite twinkle-slow}.scrollbar-none::-webkit-scrollbar{display:none!important}.scrollbar-none{-ms-overflow-style:none!important;scrollbar-width:none!important}.mobile-nav-custom-bg{background-color:#172035fa!important}.light .mobile-nav-custom-bg{background-color:#fffffffa!important}.perspective-container{perspective:1500px}.flip-card-container{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s,filter .4s}.flip-card-flipped{opacity:0;filter:blur(1px);transform:rotateY(90deg)}.zoom-warp-container{transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s,filter .4s}.zoom-warp-active{opacity:0;filter:blur(8px)brightness(1.5);transform:scale(.65)translateZ(-100px)}@keyframes slide-out-left-in-right{0%{opacity:1;filter:blur();transform:translate(0)}49%{opacity:0;filter:blur(2px);transform:translate(-40px)}50%{opacity:0;filter:blur(2px);transform:translate(40px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-out-right-in-left{0%{opacity:1;filter:blur();transform:translate(0)}49%{opacity:0;filter:blur(2px);transform:translate(40px)}50%{opacity:0;filter:blur(2px);transform:translate(-40px)}to{opacity:1;filter:blur();transform:translate(0)}}.slide-next-animation{animation:.4s cubic-bezier(.25,1,.5,1) forwards slide-out-left-in-right}.slide-prev-animation{animation:.4s cubic-bezier(.25,1,.5,1) forwards slide-out-right-in-left}@keyframes card-glow-left-anim{0%,60%{border-color:var(--border-color);box-shadow:none;background-color:#1e293b33}61.5%{background-color:#6366f10f;border-color:#6366f180;box-shadow:0 0 20px #6366f159,inset 0 0 12px #6366f133}85%,to{border-color:var(--border-color);box-shadow:none;background-color:#1e293b33}}@keyframes card-glow-right-anim{0%,60%{border-color:var(--border-color);box-shadow:none;background-color:#1e293b33}61.5%{background-color:#22d3ee0f;border-color:#22d3ee80;box-shadow:0 0 20px #22d3ee59,inset 0 0 12px #22d3ee33}85%,to{border-color:var(--border-color);box-shadow:none;background-color:#1e293b33}}.card-pulse-left{animation:5.2s cubic-bezier(.4,0,.2,1) infinite card-glow-left-anim}.card-pulse-right{animation:5.2s cubic-bezier(.4,0,.2,1) infinite card-glow-right-anim}.card-pulse-left:hover{background-color:#6366f114!important;border-color:#6366f199!important;animation:none!important;box-shadow:0 0 25px #6366f173,inset 0 0 15px #6366f140!important}.card-pulse-right:hover{background-color:#22d3ee14!important;border-color:#22d3ee99!important;animation:none!important;box-shadow:0 0 25px #22d3ee73,inset 0 0 15px #22d3ee40!important}.group:hover .card-pulse-left,.group:hover .card-pulse-right{animation-duration:2.6s!important}.lang-card{box-shadow:0 10px 25px -8px var(--card-glow-color,#6366f11f), 0 4px 10px -5px var(--card-glow-color,#6366f11f), 0 0 0 1px var(--card-glow-color,#6366f10d)!important}.lang-card:hover{box-shadow:0 15px 30px -5px var(--card-glow-hover,#6366f147), 0 8px 15px -8px var(--card-glow-hover,#6366f147), 0 0 0 1.5px var(--card-glow-hover,#6366f126)!important;border-color:#0000!important}.light .lang-card{background-color:var(--bg-primary)!important;box-shadow:5px 5px 10px var(--card-glow-color,#6366f14d), -5px -5px 10px #fff!important;border:none!important}.light .lang-card:hover{box-shadow:8px 8px 15px var(--card-glow-hover,#6366f180), -8px -8px 15px #fff!important;border:none!important}.light .glass-panel{background-color:var(--bg-primary)!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:7px 7px 14px #0f172a1f,-7px -7px 14px #fff!important}.light input[type=text],.light input[type=email],.light input[type=password],.light textarea,.light select{transition:var(--transition-smooth);background-color:var(--bg-primary)!important;border:1px solid #ffffff80!important;box-shadow:inset 3px 3px 6px #0f172a14,inset -3px -3px 6px #fff,0 0 #0000!important}.light input[type=text]:focus,.light input[type=email]:focus,.light input[type=password]:focus,.light textarea:focus,.light select:focus{box-shadow:inset 2px 2px 4px #0f172a14, inset -2px -2px 4px #fff, 0 0 0 2px var(--accent-primary-glow)!important;border-color:var(--accent-primary)!important}.light button.bg-indigo-600,.light button.bg-amber-600,.light button.bg-emerald-600,.light .btn-primary{transition:var(--transition-smooth);box-shadow:4px 4px 10px #0f172a24,-4px -4px 10px #fff!important}.light button.bg-indigo-600:hover,.light button.bg-amber-600:hover,.light button.bg-emerald-600:hover,.light .btn-primary:hover{transform:translateY(-1px);box-shadow:5px 5px 12px #0f172a33,-5px -5px 12px #fff!important}.light button.bg-indigo-600:active,.light button.bg-amber-600:active,.light button.bg-emerald-600:active,.light .btn-primary:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #0f172a26,inset -3px -3px 6px #fff!important}.light .feature-card{transition:var(--transition-smooth);background-color:var(--bg-primary)!important;box-shadow:7px 7px 15px var(--card-glow-color,#6366f11f), -7px -7px 15px #fff!important;border:none!important}.light .feature-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:10px 10px 20px var(--card-glow-hover,#6366f147), -10px -10px 20px #fff!important}.light .feature-card>div:last-child{background-color:var(--bg-primary)!important;box-shadow:none!important;border:none!important}.light .mock-ide-container{background-color:var(--bg-primary)!important;border:none!important;box-shadow:15px 15px 35px #0f172a3d,-15px -15px 35px #fffffff2!important}.light #nav-signin-btn{background-color:var(--accent-primary)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 4px 10px #4f46e540,0 2px 4px #4f46e526!important}.light #nav-signin-btn:hover{color:#fff!important;background-color:#3b30e0!important;box-shadow:0 6px 14px #4f46e559,0 3px 6px #4f46e533!important}.light #theme-toggle{background-color:var(--bg-primary)!important;border:none!important;box-shadow:3px 3px 8px #0f172a14,-3px -3px 8px #fff!important}.light #theme-toggle:hover{background-color:var(--bg-tertiary)!important;box-shadow:4px 4px 10px #0f172a1f,-4px -4px 10px #fff!important}.light header{background-color:#eef2f6cc!important;border-bottom:1px solid #cbd5e1b3!important;box-shadow:0 4px 18px #0f172a0d!important}.light .chat-panel-container,.light .glass-panel.chat-panel-container{border-left:none!important;box-shadow:8px 8px 6px #0f172a08!important}.chat-history-scroll{background-color:var(--bg-primary)!important}.light .chat-history-scroll{background-color:#e2e8f0!important}.journey-nav-btn{transition:var(--transition-smooth);background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 6px #0f172a0a!important}.light .journey-nav-btn{background-color:#fff!important;border:1px solid #0f172a14!important;box-shadow:3px 3px 6px #0f172a14,-3px -3px 6px #fff!important}.light .journey-nav-btn:hover{background-color:var(--bg-tertiary)!important;box-shadow:inset 1px 1px 3px #0f172a14,inset -1px -1px 3px #fff!important}.light #auth-card-solid .glass-panel{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.light .auth-input-wrapper:focus-within+.auth-label,.light .glow-input-focus:focus-within .auth-label{color:#4f46e5!important;text-shadow:none!important}.light .auth-social-btn:hover{background-color:var(--bg-tertiary)!important;box-shadow:0 4px 12px #0f172a0d!important}.light .auth-social-btn-github:hover{border-color:#0f172a66!important}.light .auth-social-btn-google:hover{border-color:#ef444466!important}.light .auth-social-btn-facebook:hover{border-color:#1877f266!important}.light input.auth-input,.light input.auth-input:focus{box-shadow:none!important;background-color:#0000!important;border:0!important;outline:none!important}.light #auth-card-solid .book-face-inner.glass-panel{box-shadow:7px 7px 14px #0f172a14!important}.light .auth-back-btn,.light .auth-social-btn,.light .auth-guest-btn,.light .auth-back-login-btn{background-color:#fff!important;border:1px solid #0f172a14!important;transition:all .25s cubic-bezier(.25,.8,.25,1)!important;box-shadow:2px 2px 5px #0f172a0f,-2px -2px 5px #fff!important}.light .auth-back-btn:hover,.light .auth-social-btn:hover,.light .auth-guest-btn:hover,.light .auth-back-login-btn:hover{background-color:var(--bg-tertiary)!important;transform:translateY(-1.5px)!important;box-shadow:3px 3px 8px #0f172a1a,-3px -3px 8px #fff!important}.light .auth-back-btn:active,.light .auth-social-btn:active,.light .auth-guest-btn:active,.light .auth-back-login-btn:active{transform:translateY(.5px)!important;box-shadow:inset 1px 1px 3px #0f172a14,inset -1px -1px 3px #fff!important}.light .auth-code-mockup{background-color:#fff!important;border:1px solid #0f172a0f!important;box-shadow:3px 3px 8px #0f172a0a,-3px -3px 8px #fff!important}.light .output-console-card.glass-panel{box-shadow:7px 7px 14px #0f172a14!important}.mock-ide-container{transition:box-shadow .3s;box-shadow:0 20px 45px #00000059!important}.mock-ide-container:hover{box-shadow:0 20px 50px #00000073!important}.light .mock-ide-container{box-shadow:15px 15px 35px #0f172a14,-15px -15px 35px #fff!important}.light .mock-ide-container:hover{box-shadow:15px 15px 35px #0f172a1f,-15px -15px 35px #fff!important}.marquee-lang-card{box-shadow:none!important}.light .marquee-lang-card{box-shadow:5px 5px 12px #0f172a0f,-5px -5px 12px #fff!important}.theme-switch-container{-webkit-user-select:none;user-select:none;vertical-align:middle;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;height:32px;padding:0;display:inline-flex}.theme-switch-slot{cursor:pointer;border-radius:20px;width:48px;height:24px;transition:background-color .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 2px 5px #00000026}.theme-switch-slot.theme-switch-light{background-color:#83d8ff;border:1.5px solid #62c2f0}.theme-switch-slot.theme-switch-dark{background-color:#385994;border:1.5px solid #233e70}.theme-switch-button{z-index:10;border-radius:50%;width:18px;height:18px;transition:background-color .3s,box-shadow .3s,transform .3s cubic-bezier(.25,1,.5,1);position:absolute;top:2px;left:2px;overflow:hidden}.theme-switch-slot.theme-switch-light .theme-switch-button{background-color:#ffbb52;transform:translate(0);box-shadow:0 0 4px #ffc266,inset -1px -1px 2px #0000001a}.theme-switch-slot.theme-switch-dark .theme-switch-button{background-color:#ffeccf;transform:translate(23px);box-shadow:0 0 4px #fff,inset -1px -1px 2px #0000001a}.theme-switch-crater{opacity:0;background-color:#e8cca2;border-radius:50%;transition:opacity .15s ease-out;position:absolute}.theme-switch-slot.theme-switch-dark .theme-switch-crater{opacity:1}.theme-switch-crater-1{width:5px;height:5px;top:3px;left:10px}.theme-switch-crater-2{width:4px;height:4px;top:10px;left:8px}.theme-switch-crater-3{width:3px;height:3px;top:7px;left:3px}.theme-switch-cloud{opacity:1;z-index:5;background-color:#fff;border-radius:10px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(0)}.theme-switch-slot.theme-switch-dark .theme-switch-cloud{opacity:0;transform:translate(20px)}.theme-switch-cloud-1{width:14px;height:3px;top:4px;right:6px}.theme-switch-cloud-2{width:18px;height:4px;top:10px;right:3px}.theme-switch-cloud-3{width:12px;height:3px;top:16px;right:8px}.theme-switch-star{opacity:0;z-index:5;background-color:#fff;border-radius:50%;transition:opacity .25s,transform .25s;position:absolute;transform:translateY(-10px)}.theme-switch-slot.theme-switch-dark .theme-switch-star{opacity:1;transform:translateY(0)}.theme-switch-star-1{width:2.5px;height:2.5px;transition-delay:50ms;top:5px;left:16px}.theme-switch-star-2{width:3.5px;height:3.5px;transition-delay:.1s;top:11px;left:10px}.theme-switch-star-3{width:2px;height:2px;transition-delay:.15s;top:17px;left:14px}