@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-bg-base:#04080f;--color-bg-panel:#0a1628;--color-bg-panel-alt:#0d1f3c;--color-bg-surface:#124;--color-bg-hover:#162d55;--color-primary:#00d4aa;--color-primary-dim:#00a882;--color-text-primary:#e8f4ff;--color-text-secondary:#8ba7c7;--color-text-muted:#4a6580;--color-success:#00e676;--color-warning:#ffab00;--color-danger:#ff4d6a;--color-info:#40c4ff;--color-purple-accent:#b388ff;--color-border-subtle:hsla(0,0%,100%,.07);--background:#04080f;--foreground:#e8f4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%}body{background:var(--background);color:var(--foreground);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a1628}::-webkit-scrollbar-thumb{background:#162d55;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4aa44}.glass{background:rgba(10,22,40,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08)}.glow-teal{box-shadow:0 0 20px rgba(0,212,170,.3)}.glow-red{box-shadow:0 0 20px rgba(255,77,106,.4)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes count-up-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 rgba(0,230,118,.7)}50%{box-shadow:0 0 0 6px rgba(0,230,118,0)}}@keyframes slideInToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}.float-card{animation:float 4s ease-in-out infinite}.float-card-2{animation:float 5s ease-in-out 1s infinite}.float-card-3{animation:float 6s ease-in-out 2s infinite}.count-up{animation:count-up-fade .6s ease-out forwards}.live-dot{animation:live-pulse 1.5s ease-in-out infinite}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,212,170,.4),rgba(64,196,255,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.nav-active{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(0,212,170,.08)}.text-gradient-teal{background:linear-gradient(135deg,#00d4aa,#40c4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kill-switch-btn:hover{border-color:#ff4d6a!important;box-shadow:0 0 20px rgba(255,77,106,.4);color:#ff4d6a!important}.chart-area-gradient{background:linear-gradient(180deg,rgba(0,212,170,.2),rgba(0,212,170,.05) 60%,transparent)}.app-shell{display:flex;height:100vh;overflow:hidden}.app-shell,.main-content{background:var(--color-bg-base)}.main-content{flex:1 1;overflow-y:auto}.auth-container{display:grid;grid-template-columns:3fr 2fr;height:100vh;overflow:hidden}.auth-panel-left{background:linear-gradient(135deg,#04080f,#0a1628);overflow:hidden;max-height:100vh;padding:40px;position:relative;display:flex;flex-direction:column}.auth-panel-right{display:flex;align-items:center;justify-content:center;background:#07111f;padding:40px}.footer-link{color:var(--color-text-muted);transition:color .2s;text-decoration:none}.footer-link:hover{color:var(--color-primary)}.ticker-track{animation:ticker 40s linear infinite}.ticker-track:hover{animation-play-state:paused}.auth-wrap{display:grid;grid-template-columns:3fr 2fr;height:100vh;overflow:hidden;background:#04080f}.auth-form-box{width:100%;max-width:420px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,212,170,.12);color:#00d4aa;border:1px solid rgba(0,212,170,.25)}.input{width:100%;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.09);border-radius:10px;padding:12px 16px;color:#e8f4ff;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.input::placeholder{color:#4a6580}.input:focus{border-color:rgba(0,212,170,.4);box-shadow:0 0 0 3px rgba(0,212,170,.08)}.otp-input{font-size:28px;font-weight:700;letter-spacing:.3em;text-align:center;font-family:JetBrains Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;padding:12px 20px;font-family:inherit;text-decoration:none}.btn-full{width:100%;box-sizing:border-box}.btn-primary{background:#00d4aa;color:#04080f}.btn-primary:hover:not(:disabled){background:#00b894;box-shadow:0 4px 16px rgba(0,212,170,.3)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.09);color:#e8f4ff}.btn-ghost:hover:not(:disabled){background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;color:#4a6580;font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.07)}.alert{padding:12px 16px;border-radius:10px;font-size:13px}.alert-error{background:rgba(255,77,106,.12);color:#ff4d6a;border:1px solid rgba(255,77,106,.25)}.alert-success{background:rgba(0,230,118,.1);color:#00e676;border:1px solid rgba(0,230,118,.2)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(4,8,15,.3);border-top-color:#04080f;border-radius:50%;animation:spin .7s linear infinite}:root{--teal:#00d4aa;--teal-dim:rgba(0,212,170,.15);--danger:#ff4d6a;--warning:#ffab00;--success:#00e676;--border:hsla(0,0%,100%,.09)}.text-secondary{color:#8ba7c7}.text-muted{color:#4a6580}.text-sm{font-size:13px}:root{--primary:#00d4aa;--primary-dim:rgba(0,212,170,.15);--bg-base:#04080f;--bg-panel:#0a1628;--bg-surface:#124;--text-primary:#e8f4ff;--text-secondary:#8ba7c7;--text-muted:#4a6580;--border:hsla(0,0%,100%,.07);--success-dim:rgba(0,230,118,.12);--warning-dim:rgba(255,171,0,.12);--danger-dim:rgba(255,77,106,.12);--info-dim:rgba(64,196,255,.12);--purple:#b388ff;--purple-dim:rgba(179,136,255,.12);--info:#40c4ff;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px}.marketing-layout{min-height:100vh;background:var(--bg-base);color:var(--text-primary)}.marketing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:rgba(4,8,15,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.marketing-nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.marketing-nav-link:hover{color:var(--text-primary)}.hero-gradient-text{background:linear-gradient(135deg,#00d4aa,#40c4ff,#b388ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid,.grid-2{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.card-glass{background:rgba(10,22,40,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl)}.avatar{width:38px;height:38px;border-radius:50%;background:rgba(0,212,170,.15);color:#00d4aa;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.card{background:var(--bg-panel,var(--color-bg-panel));border:1px solid var(--border,var(--color-border-subtle));border-radius:12px;padding:24px}.btn-danger{background:rgba(255,77,106,.12);border:1px solid rgba(255,77,106,.3);color:var(--color-danger,#ff4d6a)}.btn-danger:hover:not(:disabled){background:rgba(255,77,106,.2);box-shadow:0 0 12px rgba(255,77,106,.2)}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 8px;font-size:11px}.text-xs{font-size:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px}.backup-code{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.1em;color:var(--teal,#00d4aa);background:rgba(0,212,170,.06);border:1px solid rgba(0,212,170,.15);border-radius:6px;padding:8px 12px;text-align:center}.btn-secondary{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:var(--text-secondary)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}