@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap);:root,[data-theme=light]{--accent-2:#7c3aed;--accent-3:#f43f5e}.btn,.card,.form-group,.nav-dropdown,.navbar,a,button{transform:translateZ(0);backface-visibility:hidden}#particle-canvas,body::after,body::before{position:fixed;z-index:0;pointer-events:none}.nav-brand,.nav-links a:hover,body{color:var(--text-primary)}.nav-dropdown,html.auth-pending{visibility:hidden}.btn::after,.card::before{inset:0;position:absolute}:root{--accent:#00e5ff;--accent-primary:#00e5ff;--accent-secondary:#a855f7;--accent-gold:#f59e0b;--gradient-primary:linear-gradient(135deg, #00e5ff 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #00e5ff 0%, #a855f7 50%, #f43f5e 100%);--gradient-card:linear-gradient(145deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);--gradient-glow-cyan:radial-gradient(ellipse 60% 40% at 50% 0%, rgba(0,229,255,0.18) 0%, transparent 70%);--gradient-glow-purple:radial-gradient(ellipse 60% 40% at 50% 100%, rgba(124,58,237,0.15) 0%, transparent 70%);--bg-primary:#05070f;--bg-secondary:#080c18;--bg-card:#0c1120;--bg-card-2:#0f1629;--bg-hover:rgba(255,255,255,0.04);--bg-input:rgba(255,255,255,0.05);--bg-glass:rgba(12, 17, 32, 0.7);--text-primary:#f0f4ff;--text-secondary:#8892a4;--text-muted:#3d4a5c;--text-accent:#00e5ff;--border-color:rgba(0, 229, 255, 0.12);--border-subtle:rgba(255, 255, 255, 0.06);--border-card:rgba(255, 255, 255, 0.08);--border-glow:rgba(0, 229, 255, 0.35);--shadow:0 24px 80px rgba(0, 0, 0, 0.7);--shadow-card:0 8px 40px rgba(0, 0, 0, 0.5);--shadow-glow:0 0 40px rgba(0, 229, 255, 0.18);--shadow-glow-purple:0 0 40px rgba(124, 58, 237, 0.2);--shadow-btn:0 8px 32px rgba(0, 229, 255, 0.35);--shadow-btn-hover:0 16px 48px rgba(0, 229, 255, 0.45);--radius:16px;--radius-sm:10px;--radius-xs:6px;--radius-xl:24px;--font-main:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Courier New',monospace;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);--transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=light]{--accent:#0066ff;--accent-primary:#0066ff;--accent-secondary:#9333ea;--gradient-primary:linear-gradient(135deg, #0066ff 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #0066ff 0%, #9333ea 50%, #f43f5e 100%);--gradient-card:linear-gradient(145deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.005) 100%);--gradient-glow-cyan:radial-gradient(ellipse 60% 40% at 50% 0%, rgba(0,102,255,0.1) 0%, transparent 70%);--gradient-glow-purple:radial-gradient(ellipse 60% 40% at 50% 100%, rgba(124,58,237,0.08) 0%, transparent 70%);--bg-primary:#f0f4ff;--bg-secondary:#e8edf8;--bg-card:#ffffff;--bg-card-2:#f8faff;--bg-hover:rgba(0,0,0,0.03);--bg-input:rgba(0,0,0,0.04);--bg-glass:rgba(255, 255, 255, 0.85);--text-primary:#0a0e1a;--text-secondary:#4a5568;--text-muted:#94a3b8;--text-accent:#0066ff;--border-color:rgba(0, 102, 255, 0.12);--border-subtle:rgba(0, 0, 0, 0.06);--border-card:rgba(0, 0, 0, 0.08);--border-glow:rgba(0, 102, 255, 0.35);--shadow:0 24px 80px rgba(0, 0, 0, 0.1);--shadow-card:0 4px 24px rgba(0, 0, 0, 0.08);--shadow-glow:0 0 40px rgba(0, 102, 255, 0.15);--shadow-btn:0 8px 32px rgba(0, 102, 255, 0.3);--shadow-btn-hover:0 16px 48px rgba(0, 102, 255, 0.4)}body{will-change:auto;background-color:var(--bg-primary);font-family:var(--font-main);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s,color .4s}.navbar{will-change:box-shadow,background}.btn,a,button{will-change:transform,box-shadow;touch-action:manipulation}.card,.form-group,.nav-dropdown{will-change:transform,opacity}.btn:hover,button:hover{transform:translateY(-2px)}.btn-primary:active,.btn:active,button:active{transform:translateY(0)}html{scroll-behavior:smooth}*,::after,::before{margin:0;padding:0;box-sizing:border-box}.container,.container-sm{margin:0 auto;padding:0 24px}body,html{width:100%;height:100%;overflow-x:hidden}body::after,body::before{content:''}body::before{top:-20%;left:-10%;width:70%;height:70%;background:radial-gradient(ellipse,rgba(0,229,255,.06) 0,transparent 65%)}body::after{bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(124,58,237,.07) 0,transparent 65%)}[data-theme=light] body::before{background:radial-gradient(ellipse,rgba(0,102,255,.05) 0,transparent 65%)}[data-theme=light] body::after{background:radial-gradient(ellipse,rgba(124,58,237,.04) 0,transparent 65%)}#particle-canvas{top:0;left:0;width:100%;height:100%;opacity:.6}.page-wrapper{position:relative;z-index:1;animation:.6s ease-out fadeInUp}.navbar,footer,nav{position:relative;z-index:10}.container{max-width:1360px}.container-sm{max-width:780px}.navbar{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:rgba(5,7,15,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;transition:box-shadow .3s,background .3s}.btn-nav-signup,.logo-placeholder{background:var(--gradient-primary)}.nav-links a,.nav-user-menu{position:relative}.navbar.scrolled{box-shadow:0 4px 40px rgba(0,0,0,.6);background:rgba(5,7,15,.95)}[data-theme=light] .navbar{background:rgba(240,244,255,.85);border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .navbar.scrolled{background:rgba(240,244,255,.97);box-shadow:0 4px 40px rgba(0,0,0,.08)}.nav-brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:var(--transition);letter-spacing:.04em}.auth-terms a,.nav-brand:hover{color:var(--accent-primary)}.logo-placeholder{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-weight:900;color:#fff;font-size:.75rem;font-family:var(--font-mono);flex-shrink:0;box-shadow:0 4px 16px rgba(0,229,255,.3);letter-spacing:0}.btn-nav-login,.nav-links a{border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-nav-login,.btn-nav-signup,.nav-links a{letter-spacing:.01em;text-decoration:none}.nav-logo{display:inline-block;height:40px;width:auto;flex-shrink:0;object-fit:contain;filter:brightness(1) drop-shadow(0 2px 8px rgba(0, 229, 255, .2));transition:filter .3s}.nav-actions,.nav-links{display:flex;align-items:center}.btn-nav-login,.btn-nav-signup,.nav-links a,.nav-user-btn{transition:var(--transition)}.nav-brand:hover .nav-logo{filter:brightness(1.1) drop-shadow(0 4px 12px rgba(0, 229, 255, .4))}.nav-links{gap:4px;list-style:none}.nav-links a{font-weight:500;font-size:.875rem;padding:7px 14px}.nav-links a:hover{background:var(--bg-hover)}.nav-links a.active{color:var(--accent-primary);background:rgba(0,229,255,.08)}[data-theme=light] .nav-links a:hover{background:rgba(0,0,0,.05)}[data-theme=light] .nav-links a.active{background:rgba(0,102,255,.08)}.nav-actions{gap:10px}.nav-avatar,.nav-user-btn{display:flex;align-items:center}.btn-nav-login{padding:8px 18px;font-weight:600;font-size:.85rem;border:1px solid var(--border-card)}.btn-nav-login:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(0,229,255,.06)}.btn-nav-signup{padding:8px 20px;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;color:#fff;box-shadow:0 4px 16px rgba(0,229,255,.25)}.btn-nav-signup:hover{transform:translateY(-1px);box-shadow:var(--shadow-btn);color:#fff}.nav-user-btn{gap:8px;padding:7px 14px;background:rgba(0,229,255,.07);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent-primary);font-weight:600;font-size:.85rem;cursor:pointer}.nav-user-btn:hover{background:rgba(0,229,255,.12);border-color:var(--border-glow)}.nav-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);justify-content:center;font-weight:800;font-size:.7rem;color:#fff;flex-shrink:0}.nav-dropdown-section-label,.section-tag{font-weight:700;text-transform:uppercase}.nav-dropdown-item,.theme-toggle{align-items:center;cursor:pointer}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);padding:6px 0;min-width:200px;box-shadow:0 8px 32px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3),0 0 0 1px var(--border-subtle);z-index:1000;backdrop-filter:blur(24px);opacity:0;transform:translateY(6px) scale(.97);transform-origin:top right;transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none;will-change:transform,opacity;contain:layout style}.nav-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:all}.nav-dropdown-header{padding:10px 14px 8px;border-bottom:1px solid var(--border-subtle);margin-bottom:2px}.nav-dropdown-section-label{display:block;padding:6px 14px 2px;font-size:.68rem;letter-spacing:.08em;color:var(--text-muted)}.nav-dropdown-item{display:flex;gap:9px;width:100%;padding:7px 14px;background:0 0;border:none;color:var(--text-secondary);text-align:left;transition:background .12s,color .12s;font-size:.84rem;text-decoration:none;font-family:var(--font-main);line-height:1.4;border-radius:0}.auth-success,.section-header,.text-center{text-align:center}.nav-dropdown-item svg{flex-shrink:0;width:15px;height:15px;opacity:.65;transition:opacity .12s}.nav-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.section-tag,a{color:var(--accent-primary)}.nav-dropdown-item.active-page svg,.nav-dropdown-item:hover svg{opacity:1}.nav-dropdown-item.active-page{color:var(--accent-primary);background:rgba(0,229,255,.06)}.input-action:hover,.nav-dropdown-item.danger{color:var(--text-secondary)}.nav-dropdown-item.danger:hover{color:#f87171;background:rgba(248,113,113,.06)}.nav-dropdown-divider{height:1px;background:var(--border-subtle);margin:4px 0}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:6px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:var(--transition)}.theme-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-card);border-radius:100px;padding:3px 5px;transition:var(--transition);position:relative;width:64px;height:30px;flex-shrink:0}.gradient-text,.toggle-thumb{background:var(--gradient-primary)}.theme-toggle:hover{border-color:var(--border-glow)}.toggle-icons{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.68rem;pointer-events:none;padding:0 2px}.toggle-thumb{position:absolute;width:22px;height:22px;border-radius:50%;top:3px;left:4px;transition:transform .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(0,229,255,.4)}.btn,a{transition:var(--transition);text-decoration:none}[data-theme=light] .toggle-thumb{transform:translateX(32px)}.section{padding:50px 24px;position:relative;z-index:1}.section-header{margin-bottom:2rem;animation:.6s ease-out .1s both fadeInUp}.section-tag{display:inline-block;padding:5px 16px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);border-radius:100px;font-size:.72rem;letter-spacing:.12em;margin-bottom:1.25rem}.badge,.btn{display:inline-flex;align-items:center;position:relative;overflow:hidden}.section-subtitle,p{color:var(--text-secondary)}[data-theme=light] .section-tag{background:rgba(0,102,255,.07);border-color:rgba(0,102,255,.18)}.section-title{font-size:clamp(1.9rem, 3.5vw, 2.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:1rem;line-height:1.15}.badge,.btn{font-weight:700}.section-subtitle{font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.75}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--text-primary)}h1{font-size:clamp(2.2rem, 5vw, 3.5rem)}h2{font-size:clamp(1.6rem, 3vw, 2.4rem)}h3{font-size:1.3rem}h4{font-size:1.1rem}p{margin-bottom:16px;line-height:1.7}a:hover{color:var(--accent-secondary)}.text-mono{font-family:var(--font-mono)}.mt-4{margin-top:2rem}.gradient-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;justify-content:center;gap:8px;font-family:var(--font-main);white-space:nowrap;letter-spacing:.01em}.btn::after{content:'';background:rgba(255,255,255,0);transition:background .2s}.btn:hover::after{background:rgba(255,255,255,.06)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-hover);color:#fff}.btn-secondary{background:rgba(0,229,255,.07);color:var(--accent-primary);border:1px solid var(--border-color)}.btn-ghost,.card{border:1px solid var(--border-card)}.btn-secondary:hover{background:rgba(0,229,255,.14);border-color:var(--border-glow);color:var(--accent-primary);transform:translateY(-1px)}[data-theme=light] .btn-secondary{background:rgba(0,102,255,.06);color:var(--accent-primary)}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.btn-danger{background:rgba(244,63,94,.1);color:var(--accent-3);border:1px solid rgba(244,63,94,.2)}.btn-danger:hover{background:rgba(244,63,94,.18)}.btn-lg{padding:15px 32px;font-size:.95rem;border-radius:var(--radius)}.btn-sm{padding:7px 14px;font-size:.8rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.w-full{width:100%}@keyframes badgeFadeIn{from{opacity:0;transform:translateY(5px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgePulseSuccess{0%,100%{box-shadow:0 0 0 0 rgba(0,229,255,0);border-color:rgba(0,229,255,.25)}50%{box-shadow:0 0 8px 2px rgba(0,229,255,.38);border-color:rgba(0,229,255,.55)}}@keyframes badgePulseInfo{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,0);border-color:rgba(168,85,247,.25)}50%{box-shadow:0 0 8px 2px rgba(168,85,247,.38);border-color:rgba(168,85,247,.55)}}@keyframes badgePulseWarning{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0);border-color:rgba(245,158,11,.25)}50%{box-shadow:0 0 8px 2px rgba(245,158,11,.38);border-color:rgba(245,158,11,.55)}}@keyframes badgePulseDanger{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,0);border-color:rgba(244,63,94,.25)}50%{box-shadow:0 0 8px 2px rgba(244,63,94,.38);border-color:rgba(244,63,94,.55)}}@keyframes badgeRipple{from{transform:scale(0);opacity:.4}to{transform:scale(3.2);opacity:0}}.badge{gap:5px;padding:4px 12px;border-radius:100px;font-size:.7rem;letter-spacing:.04em;cursor:default;will-change:transform,opacity,box-shadow;transition:transform .22s cubic-bezier(.34, 1.56, .64, 1),box-shadow .22s,border-color .22s,background .35s;animation:.42s cubic-bezier(.34,1.56,.64,1) both badgeFadeIn}.badge::after,.nav-plan-badge::after{content:'';position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;transform:scale(0);transform-origin:center}.badge.badge-rippling::after{animation:.5s ease-out forwards badgeRipple}.badge:hover,.nav-plan-badge:hover{transform:translateY(-2px) scale(1.05)}.badge:active,.nav-plan-badge:active{transform:translateY(0) scale(.95);transition-duration:80ms}.badge-success{background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.25);color:var(--accent-primary);animation:.42s cubic-bezier(.34,1.56,.64,1) both badgeFadeIn,3.5s ease-in-out 1.2s infinite badgePulseSuccess}.badge-success:hover{background:rgba(0,229,255,.2);box-shadow:0 0 14px 3px rgba(0,229,255,.45)}.badge-info{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:var(--accent-secondary);animation:.42s cubic-bezier(.34,1.56,.64,1) both badgeFadeIn,3.5s ease-in-out 1.2s infinite badgePulseInfo}.badge-info:hover{background:rgba(168,85,247,.2);box-shadow:0 0 14px 3px rgba(168,85,247,.5)}.badge-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);color:var(--accent-gold);animation:.42s cubic-bezier(.34,1.56,.64,1) both badgeFadeIn,3.5s ease-in-out 1.2s infinite badgePulseWarning}.badge-warning:hover{background:rgba(245,158,11,.2);box-shadow:0 0 14px 3px rgba(245,158,11,.5)}.badge-danger{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.25);color:var(--accent-3);animation:.42s cubic-bezier(.34,1.56,.64,1) both badgeFadeIn,3.5s ease-in-out 1.2s infinite badgePulseDanger}.badge-danger:hover{background:rgba(244,63,94,.2);box-shadow:0 0 14px 3px rgba(244,63,94,.5)}.card{background:var(--bg-card);border-radius:var(--radius);padding:28px;transition:var(--transition);position:relative;overflow:hidden}.card::before{content:'';background:var(--gradient-card);pointer-events:none}.card:hover{border-color:rgba(0,229,255,.25);box-shadow:0 8px 40px rgba(0,0,0,.4),0 0 0 1px rgba(0,229,255,.08);transform:translateY(-2px)}[data-theme=light] .card:hover{border-color:rgba(0,102,255,.2);box-shadow:0 8px 40px rgba(0,0,0,.06),0 0 0 1px rgba(0,102,255,.06)}.form-group{margin-bottom:20px}.form-label,label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:.85rem;letter-spacing:.01em}.alert,.auth-success-icon,.auth-terms{margin-bottom:1rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-action,.input-icon{position:absolute;z-index:1;font-size:.9rem;color:var(--text-muted)}.input-icon{left:13px;pointer-events:none}.input-action{right:13px;cursor:pointer;user-select:none;transition:color .2s}.back-link,.footer-col ul li a,.support-icon{transition:var(--transition)}.form-control,input,select,textarea{width:100%;padding:12px 16px;border:1px solid var(--border-card);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-main);font-size:.9rem;transition:var(--transition);outline:0}.input-wrapper .form-control,.input-wrapper input{padding-left:40px}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:rgba(0,229,255,.04);box-shadow:0 0 0 3px rgba(0,229,255,.1)}[data-theme=light] .form-control:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{background:rgba(0,102,255,.04);box-shadow:0 0 0 3px rgba(0,102,255,.1)}input[type=checkbox],input[type=radio]{width:auto;margin-right:8px}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233d4a5c' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px;cursor:pointer}.form-error{font-size:.78rem;color:var(--accent-3);margin-top:5px;display:none}.form-error.visible{display:block}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.55}.alert-info{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);color:var(--accent-secondary)}.alert-success{background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.2);color:var(--accent-primary)}.alert-error{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.2);color:var(--accent-3)}.auth-success{padding:1rem 0}.auth-success-icon{font-size:3rem;display:block}.auth-terms{font-size:.78rem;color:var(--text-muted);line-height:1.5}.back-link,.footer-brand p,.footer-col ul li a{color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.back-link:hover{color:var(--text-primary)}.strength-text{font-size:.7rem;color:var(--text-muted)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;contain:layout style}.toast,.toast-error,.toast-info,.toast-success,.toast-warning{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:14px 18px;min-width:290px;max-width:400px;display:flex;align-items:center;gap:12px;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;box-shadow:var(--shadow);color:var(--text-primary);font-size:.875rem;backdrop-filter:blur(20px);will-change:transform,opacity}.footer,.footer-bottom{border-top:1px solid var(--border-subtle)}.toast-success,.toast.success{border-left:3px solid var(--accent-primary)}.toast-error,.toast.error{border-left:3px solid var(--accent-3)}.toast-info,.toast.info{border-left:3px solid var(--accent-secondary)}.toast-warning{border-left:3px solid var(--accent-gold)}.footer{background:rgba(5,7,15,.9);padding:64px 24px 36px;position:relative;z-index:1}.footer::before,.scan-line,body.nav-mobile-open .nav-links{position:absolute;left:0;right:0}.footer::before{content:'';top:0;height:1px;background:var(--gradient-primary);opacity:.4}[data-theme=light] .footer{background:rgba(232,237,248,.9)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}.footer-brand p{font-size:.875rem;margin-top:1rem;max-width:280px;line-height:1.7}.footer-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.25rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-bottom,.support-link{align-items:center;gap:.5rem}.footer-col ul li a{font-size:.875rem}.footer-col ul li a:hover{color:var(--accent-primary);padding-left:4px}.support-link{display:inline-flex}.support-icon{width:18px;height:18px;flex-shrink:0}.support-link:hover .support-icon{transform:scale(1.15)}.footer-bottom{display:flex;justify-content:space-between;padding-top:1.75rem;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpOpen{0%{opacity:0;transform:translateY(15px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes scanLine{0%{top:0;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}.scan-line{height:2px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.9),transparent);animation:2.5s ease-in-out infinite scanLine;pointer-events:none;box-shadow:0 0 8px rgba(0,229,255,.5)}.animate-fade-in-up,.stagger-children>*{animation:.6s both fadeInUp}.stagger-children>:first-child,body.nav-mobile-open .nav-links li:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.12s}.stagger-children>:nth-child(3){animation-delay:.19s}.stagger-children>:nth-child(4){animation-delay:.26s}.stagger-children>:nth-child(5){animation-delay:.33s}.stagger-children>:nth-child(6){animation-delay:.4s}.hidden{display:none!important}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-3{margin-bottom:1.5rem}.mt-3{margin-top:1.5rem}body.nav-mobile-open .nav-links{display:flex;flex-direction:column;top:100%;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:20px;z-index:99;backdrop-filter:blur(24px);opacity:0;transition:.4s cubic-bezier(.16, 1, .3, 1);pointer-events:none;opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}body.nav-mobile-open .nav-links li{animation:.4s cubic-bezier(.16,1,.3,1) both slideUpOpen;width:100%}body.nav-mobile-open .nav-links li:nth-child(2){animation-delay:.1s}body.nav-mobile-open .nav-links li:nth-child(3){animation-delay:.15s}body.nav-mobile-open .nav-links li:nth-child(4){animation-delay:.2s}body.nav-mobile-open .nav-links li:nth-child(5){animation-delay:.25s}body.nav-mobile-open .nav-links a{display:block;padding:10px 14px}@media (max-width:900px){.nav-hamburger{display:flex}.nav-links{display:none}.navbar{padding:14px 20px}}@media (max-width:640px){.container,.container-sm{padding:0 16px}.section{padding:60px 16px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.btn-nav-login{display:none}}@keyframes roleBadgeFadeIn{from{opacity:0;transform:translateY(6px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes roleBadgePulseStarter{0%,100%{box-shadow:0 0 0 0 rgba(0,229,255,0);border-color:rgba(0,229,255,.3)}50%{box-shadow:0 0 8px 2px rgba(0,229,255,.38);border-color:rgba(0,229,255,.6)}}@keyframes roleBadgePulsePro{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,0);border-color:rgba(168,85,247,.3)}50%{box-shadow:0 0 8px 2px rgba(168,85,247,.38);border-color:rgba(168,85,247,.6)}}@keyframes roleBadgePulseElite{0%,100%{box-shadow:0 0 0 0 rgba(255,170,0,0);border-color:rgba(255,170,0,.3)}50%{box-shadow:0 0 8px 2px rgba(255,170,0,.38);border-color:rgba(255,170,0,.6)}}@keyframes roleBadgePulseAdmin{0%,100%{box-shadow:0 0 0 0 rgba(255,170,0,0);border-color:rgba(255,170,0,.3)}50%{box-shadow:0 0 12px 3px rgba(255,170,0,.5);border-color:rgba(255,170,0,.75)}}@keyframes roleBadgeRipple{from{transform:scale(0);opacity:.4}to{transform:scale(3.2);opacity:0}}.nav-plan-badge{display:inline-block;position:relative;padding:.2rem .55rem;border-radius:20px;font-size:.7rem;font-weight:700;margin-top:.25rem;cursor:default;overflow:hidden;will-change:transform,opacity,box-shadow;transition:transform .22s cubic-bezier(.34, 1.56, .64, 1),box-shadow .22s,border-color .22s,background .35s,color .35s;animation:.45s cubic-bezier(.34,1.56,.64,1) both roleBadgeFadeIn}.nav-plan-badge.badge-rippling::after{animation:.55s ease-out forwards roleBadgeRipple}.nav-plan-free_trial,.nav-plan-starter{background:rgba(0,229,255,.15);color:#00e5ff;border:1px solid rgba(0,229,255,.3);animation:.45s cubic-bezier(.34,1.56,.64,1) both roleBadgeFadeIn,3.5s ease-in-out 1.2s infinite roleBadgePulseStarter}.nav-plan-free_trial:hover,.nav-plan-starter:hover{background:rgba(0,229,255,.25);box-shadow:0 0 16px 4px rgba(0,229,255,.5)}.nav-plan-pro{background:rgba(138,43,226,.15);color:#a855f7;border:1px solid rgba(138,43,226,.3);animation:.45s cubic-bezier(.34,1.56,.64,1) both roleBadgeFadeIn,3.5s ease-in-out 1.2s infinite roleBadgePulsePro}.nav-plan-admin,.nav-plan-elite{background:rgba(255,170,0,.15);color:#fa0;border:1px solid rgba(255,170,0,.3)}.nav-plan-pro:hover{background:rgba(168,85,247,.25);box-shadow:0 0 16px 4px rgba(168,85,247,.55)}.nav-plan-elite{animation:.45s cubic-bezier(.34,1.56,.64,1) both roleBadgeFadeIn,3.5s ease-in-out 1.2s infinite roleBadgePulseElite}.nav-plan-elite:hover{background:rgba(255,170,0,.25);box-shadow:0 0 16px 4px rgba(255,170,0,.5)}.nav-plan-admin{animation:.45s cubic-bezier(.34,1.56,.64,1) both roleBadgeFadeIn,3s ease-in-out 1.2s infinite roleBadgePulseAdmin}.nav-plan-admin:hover{background:rgba(255,170,0,.28);box-shadow:0 0 18px 5px rgba(255,170,0,.6)}