html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#e6f0f3;background:#02131a;font-family:Inter,system-ui,Arial,sans-serif}a{text-decoration:none}.page{background:radial-gradient(circle at 0 0,#00e0ff29,#0000 22%),radial-gradient(circle at 20% 30%,#c8f0001a,#0000 18%),linear-gradient(#03131a 0%,#06202a 45%,#082a35 100%);min-height:100vh}.hero{padding:28px 32px 20px}.nav{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto 24px;display:flex}.nav-actions{align-items:center;gap:14px;display:flex}.brand{align-items:center;display:inline-flex}.brand-logo{width:auto;height:64px;display:block}.hero-content{max-width:1400px;margin:0 auto;padding:48px 0 10px}.eyebrow{color:#39e6c5;text-transform:uppercase;letter-spacing:.01em;margin:0 0 16px;font-size:16px;font-weight:800}h1{color:#e8eff2;max-width:1400px;margin:0;font-size:64px;line-height:1.05}.subtext{color:#d7e9ef;width:100%;max-width:none;margin:24px 0 0;font-size:20px;line-height:1.6}.btn{border-radius:12px;padding:14px 22px;font-weight:800;transition:all .2s;display:inline-block}.btn-primary{color:#06232b;background:#2fd3cf;border:1px solid #0000}.section{max-width:1400px;margin:-20px auto 80px;padding:0 0 80px}.section h2{color:#fff;margin:24px 0 16px;font-size:32px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}.card{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:24px;transition:all .25s}.card:hover{border-color:#00ffc866;transform:translateY(-6px);box-shadow:0 20px 60px #00000059}.card:hover .feature-icon{filter:drop-shadow(0 0 12px #b4ff0099)}.card p{color:#e3edf1;margin:0;font-size:15px;line-height:1.6}.feature-icon{opacity:.98;width:auto;height:140px;margin:0 auto 20px;display:block}@media (width<=900px){.hero{padding:20px 20px 10px}.nav{flex-direction:column;align-items:flex-start;margin-bottom:40px}.nav-actions{flex-wrap:wrap}.hero-content{padding:24px 0 20px}h1{font-size:42px}.subtext{max-width:100%;font-size:18px}.section{margin:0 auto 60px;padding:0 20px 60px}.grid{grid-template-columns:1fr}}.btn{cursor:pointer;transition:all .2s}.btn-primary:hover{color:#fff;background:0 0;border:1px solid #00ffc899;transform:translateY(-2px)}.btn-secondary:hover{color:#39e6c5;background:#00ffc80d;border-color:#00ffc899;transform:translateY(-2px)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000810b8;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#070d1c;border:1px solid #ffffff1f;border-radius:22px;width:min(700px,100vw - 40px);padding:32px;box-shadow:0 24px 80px #00000073}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;width:100%;margin-top:16px;padding:14px 16px;font-size:15px}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-weight:600;transition:all .15s}.btn:hover{transform:translateY(-1px)}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:#ff8080;background:#ff505026;border:1px solid #ff50504d}.btn-danger:hover{background:#ff505040}.breadcrumbs{flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.breadcrumb-item{align-items:center;gap:8px;display:flex}.breadcrumb-link{color:#b7ff00;cursor:pointer;font-weight:600;transition:opacity .15s}.breadcrumb-link:hover{opacity:.75}.breadcrumb-current{color:#fff;font-weight:700}.breadcrumb-separator{color:#ffffff59}.modal-select,.modal-select option{color:#000;background:#fff}:root{--md-bg:#07111f;--md-surface:#ffffff09;--md-surface-strong:#fff1;--md-border:#ffffff17;--md-text:#fff;--md-text-muted:#ffffffad;--md-text-soft:#ffffff7a;--md-primary:#38bdf8;--md-success:#22c55e;--md-warning:#f59e0b;--md-danger:#ef4444;--md-space-1:4px;--md-space-2:8px;--md-space-3:12px;--md-space-4:16px;--md-space-5:24px;--md-space-6:32px;--md-radius-sm:8px;--md-radius-md:12px;--md-radius-lg:18px;--md-radius-pill:999px;--md-page-max:1440px;--md-mobile:767px;--md-tablet:1023px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%}body{background:var(--md-bg);color:var(--md-text);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}img{max-width:100%}