:root{--bg:#f4f7fb;--card:#fff;--text:#142033;--muted:#718096;--line:#dce5ef;--primary:#2563eb;--soft:#eaf2ff;--shadow:0 12px 35px rgba(15,23,42,.08)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#dbeafe,transparent 28%),var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}
.topbar{height:72px;display:flex;align-items:center;gap:20px;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#173b9c);color:#fff;display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:17px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.topbar nav{display:flex;gap:5px;align-items:center}.topbar nav a{padding:9px 11px;border-radius:10px;font-size:11px;font-weight:800;color:#526174}.topbar nav a:hover{background:var(--soft);color:#1757c7}.topbar nav .nav-cta{background:var(--primary);color:#fff}.theme{border:1px solid var(--line);background:var(--card);border-radius:10px;width:38px;height:38px;cursor:pointer}
.wrap{max-width:1150px;margin:0 auto;padding:34px 20px}.hero{margin-bottom:20px}.eyebrow{color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.hero h1{font-size:30px;margin:7px 0}.hero p{color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card-head h2{margin:0;font-size:16px}.body{padding:20px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);outline:none}.field input:focus,.field textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px var(--soft)}.btn{border:0;border-radius:10px;padding:11px 15px;background:var(--primary);color:#fff;font-weight:900;cursor:pointer}.hint{font-size:11px;color:var(--muted);margin-top:8px}.alert{padding:11px 13px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:11px;margin-bottom:12px}
@media(max-width:850px){.topbar{padding:0 14px}.topbar nav{display:none}.wrap{padding:22px 12px}.grid{grid-template-columns:1fr}}
body.dark{--bg:#09111f;--card:#111a2b;--text:#e6edf7;--muted:#91a0b6;--line:#25344c;--soft:#172d50;--shadow:0 15px 35px rgba(0,0,0,.25)}body.dark .topbar{background:rgba(13,21,36,.94)}