:root{--bg-main:#05070a;--bg-card:#0d111a;--bg-accent:#1a1f2e;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-glow:#3b82f680;--accent:#10b981;--accent-glow:#10b9814d;--danger:#ef4444;--warning:#f59e0b;--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text-main);background:var(--bg-main);font-weight:400;line-height:1.6}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-main);margin:0;overflow-x:hidden}h1,h2,h3,h4,.display-font{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}#root{min-height:100vh}.layout{max-width:1200px;margin:0 auto;padding:2rem}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d111ab3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#3b82f6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.subtitle{color:var(--text-muted);margin:0;font-size:1rem}.nav{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:12px;padding:.6rem 1.2rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--text-main);background:var(--bg-accent)}.nav-link.active{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow)}.content,.stack{gap:1.5rem;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.card{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem;transition:transform .3s,border-color .3s}.card:hover{border-color:var(--primary);transform:translateY(-4px)}.form{gap:1.5rem;max-width:500px;margin:0 auto;display:grid}.field{gap:.5rem;display:grid}label{color:var(--text-muted);font-size:.9rem;font-weight:500}input,textarea,select{background:var(--bg-accent);color:#fff;width:100%;font-family:var(--font-body);border:1px solid #ffffff1a;border-radius:10px;padding:.8rem 1rem;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}button{cursor:pointer;font-family:var(--font-display);border:none;border-radius:10px;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}button.primary{background:var(--primary);color:#fff}button.primary:hover{filter:brightness(1.1);box-shadow:0 0 25px var(--primary-glow)}button.outline{border:1px solid var(--primary);color:var(--primary);background:0 0}button.outline:hover{background:var(--primary);color:#fff}.fade-in{animation:.6s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary,.btn-secondary{color:#fff;cursor:pointer;background:#2a4f93;border:1px solid #335ca8;border-radius:8px;padding:.55rem .8rem}.btn-secondary{background:#1f343d;border-color:#35515f}.chip{background:#16365a;border:1px solid #285b99;border-radius:999px;padding:.35rem .7rem}.row{align-items:center;display:flex}.gap{gap:.6rem}.centered-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.muted{color:#9ca3af;margin:0}.error{color:#fda4af;margin:0}h2,h3{margin:0 0 .4rem}