:root{
    --bg:#020617;
    --panel:rgba(255,255,255,.08);
    --border:rgba(255,255,255,.14);
    --text:#e5e7eb;
    --muted:#94a3b8;
    --blue:#3b82f6;
    --green:#22c55e;
    --red:#ef4444;
}
*{box-sizing:border-box}
body{
    margin:0;
    min-height:100vh;
    font-family:Arial,sans-serif;
    background:
        radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 34%),
        radial-gradient(circle at bottom right,rgba(34,197,94,.12),transparent 30%),
        var(--bg);
    color:var(--text);
}
a{color:#bfdbfe;text-decoration:none}
a:hover{text-decoration:underline}
.topbar{border-bottom:1px solid var(--border);background:rgba(2,6,23,.78);backdrop-filter:blur(16px)}
.topbar-inner{width:min(1160px,92vw);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:900}
.logo{width:36px;height:36px;border-radius:13px;background:linear-gradient(135deg,#3b82f6,#22c55e);box-shadow:0 15px 40px rgba(59,130,246,.35)}
.nav{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px;flex-wrap:wrap}
.wrap{width:min(1160px,92vw);margin:0 auto;padding:44px 0}
.card{background:var(--panel);border:1px solid var(--border);border-radius:26px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.subcard{background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:18px;padding:18px}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(59,130,246,.16);color:#bfdbfe;margin-bottom:18px;font-size:14px}
h1{font-size:clamp(40px,6vw,66px);line-height:.95;letter-spacing:-2px;margin:0 0 18px}
h2{margin:0 0 18px;font-size:30px;letter-spacing:-1px}
h3{margin:0 0 10px}
p{color:#cbd5e1;line-height:1.65;font-size:17px}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.form{display:grid;gap:16px}label{font-weight:800;font-size:14px;color:#dbeafe}
input,textarea,select{width:100%;margin-top:7px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(15,23,42,.9);color:var(--text);font-size:16px;outline:none}
textarea{min-height:120px;resize:vertical}input:focus,textarea:focus{border-color:rgba(59,130,246,.8);box-shadow:0 0 0 4px rgba(59,130,246,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 18px;background:var(--blue);color:white;font-weight:900;font-size:15px;cursor:pointer;text-decoration:none}.btn:hover{background:#2563eb;text-decoration:none}
.btn-secondary{background:rgba(255,255,255,.10);border:1px solid var(--border)}.btn-secondary:hover{background:rgba(255,255,255,.16)}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.alert{border-radius:14px;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.12);color:#fecaca}.success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12);color:#bbf7d0}
table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px;margin-top:16px}th,td{padding:14px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left}th{color:#bfdbfe;font-size:13px;text-transform:uppercase;letter-spacing:.7px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(34,197,94,.14);color:#bbf7d0;font-size:12px;font-weight:800}
@media(max-width:840px){.grid,.hero{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column}}