@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";:root{--font-heading:Inter, -apple-system;--font-body:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono:JetBrains Mono, monospace;--accent:oklch(65% .18 260);--accent-2:oklch(70% .15 200);--bg:oklch(98% .01 260);--bg-soft:oklch(95% .01 260);--card:oklch(100% 0 0);--text:oklch(20% .02 260);--text-muted:oklch(50% .02 260);--border:oklch(90% .01 260);--success:oklch(70% .2 145);--danger:oklch(65% .22 25);--radius:1.4rem;--radius-sm:1rem;--shadow:0 1rem 3rem oklch(0% 0 0/.08);--transition:.25s ease}@media (prefers-color-scheme:dark){:root{--bg:oklch(12% .02 260);--bg-soft:oklch(16% .02 260);--card:oklch(18% .02 260);--text:oklch(92% .01 260);--text-muted:oklch(70% .02 260);--border:oklch(25% .02 260);--shadow:0 1rem 3rem oklch(0% 0 0/.6)}}body.dark-theme{--bg:oklch(12% .02 260);--bg-soft:oklch(16% .02 260);--card:oklch(18% .02 260);--text:oklch(92% .01 260);--text-muted:oklch(70% .02 260);--border:oklch(25% .02 260);--shadow:0 1rem 3rem oklch(0% 0 0/.6)}body.light-theme{--bg:oklch(98% .01 260);--bg-soft:oklch(95% .01 260);--card:oklch(100% 0 0);--text:oklch(20% .02 260);--text-muted:oklch(50% .02 260);--border:oklch(90% .01 260);--shadow:0 1rem 3rem oklch(0% 0 0/.08)}html{scroll-behavior:smooth;font-size:62.5%}@media (width<=90rem){html{font-size:58%}}@media (width<=70rem){html{font-size:54%}}@media (width<=50rem){html{font-size:50%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);transition:background var(--transition), color var(--transition);font-size:1.6rem;line-height:1.6}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}h1{font-size:clamp(2.4rem,4vw,5rem)}h2{font-size:clamp(2rem,3vw,3.6rem)}h3{font-size:1.8rem}p{color:var(--text-muted);font-size:1.6rem}a{color:inherit;text-decoration:none}em{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.section{max-width:110rem;margin:auto;padding:8rem 2rem}.btn-primary,.modal-content form button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:.8rem;padding:1.2rem 2.4rem;font-size:1.5rem;font-weight:600;display:inline-flex}.btn-primary:hover,.modal-content form button:hover{transform:translateY(-.2rem)}.btn-secondary{border:.1rem solid var(--border);background:var(--card);color:var(--text);border-radius:var(--radius);transition:var(--transition);cursor:pointer;align-items:center;gap:.8rem;padding:1.2rem 2.4rem;font-size:1.5rem;display:inline-flex}.btn-secondary:hover{background:var(--bg-soft)}.card{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:2rem}.card:hover{transform:translateY(-.4rem)}.terminal{color:oklch(90% .01 260);background:oklch(8% .02 260);border:.1rem solid oklch(25% .02 260);border-radius:1.2rem;overflow:hidden;box-shadow:0 1rem 3rem oklch(0% 0 0/.3)}.terminal-bar{background:oklch(12% .02 260);border-bottom:.1rem solid oklch(20% .02 260);align-items:center;gap:.8rem;padding:1rem 1.5rem;display:flex}.dot{border-radius:50%;width:1.2rem;height:1.2rem}.dot-r{background:#ff5f56}.dot-y{background:#ffbd2e}.dot-g{background:#27c93f}.terminal-title{font-family:var(--font-mono);color:oklch(60% .02 260);margin-left:auto;font-size:1.2rem}.terminal-body{font-family:var(--font-mono);text-align:left;min-height:28rem;padding:1.5rem;font-size:1.4rem;line-height:1.8}.terminal-body div{text-align:left}.t-cyan{color:oklch(75% .15 200)}.t-green{color:oklch(75% .2 145)}.t-muted{color:oklch(60% .02 260)}.t-white{color:oklch(90% .01 260)}.cursor{vertical-align:middle;background:oklch(75% .15 200);width:1rem;height:1.6rem;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}input,textarea,select{border-radius:var(--radius-sm);border:.1rem solid var(--border);background:var(--card);width:100%;color:var(--text);font-family:var(--font-body);padding:1rem;font-size:1.5rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.hidden{display:none!important}.muted{opacity:.5}.reveal{opacity:0;transition:var(--transition);transform:translateY(2rem)}.reveal.active{opacity:1;transform:translateY(0)}nav{background:var(--bg);border-bottom:.1rem solid var(--border);z-index:100;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:120rem;margin:0 auto;padding:1.5rem 2rem;display:flex}.nav-logo{font-family:var(--font-heading);margin-right:1.5rem;font-size:2rem;font-weight:700}.nav-logo span{color:var(--accent)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition);font-size:1.5rem}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.nav-cta{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:var(--radius);transition:var(--transition);align-items:center;gap:.8rem;padding:.9rem 2rem;font-size:1.4rem;font-weight:600;display:inline-flex;color:#fff!important}.nav-cta:hover{opacity:.9;transform:translateY(-.1rem)}.theme-toggle{background:var(--bg-soft);border:.1rem solid var(--border);cursor:pointer;width:4rem;height:4rem;color:var(--text);transition:var(--transition);border-radius:5rem;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.theme-toggle:hover{background:var(--card);transform:scale(1.05)}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;order:2;font-size:2.4rem;display:none}.mobile-menu{background:var(--card);border-top:.1rem solid var(--border);flex-direction:column;gap:0;max-height:0;padding:0 2rem;transition:max-height .4s ease-out,padding .3s,gap .3s;display:flex;overflow:hidden}.mobile-menu.active{gap:1.5rem;max-height:30rem;padding:2rem}.mobile-menu a{color:var(--text);border-bottom:.1rem solid var(--border);opacity:0;padding:1rem 0;font-size:1.5rem;transition:opacity .3s,transform .3s;transform:translateY(-1rem)}.mobile-menu a:hover{padding-left:1rem}.mobile-menu.active a{opacity:1;transform:translateY(0)}.mobile-menu.active a:first-child{transition-delay:50ms}.mobile-menu.active a:nth-child(2){transition-delay:.1s}.mobile-menu.active a:nth-child(3){transition-delay:.15s}.mobile-menu.active a:nth-child(4){transition-delay:.2s}.mobile-menu .mobile-cta{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;text-align:center;border-radius:var(--radius);border:none;padding:1.2rem}.hero{text-align:center;flex-direction:column;align-items:center;max-width:90rem;margin:0 auto;padding:10rem 2rem 8rem;display:flex}.hero-badge{font-family:var(--font-mono);color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent);border:.1rem solid color-mix(in oklch, var(--accent) 25%, transparent);border-radius:10rem;align-items:center;gap:.8rem;margin-bottom:3rem;padding:.6rem 1.4rem;font-size:1.3rem;animation:.6s both fadeUp;display:inline-flex}.hero-badge i{animation:2s infinite pulse}.hero h1{letter-spacing:-.04em;margin-bottom:2rem;font-size:clamp(3.6rem,7vw,7.2rem);font-weight:800;line-height:1.05;animation:.6s .1s both fadeUp}.hero>p{color:var(--text-muted);max-width:52rem;margin-bottom:4rem;font-size:1.8rem;line-height:1.75;animation:.6s .2s both fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.6rem;animation:.6s .3s both fadeUp;display:flex}.terminal-wrapper{width:100%;max-width:72rem;margin:6rem auto 0;animation:.6s .4s both fadeUp}.section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.8rem;margin-bottom:1.2rem;font-size:1.5rem;display:flex}.section-title{letter-spacing:-.03em;margin-bottom:5rem;font-size:clamp(3.2rem,4.5vw,4.8rem);font-weight:800;line-height:1.1}.steps{background:var(--border);border:.1rem solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:.1rem;display:grid;overflow:hidden}.step{background:var(--card);transition:background var(--transition);flex-direction:column;gap:1rem;padding:3.6rem;display:flex}.step:hover{background:var(--bg-soft)}.step-icon{color:var(--accent);opacity:.75;font-size:2.2rem}.step-num{font-family:var(--font-mono);color:var(--border);font-size:4rem;font-weight:700;line-height:1}.step h3{color:var(--text);margin-top:.4rem;font-size:1.8rem;font-weight:700}.step p{color:var(--text-muted);font-size:1.4rem;line-height:1.75}.step code{font-family:var(--font-mono);background:color-mix(in oklch, var(--accent) 10%, transparent);color:var(--accent);border-radius:.4rem;padding:.2rem .6rem;font-size:1.2rem}.code-snippet{background:var(--bg-soft);border:.1rem solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.8rem;margin-top:.8rem;padding:.8rem 1.2rem;display:flex}.code-snippet code{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:0;font-size:1.2rem;overflow:hidden}.code-snippet .copy-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;padding:.4rem;font-size:1.4rem}.code-snippet .copy-btn:hover{color:var(--accent)}.copy-token-demo{border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.6rem;margin-top:.8rem;padding:.7rem 1.2rem;font-size:1.3rem;display:inline-flex}.copy-token-demo:hover{border-color:var(--accent);color:var(--accent)}.pricing{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2.4rem;display:grid}.plan{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:3.6rem;position:relative}.plan:hover{box-shadow:var(--shadow);transform:translateY(-.4rem)}.plan.featured{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 4%, var(--card))}.plan-badge{font-family:var(--font-mono);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:.05em;border-radius:10rem;padding:.4rem 1.2rem;font-size:1.1rem;font-weight:700;position:absolute;top:1.2rem;right:3.2rem}.plan-name{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.8rem;font-size:1.2rem}.plan-price{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text);margin-bottom:.6rem;font-size:5rem;font-weight:800}.plan-price span{color:var(--text-muted);letter-spacing:0;font-size:1.5rem;font-weight:400}.plan-desc{color:var(--text-muted);margin-bottom:2.8rem;font-size:1.4rem;line-height:1.7}.plan-features{flex-direction:column;gap:1.2rem;margin-bottom:3.2rem;list-style:none;display:flex}.plan-features li{color:var(--text);align-items:center;gap:1rem;font-size:1.4rem;display:flex}.plan-features li i{width:1.4rem;color:var(--success);font-size:1.2rem}.plan-features li.muted{color:var(--text-muted);text-decoration:line-through}.plan-features li.muted i{color:var(--text-muted)}.plan-btn{width:100%;font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.8rem;padding:1.4rem;font-size:1.3rem;font-weight:600;display:flex}.plan-btn-outline{color:var(--text);border:.1rem solid var(--border);background:0 0}.plan-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.plan-btn-filled{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:none}.plan-btn-filled:hover{opacity:.88}.modal-content{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius);width:90%;max-width:44rem;box-shadow:var(--shadow);flex-direction:column;gap:1.6rem;padding:4rem;animation:.3s slideUp;display:flex;position:relative}.modal-content p{color:var(--text-muted);font-size:1.5rem}.modal-content form{flex-direction:column;gap:1.2rem;margin-top:.8rem;display:flex}.modal-content form button{justify-content:center}.cta-section{text-align:center;border-top:.1rem solid var(--border);flex-direction:column;align-items:center;gap:2rem;padding:10rem 2rem;display:flex}.cta-section h2{letter-spacing:-.03em;font-size:clamp(3rem,5.5vw,6rem);font-weight:800;line-height:1.1}.cta-section p{color:var(--text-muted);font-size:1.7rem}footer{border-top:.1rem solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem;width:100%;max-width:120rem;margin:0 auto;padding:3.2rem 4rem;display:flex}.footer-logo{font-family:var(--font-heading);background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.footer-links{gap:2.4rem;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition);align-items:center;gap:.6rem;font-size:1.3rem;display:flex}.footer-links a:hover{color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.back-link{z-index:100;color:var(--text-muted);transition:var(--transition);align-items:center;gap:.8rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex;position:fixed;top:2.4rem;left:2.4rem}.back-link:hover{color:var(--accent)}.auth-theme-toggle{z-index:100;position:fixed;top:2.4rem;right:2.4rem}.auth-container{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-left{background:color-mix(in oklch, var(--accent) 3%, var(--bg));border-right:.1rem solid var(--border);flex-direction:column;justify-content:center;gap:4.8rem;padding:8rem 6rem;display:flex}.auth-version{color:var(--text-muted);letter-spacing:.5px;margin-top:.5rem;font-size:.75rem}.auth-brand .brand-logo{margin-bottom:1.2rem;font-family:Inter,-apple-system;font-size:2.8rem;font-weight:700;display:block}.auth-brand .brand-logo em{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.auth-brand p{color:var(--text-muted);max-width:32rem;font-size:1.5rem;line-height:1.7}.auth-terminal{max-width:38rem}.auth-terminal .terminal-body{min-height:auto;padding:1.6rem 2rem}.auth-features{flex-direction:column;gap:1.6rem;display:flex}.auth-feature{color:var(--text-muted);align-items:center;gap:1.2rem;font-size:1.4rem;display:flex}.auth-feature i{color:var(--accent);width:1.8rem;font-size:1.4rem}.auth-right{background:var(--bg);justify-content:center;align-items:center;padding:4rem 2.4rem;display:flex}.auth-card{width:100%;max-width:44rem}.auth-tabs{background:var(--bg-soft);border:.1rem solid var(--border);border-radius:var(--radius);gap:.2rem;margin-bottom:3.2rem;padding:.4rem;display:flex}.tab{color:var(--text-muted);border-radius:calc(var(--radius) - .4rem);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.8rem;padding:1rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:600;display:flex}.tab.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.tab:not(.active):hover{color:var(--text);background:var(--card)}.alert{border-radius:var(--radius-sm);transition:var(--transition);border:.1rem solid;align-items:center;gap:1rem;margin-bottom:2.4rem;padding:1.2rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:none}.alert.show{display:flex}.alert.success{background:color-mix(in oklch, var(--success) 10%, transparent);border-color:color-mix(in oklch, var(--success) 30%, transparent);color:var(--success)}.alert.error{background:color-mix(in oklch, var(--danger) 10%, transparent);border-color:color-mix(in oklch, var(--danger) 30%, transparent);color:var(--danger)}.auth-form{flex-direction:column;gap:2rem;display:flex}.form-group{flex-direction:column;gap:.8rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.7rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:flex}.input-wrap{position:relative}.input-wrap input{padding-right:4.8rem}.toggle-pw{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:1.4rem;position:absolute;top:50%;right:1.4rem;transform:translateY(-50%)}.toggle-pw:hover{color:var(--accent)}.otp-box{grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:.5rem;display:grid}.otp-input{aspect-ratio:1;text-align:center;border-radius:var(--radius-sm);border:.1rem solid var(--border);background:var(--card);width:100%;color:var(--text);transition:var(--transition);outline:none;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.otp-input:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem color-mix(in oklch, var(--accent) 20%, transparent)}.otp-actions{justify-content:space-between;margin-top:1rem;display:flex}.otp-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:JetBrains Mono,monospace;font-size:1.2rem}.otp-actions button:hover{color:var(--accent)}.pw-strength{align-items:center;gap:1rem;margin-top:.4rem;display:flex}.strength-bar{background:var(--border);border-radius:.2rem;flex:1;height:.4rem;position:relative;overflow:hidden}.strength-bar:after{content:"";height:100%;width:var(--width,0%);background:var(--color,var(--accent));border-radius:.2rem;transition:width .3s,background .3s;position:absolute;top:0;left:0}#strength-label{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:1.1rem}.btn-submit{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;gap:1rem;padding:1.4rem 2.4rem;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;display:flex}.btn-submit:hover{opacity:.88;transform:translateY(-.1rem)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{align-items:center;gap:1.6rem;margin:.8rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:.1rem}.auth-divider span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:1.2rem}.oauth-buttons{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.oauth-btn{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:not-allowed;opacity:.6;padding:1.1rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem}.coming-soon-badge{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent);border-radius:.4rem;padding:.2rem .6rem;font-size:1rem}.form-note{color:var(--text-muted);justify-content:center;gap:.8rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:flex}.form-note i{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-nav{z-index:100;background:var(--bg);border-bottom:.1rem solid var(--border);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:sticky;top:0}.dashboard-nav .nav-container{justify-content:space-between;align-items:center;max-width:100%;padding:1.4rem 2.4rem;display:flex}.dashboard-nav .nav-actions{align-items:center;gap:1.6rem;margin-left:0;display:flex}.plan-badge{background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent);border:.1rem solid color-mix(in oklch, var(--accent) 25%, transparent);text-transform:uppercase;letter-spacing:.08em;border-radius:10rem;padding:.4rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;position:absolute;top:2.5rem;right:50%}.logout-btn{border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.dashboard-theme-toggle{z-index:200;box-shadow:var(--shadow);position:fixed;bottom:2.4rem;right:2.4rem}.dashboard-container{grid-template-columns:24rem 1fr;min-height:calc(100vh - 6rem);display:grid}.dashboard-sidebar{background:var(--bg-soft);border-right:.1rem solid var(--border);height:calc(100vh - 6rem);padding:2.4rem 1.2rem;position:sticky;top:6rem;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:.4rem;display:flex}.sidebar-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:1rem;padding:1rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex;position:relative}.sidebar-link i{width:1.6rem;font-size:1.3rem}.sidebar-link .badge{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;text-align:center;border-radius:10rem;min-width:2rem;margin-left:auto;padding:.2rem .7rem;font-size:1rem;font-weight:700}.sidebar-link:hover{color:var(--text);background:var(--card)}.sidebar-link.active{color:var(--accent);background:color-mix(in oklch, var(--accent) 8%, transparent);border:.1rem solid color-mix(in oklch, var(--accent) 20%, transparent)}.dashboard-main{min-width:0;padding:3.6rem 4rem}.dashboard-section{flex-direction:column;gap:2.4rem;animation:.3s fadeUp;display:none}.dashboard-section.active{display:flex}.dashboard-section h1{letter-spacing:-.02em;color:var(--text);font-size:clamp(2.4rem,3vw,3.6rem);font-weight:800}.section-desc{color:var(--text-muted);margin-top:-1.2rem;font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.6rem;display:grid}.stat-card{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow);align-items:center;gap:1.6rem;padding:2.4rem;display:flex}.stat-card:hover{transform:translateY(-.3rem)}.stat-icon{border-radius:var(--radius-sm);background:color-mix(in oklch, var(--accent) 10%, transparent);border:.1rem solid color-mix(in oklch, var(--accent) 20%, transparent);width:4.8rem;height:4.8rem;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.stat-info{flex-direction:column;gap:.4rem;display:flex}.stat-value{letter-spacing:-.02em;color:var(--text);font-family:Inter,-apple-system;font-size:2.8rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:1.2rem}.account-card h3{color:var(--text);align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.8rem;display:flex}.account-card h3 i{color:var(--accent)}.account-details{flex-direction:column;gap:1.6rem;display:flex}.detail-row{border-bottom:.1rem solid var(--border);flex-wrap:wrap;align-items:center;gap:1.6rem;padding-bottom:1.6rem;display:flex}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:var(--text-muted);flex-shrink:0;min-width:10rem;font-family:JetBrains Mono,monospace;font-size:1.3rem}.detail-value{color:var(--text);font-family:JetBrains Mono,monospace;font-size:1.4rem}.plan-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:10rem;padding:.3rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.plan-tag.premium{color:oklch(80% .18 85);background:oklch(80% .18 85/.12);border:.1rem solid oklch(80% .18 85/.25)}.upgrade-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:var(--radius-sm);cursor:not-allowed;opacity:.6;border:none;align-items:center;gap:.8rem;margin-left:auto;padding:.8rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex}.upgrade-btn .coming-soon{background:#fff3;border-radius:.4rem;padding:.2rem .6rem;font-size:1rem}.token-wrapper{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;display:flex}.token-value{color:var(--accent);background:color-mix(in oklch, var(--accent) 8%, transparent);border:.1rem solid color-mix(in oklch, var(--accent) 20%, transparent);border-radius:var(--radius-sm);letter-spacing:.05em;word-break:break-all;padding:.6rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:1.3rem}.copy-btn{background:var(--bg-soft);border:.1rem solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);flex-shrink:0;padding:.8rem 1rem;font-size:1.4rem}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.regenerate-btn{border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:.6rem;padding:.8rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex}.regenerate-btn:hover{border-color:var(--danger);color:var(--danger)}.quick-start-card h3{color:var(--text);align-items:center;gap:1rem;margin-bottom:1.2rem;font-size:1.8rem;display:flex}.quick-start-card h3 i{color:var(--accent)}.quick-start-card p{color:var(--text-muted);margin-bottom:1.6rem;font-size:1.4rem}.code-snippet{border-radius:var(--radius-sm);background:oklch(8% .02 260);border:.1rem solid oklch(25% .02 260);align-items:center;gap:1rem;padding:1.2rem 1.6rem;display:flex}.code-snippet code{color:oklch(75% .15 200);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;width:auto;padding:0;font-family:JetBrains Mono,monospace;font-size:1.3rem;overflow:hidden}.code-snippet .copy-btn{flex-shrink:0}.ws-status{color:var(--text-muted);background:var(--bg-soft);border:.1rem solid var(--border);border-radius:10rem;align-items:center;gap:.8rem;width:fit-content;padding:.8rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:inline-flex}.ws-status i{font-size:.8rem}.ws-status.connected{color:var(--success);border-color:color-mix(in oklch, var(--success) 30%, transparent);background:color-mix(in oklch, var(--success) 8%, transparent)}.ws-status.error{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 30%, transparent);background:color-mix(in oklch, var(--danger) 8%, transparent)}.tunnels-list{flex-direction:column;gap:1.6rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-soft);border:.1rem dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:1.2rem;padding:6rem 2.4rem;display:flex}.empty-state i{color:var(--border);font-size:3.6rem}.empty-state p{color:var(--text-muted);font-size:1.6rem;font-weight:600}.empty-state span{opacity:.7;font-family:JetBrains Mono,monospace;font-size:1.2rem}.tunnel-card{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow);overflow:hidden}.tunnel-card:hover{transform:translateY(-.2rem)}.tunnel-header{background:var(--bg-soft);border-bottom:.1rem solid var(--border);justify-content:space-between;align-items:center;padding:1.4rem 2rem;display:flex}.tunnel-status{color:var(--success);align-items:center;gap:.8rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:flex}.tunnel-status i{font-size:.8rem;animation:2s infinite pulse}.tunnel-action-btn{border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;padding:.6rem .8rem;font-size:1.3rem}.tunnel-action-btn:hover{border-color:var(--accent);color:var(--accent)}.tunnel-body{flex-direction:column;gap:.8rem;padding:1.6rem 2rem;display:flex}.tunnel-url,.tunnel-forward{align-items:center;gap:1rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex}.tunnel-url i,.tunnel-forward i{color:var(--text-muted);width:1.4rem}.tunnel-url code,.tunnel-forward code{color:var(--accent);background:0 0;border:none;width:auto;padding:0;font-size:1.3rem}.tunnel-forward code{color:var(--text-muted)}.tunnel-stats{background:var(--bg-soft);border-top:.1rem solid var(--border);gap:2.4rem;padding:1.2rem 2rem;display:flex}.tunnel-stats .stat{flex-direction:column;gap:.2rem;display:flex}.tunnel-stats .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:1.1rem}.tunnel-stats .stat-value{color:var(--text);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:600}.settings-group{margin-top:1.6rem}.toggle-switch{cursor:pointer;align-items:center;gap:1.2rem;display:flex}.toggle-switch input{display:none}.toggle-slider{background:var(--border);width:4.4rem;height:2.4rem;transition:var(--transition);border-radius:10rem;flex-shrink:0;position:relative}.toggle-slider:after{content:"";width:2rem;height:2rem;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem}input:checked+.toggle-slider{background:linear-gradient(135deg, var(--accent), var(--accent-2))}input:checked+.toggle-slider:after{transform:translate(2rem)}.toggle-label{color:var(--text);font-size:1.4rem}.danger-zone{border-color:color-mix(in oklch, var(--danger) 30%, transparent)}.danger-zone h3{color:var(--danger);align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.danger-zone h3 i{color:var(--danger)}.danger-zone p{color:var(--text-muted);margin-bottom:2rem;font-size:1.4rem}.danger-btn{border:.1rem solid color-mix(in oklch, var(--danger) 40%, transparent);border-radius:var(--radius-sm);color:var(--danger);cursor:not-allowed;opacity:.6;background:0 0;align-items:center;gap:.8rem;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;display:flex}.danger-btn .coming-soon{background:color-mix(in oklch, var(--danger) 12%, transparent);border-radius:.4rem;padding:.2rem .6rem;font-size:1rem}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.8rem;padding:1.1rem 2.4rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700;display:flex}.btn-danger:hover{opacity:.88}.modal{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);z-index:300;background:oklch(0% 0 0/.55);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-content{background:var(--card);border:.1rem solid var(--border);border-radius:var(--radius);text-align:center;width:90%;max-width:44rem;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:1.6rem;padding:4rem;animation:.3s slideUp;display:flex;position:relative}.modal-content h3{color:var(--text);font-size:2.2rem}.modal-content p{color:var(--text-muted);font-size:1.4rem;line-height:1.7}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition);font-size:2.4rem;line-height:1;position:absolute;top:1.6rem;right:2rem}.modal-icon{color:oklch(80% .18 85);font-size:3.6rem}.modal-actions{justify-content:center;gap:1.2rem;width:100%;margin-top:.8rem;display:flex}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.nav-logo{order:1}.nav-actions{order:3;margin-left:0}.hero{padding:7rem 2rem 5rem}.hero h1{letter-spacing:-.02em}.hero-actions{flex-direction:column;align-items:center}.steps,.pricing{grid-template-columns:1fr}footer{text-align:center;flex-direction:column;padding:3rem 2rem}.footer-links{justify-content:center}.auth-container{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:8rem 2.4rem 4rem}.back-link{top:1.6rem;left:1.6rem}.auth-theme-toggle{top:1.6rem;right:1.6rem}.dashboard-container{grid-template-columns:1fr}.dashboard-sidebar{border-right:none;border-bottom:.1rem solid var(--border);height:auto;padding:1.2rem;position:static}.dashboard-sidebar .sidebar-nav{flex-direction:row;overflow-x:auto}.dashboard-sidebar .sidebar-link span:not(.badge){display:none}.dashboard-main{padding:2.4rem 1.6rem}.stats-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start}.upgrade-btn{margin-left:0}.token-wrapper{flex-direction:column;align-items:flex-start}}@media (width<=480px){.hero h1{font-size:4.8rem}.section-title,.cta-section h2{font-size:3rem}.plan-price{font-size:4rem}.step,.plan{padding:2.4rem}.dashboard-main,.stat-card{padding:1.6rem}.modal-content{padding:2.4rem}}.verify-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 2rem;display:flex}.verify-container .brand{font-size:1.5rem;position:absolute;top:2.5rem;left:2rem}.verify-container .brand a{color:inherit;font-family:Inter,-apple-system;font-weight:700;text-decoration:none}.verify-container .brand a em{color:oklch(70% .15 200);font-style:normal}.verify-container .verify-card{text-align:center;background:oklch(18% .01 260);border:1px solid oklch(25% .02 260);border-radius:1.4rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:480px;padding:3rem 2.5rem;display:flex;box-shadow:0 1rem 3rem oklch(0% 0 0/.08)}.verify-container .verify-card.hidden{display:none}.verify-container .verify-card h1{font-family:Inter,-apple-system;font-size:1.4rem;font-weight:700}.verify-container .verify-card p{color:oklch(65% .01 260);max-width:360px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.9rem;line-height:1.6}.verify-container .verify-loader{margin-bottom:.5rem}.verify-container .verify-loader .spinner{border:3px solid oklch(25% .02 260);border-top-color:oklch(70% .15 200);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.verify-container .verify-steps{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.verify-container .verify-steps .step{color:oklch(55% .01 260);background:oklch(22% .01 260);border:1px solid #0000;border-radius:1rem;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .25s;display:flex}.verify-container .verify-steps .step i{opacity:0}.verify-container .verify-steps .step.active{color:oklch(70% .15 200);background:oklch(70% .15 200/.05);border-color:oklch(70% .15 200/.2)}.verify-container .verify-steps .step.active i{opacity:1}.verify-container .verify-steps .step.done{color:oklch(70% .2 145);background:oklch(70% .2 145/.05);border-color:oklch(70% .2 145/.2)}.verify-container .verify-steps .step.done i{opacity:1}.verify-container .verify-steps .step.done i:before{content:""}.verify-container .verify-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.5rem;font-size:1.75rem;display:flex}.verify-container .verify-icon--green{color:oklch(70% .2 145);background:oklch(70% .2 145/.1);border:1px solid oklch(70% .2 145/.3)}.verify-container .verify-icon--yellow{color:oklch(75% .15 85);background:oklch(75% .15 85/.1);border:1px solid oklch(75% .15 85/.3)}.verify-container .verify-icon--red{color:oklch(65% .22 25);background:oklch(65% .22 25/.1);border:1px solid oklch(65% .22 25/.3)}.verify-container .alert{border-radius:1rem;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.8rem;display:flex}.verify-container .alert.hidden{display:none}.verify-container .alert.error{color:oklch(80% .15 25);background:oklch(65% .22 25/.1);border:1px solid oklch(65% .22 25/.3)}.verify-container .alert.info{color:oklch(70% .15 200);background:oklch(70% .15 200/.08);border:1px solid oklch(70% .15 200/.2)}.admin-badge{color:#fff;background:linear-gradient(135deg,oklch(50% .22 25),oklch(60% .2 25));border-radius:10rem;align-items:center;gap:.6rem;padding:.4rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;display:inline-flex}.nav-version{color:var(--text-muted);background:var(--bg-soft);border:.1rem solid var(--border);border-radius:10rem;margin-left:1rem;padding:.3rem .8rem;font-family:JetBrains Mono,monospace;font-size:1.2rem}.stat-card.admin-stat{cursor:pointer}.stat-card.admin-stat:hover{border-color:color-mix(in oklch, var(--accent) 40%, transparent);box-shadow:0 .8rem 2.4rem oklch(0% 0 0/.15)}.quick-actions{flex-wrap:wrap;gap:1rem;margin-top:1.6rem;display:flex}.search-bar{gap:1rem;margin-bottom:2rem;display:flex}.search-bar input{background:var(--bg);border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;padding:.9rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:1.4rem}.search-bar input:focus{border-color:var(--accent);outline:none}.search-bar input::placeholder{color:var(--text-muted)}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:.1rem solid var(--border);padding:1.2rem 1rem;font-size:1.4rem}.users-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600}.users-table td{color:var(--text)}.users-table tbody tr{transition:background var(--transition)}.users-table tbody tr:hover{background:var(--bg-soft)}.user-actions{gap:.6rem;display:flex}.user-action-btn{background:var(--bg-soft);border:.1rem solid var(--border);cursor:pointer;transition:var(--transition);color:var(--text-muted);border-radius:.6rem;padding:.5rem .9rem;font-size:1.1rem}.user-action-btn:hover{background:var(--card)}.user-action-btn.upgrade{color:var(--accent)}.user-action-btn.upgrade:hover{border-color:var(--accent)}.user-action-btn.downgrade{color:oklch(75% .18 85)}.user-action-btn.downgrade:hover{border-color:oklch(75% .18 85)}.user-action-btn.suspend{color:var(--danger)}.user-action-btn.suspend:hover{border-color:var(--danger)}.user-action-btn.delete{color:var(--danger)}.user-action-btn.delete:hover{border-color:var(--danger)}.status-badge{border-radius:10rem;align-items:center;gap:.5rem;padding:.3rem .9rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;display:inline-flex}.status-badge.active{background:color-mix(in oklch, var(--success) 15%, transparent);color:var(--success);border:.1rem solid color-mix(in oklch, var(--success) 30%, transparent)}.status-badge.suspended{background:color-mix(in oklch, var(--danger) 15%, transparent);color:var(--danger);border:.1rem solid color-mix(in oklch, var(--danger) 30%, transparent)}.plan-tag{border-radius:10rem;align-items:center;padding:.3rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;display:inline-flex}.plan-tag.free{background:color-mix(in oklch, var(--success) 15%, transparent);color:var(--success);border:.1rem solid color-mix(in oklch, var(--success) 30%, transparent)}.plan-tag.premium{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent);border:.1rem solid color-mix(in oklch, var(--accent) 30%, transparent)}.coming-soon{background:var(--bg-soft);color:var(--text-muted);border:.1rem solid var(--border);text-transform:uppercase;letter-spacing:.05em;border-radius:10rem;margin-left:.6rem;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:1rem;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-soft);border-radius:var(--radius-sm);border:.1rem dashed var(--border);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state i{opacity:.6;margin-bottom:1.2rem;font-size:3.6rem}.empty-state p{margin-bottom:.6rem;font-size:1.6rem;font-weight:500}.empty-state span{opacity:.8;font-size:1.3rem}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem;display:grid}.chart-placeholder{background:var(--bg-soft);border-radius:var(--radius-sm);text-align:center;min-height:25rem;color:var(--text-muted);border:.1rem dashed var(--border);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;margin-top:1.6rem;padding:2.4rem;display:flex}.chart-placeholder i{opacity:.4;color:var(--accent);font-size:4rem}.chart-placeholder p{font-size:1.4rem}.chart-placeholder small{color:var(--text-muted);opacity:.7;font-family:JetBrains Mono,monospace;font-size:1.2rem}.audit-log{border-radius:var(--radius-sm);border:.1rem solid var(--border);max-height:30rem;margin-top:1.6rem;overflow-y:auto}.audit-log::-webkit-scrollbar{width:.6rem}.audit-log::-webkit-scrollbar-track{background:var(--bg-soft)}.audit-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:.3rem}.audit-entry{border-bottom:.1rem solid var(--border);color:var(--text);transition:background var(--transition);padding:1rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:1.2rem}.audit-entry:last-child{border-bottom:none}.audit-entry:hover{background:var(--bg-soft)}.audit-entry .time{color:var(--text-muted);margin-right:1rem}.audit-entry .action{color:var(--accent);font-weight:600}.announcement-area{margin-top:1.6rem}.announcement-input{align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.announcement-input textarea{background:var(--bg);border:.1rem solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;min-height:9rem;transition:border-color var(--transition);flex:1;padding:1rem 1.2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.4rem}.announcement-input textarea:focus{border-color:var(--accent);outline:none}.announcement-input textarea::placeholder{color:var(--text-muted)}.announcement-input button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:.8rem;padding:1rem 1.6rem;font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:600;display:flex}.announcement-input button:hover{opacity:.88;transform:translateY(-.1rem)}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition);font-size:2.4rem;font-weight:300;position:absolute;top:1.2rem;right:1.6rem}.modal-close:hover{color:var(--text)}.modal-icon{font-size:3.6rem}.modal-icon.fa-crown{color:oklch(80% .18 85)}.modal-icon.fa-ban,.modal-icon.fa-trash{color:var(--danger)}.modal-icon.fa-check-circle{color:var(--success)}.copy-btn.small{border:.1rem solid var(--border);background:0 0;border-radius:.4rem;margin-left:.6rem;padding:.2rem .6rem;font-size:1.1rem}.copy-btn.small:hover{background:var(--bg-soft);border-color:var(--accent)}@media (width<=768px){.analytics-grid{grid-template-columns:1fr}.search-bar,.announcement-input{flex-direction:column}.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}}.page-404{background:radial-gradient(circle at 50% 0,#13203d 0%,#08101f 45%,#02050c 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.page-404:before{content:"";z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite grid-shift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}@keyframes grid-shift{0%{background-position:0 0}to{background-position:40px 40px}}.page-404 .orb{filter:blur(80px);opacity:.4;z-index:0;animation:orb-float var(--duration,8s) ease-in-out infinite alternate;border-radius:50%;position:absolute}.page-404 .orb--1{--duration:10s;background:#00b7ff40;width:400px;height:400px;top:-10%;right:-5%}.page-404 .orb--2{--duration:12s;background:#764ba233;width:300px;height:300px;animation-delay:-4s;bottom:-10%;left:-5%}.page-404 .orb--3{--duration:15s;background:#00b7ff26;width:200px;height:200px;animation-delay:-2s;top:40%;left:30%}@keyframes orb-float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(10px,-10px)scale(1.05)}}.page-404 .stars{pointer-events:none;z-index:0;position:absolute;inset:0}.page-404 .stars .star{width:2px;height:2px;opacity:var(--opacity,.6);animation:twinkle var(--duration,3s) ease-in-out infinite;animation-delay:var(--delay,0s);background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--opacity,.6);transform:scale(1)}50%{opacity:.1;transform:scale(.4)}}.page-404 .stars .shooting-star{opacity:0;width:100px;height:2px;animation:4s linear infinite shoot;animation-delay:var(--delay,0s);background:linear-gradient(90deg,#0000,#fff,#0000);position:absolute}@keyframes shoot{0%{opacity:1;transform:translate(-100px)translateY(50px)}to{opacity:0;transform:translate(300px)translateY(-100px)}}.page-404 .planet{z-index:0;background:radial-gradient(circle at 30% 30%,#ff6b6b,#c0392b);border-radius:50%;width:50px;height:50px;animation:25s linear infinite orbit;position:absolute;box-shadow:0 0 30px #ff6b6b4d}@keyframes orbit{0%{transform:rotate(0)translate(180px)rotate(0)}to{transform:rotate(360deg)translate(180px)rotate(-360deg)}}.page-404 .error-card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:2.8rem;width:92%;max-width:680px;padding:6rem 4rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards card-appear;position:relative;transform:translateY(40px)scale(.95);box-shadow:0 20px 60px #00000073}@keyframes card-appear{to{opacity:1;transform:translateY(0)scale(1)}}.page-404 .astronaut{width:160px;height:200px;margin:0 auto 2.4rem;animation:5s ease-in-out infinite astro-float;position:relative}@keyframes astro-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-18px)rotate(2deg)}50%{transform:translateY(-8px)rotate(-1deg)}75%{transform:translateY(-22px)rotate(1.5deg)}}.page-404 .astronaut .helmet{background:linear-gradient(145deg,#f0f0f0 0%,#d0d0d0 50%,#e8e8e8 100%);border-radius:50% 50% 45% 45%;width:100px;height:90px;margin:0 auto;position:relative;box-shadow:inset -8px -8px 16px #0000001a,inset 8px 8px 16px #ffffff80,0 4px 12px #0003}.page-404 .astronaut .helmet .visor{background:linear-gradient(135deg,#1a1a2e 0%,#2d2d44 50%,#1a1a2e 100%);border-radius:50%;width:70px;height:58px;position:absolute;top:20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 16px #00000080}.page-404 .astronaut .helmet .visor:before{content:"";background:#ffffff40;border-radius:50%;width:24px;height:10px;position:absolute;top:8px;right:12px;transform:rotate(-20deg)}.page-404 .astronaut .helmet .visor .eye{background:#fff;border-radius:50%;width:7px;height:7px;animation:3.5s infinite blink;position:absolute;top:28px}.page-404 .astronaut .helmet .visor .eye.left{left:20px}.page-404 .astronaut .helmet .visor .eye.right{right:20px}.page-404 .astronaut .helmet .visor .mouth{border:2px solid #ffffff80;border-top:none;border-radius:0 0 16px 16px;width:16px;height:6px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.page-404 .astronaut .body{background:linear-gradient(145deg,#f0f0f0 0%,#d0d0d0 50%,#e8e8e8 100%);border-radius:40% 40% 35% 35%;width:75px;height:85px;margin:-8px auto 0;position:relative;box-shadow:inset -4px -4px 8px #0000001a,inset 4px 4px 8px #ffffff80}.page-404 .astronaut .body .chest-panel{background:linear-gradient(145deg,#e74c3c 0%,#c0392b 100%);border-radius:6px;width:32px;height:24px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 8px #0003}.page-404 .astronaut .body .chest-panel .chest-light{background:#ff6b6b;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse;position:absolute;top:4px;left:4px;box-shadow:0 0 8px #ff6b6b}.page-404 .astronaut .body .arm{background:linear-gradient(145deg,#f0f0f0 0%,#d0d0d0 100%);border-radius:16px;width:20px;height:50px;position:absolute;top:8px}.page-404 .astronaut .body .arm.left{animation:3.5s ease-in-out infinite wave-left;left:-12px;transform:rotate(18deg)}.page-404 .astronaut .body .arm.right{animation:3.5s ease-in-out infinite wave-right;right:-12px;transform:rotate(-18deg)}@keyframes wave-left{0%,to{transform:rotate(18deg)}50%{transform:rotate(35deg)}}@keyframes wave-right{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-35deg)}}.page-404 .badge{color:#7ddcff;background:#00b7ff1f;border:1px solid #00b7ff40;border-radius:999px;align-items:center;gap:1rem;margin-bottom:2.4rem;padding:1rem 1.8rem;font-size:1.4rem;font-weight:600;animation:3s ease-in-out infinite alternate badge-glow;display:inline-flex}@keyframes badge-glow{0%{box-shadow:0 0 10px #00b7ff1a}to{box-shadow:0 0 25px #00b7ff4d}}.page-404 .badge svg{width:1.6rem;height:1.6rem;animation:4s linear infinite spin}.page-404 .error-code{letter-spacing:-.08em;background:linear-gradient(135deg,#fff 0%,#76d6ff 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.2rem;font-size:clamp(9rem,16vw,18rem);font-weight:800;line-height:1;animation:2.5s ease-in-out infinite alternate code-glow}@keyframes code-glow{0%{filter:drop-shadow(0 0 20px #76d6ff66)}to{filter:drop-shadow(0 0 50px #a855f7b3)}}.page-404 h1{color:#fff;letter-spacing:-.02em;margin-bottom:1.8rem;font-family:Inter,-apple-system;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:700}.page-404 p{color:#ffffffb8;max-width:560px;margin:0 auto 3.6rem;font-size:1.8rem;line-height:1.7}.page-404 .actions{flex-wrap:wrap;justify-content:center;gap:1.6rem;display:flex}.page-404 .btn{border-radius:1.4rem;justify-content:center;align-items:center;gap:.8rem;padding:1.4rem 2.6rem;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.page-404 .btn--primary{color:#fff;background:linear-gradient(135deg,#00b7ff 0%,#007bff 100%);position:relative;overflow:hidden;box-shadow:0 10px 30px #008cff59}.page-404 .btn--primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.page-404 .btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #008cff80}.page-404 .btn--primary:hover:before{left:100%}.page-404 .btn--secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f}.page-404 .btn--secondary:hover{background:#ffffff1f;transform:translateY(-2px)}.page-404 .footer{color:#ffffff73;margin-top:4.2rem;font-size:1.4rem}.page-404 .error-code:hover{animation:.3s ease-in-out glitch}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@media (width<=640px){.page-404 .error-card{padding:4.2rem 2.4rem}.page-404 .astronaut{width:120px;height:150px}.page-404 .astronaut .helmet{width:75px;height:68px}.page-404 .astronaut .helmet .visor{width:52px;height:44px;top:15px}.page-404 .astronaut .body{width:55px;height:65px}.page-404 .astronaut .body .chest-panel{width:24px;height:18px}.page-404 p{font-size:1.6rem}.page-404 .actions{flex-direction:column}.page-404 .btn{width:100%}}