:root{--bg:#050816;--panel:rgba(255,255,255,.075);--line:rgba(255,255,255,.14);--text:#f8fafc;--muted:#a7b3c8;--cyan:#22d3ee;--green:#22c55e;--violet:#8b5cf6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 600px at 12% 0,rgba(34,211,238,.15),transparent 60%),radial-gradient(800px 540px at 90% 10%,rgba(139,92,246,.13),transparent 58%),linear-gradient(180deg,#050816,#071124);color:var(--text);font-family:Inter,system-ui,sans-serif}.nav{height:64px;display:flex;align-items:center;gap:20px;padding:0 clamp(18px,4vw,48px)}.nav a{color:#dbeafe;text-decoration:none;font-weight:900}.nav .brand{margin-right:auto;color:#a5f3fc}.wrap{width:min(1100px,calc(100% - 32px));margin:auto;padding:46px 0 80px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#a5f3fc;background:rgba(255,255,255,.05)}h1{font-size:clamp(42px,8vw,88px);line-height:.92;letter-spacing:-.08em;margin:16px 0}p{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.card,.formBox{border:1px solid var(--line);border-radius:28px;background:var(--panel);padding:22px;box-shadow:0 24px 90px rgba(0,0,0,.24)}.card a{color:#dffbff;text-decoration:none}.card b{font-size:22px}.formBox{position:sticky;top:20px}label{display:block;color:#dbeafe;font-weight:800;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.22);color:white;border-radius:16px;padding:13px 14px;font:inherit}textarea{min-height:130px}button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#03121c;font-weight:950;padding:13px 18px;margin-top:14px;cursor:pointer}.status{margin-top:12px;color:#a7f3d0;font-weight:800}.list{display:grid;gap:14px;margin-top:20px}.item{border-left:3px solid var(--cyan);padding:12px 14px;background:rgba(255,255,255,.05);border-radius:16px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs a{border:1px solid var(--line);border-radius:999px;padding:10px 13px;color:#dbeafe;text-decoration:none;font-weight:900}.tabs .active{background:rgba(34,211,238,.14);color:#a5f3fc}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}.formBox{position:static}.nav{gap:12px}.nav a{font-size:13px}}