:root {
  --bg: #0C0E0F; --card: #131619; --text: #ECEFF3; --muted: #A7B0B5;
  --brand: #4E9FFF; --brand-strong: #1E7BFF; --stroke: rgba(255,255,255,0.08);
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.5}
.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 36px} header{text-align:center;margin-top:16px}
.badge{display:inline-block;padding:8px 12px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted);font-size:14px}
h1{font-size:clamp(28px,4vw,44px);margin:16px 0 12px} @media (min-width:1024px){h1{white-space:nowrap}}
.sub{max-width:820px;margin:0 auto;color:var(--muted);font-size:16px}
.grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:24px;margin-top:28px;align-items:start}
@media (max-width:880px){.grid{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0));border:1px solid var(--stroke);border-radius:16px;padding:22px;height:auto}
.list{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:10px}
.list li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.dot{width:10px;height:10px;margin-top:8px;border-radius:50%;background:var(--brand)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.kpi{background:rgba(255,255,255,0.05);border:1px solid var(--stroke);border-radius:12px;padding:14px;text-align:center}
.kpi .v{font-weight:800;font-size:18px} .kpi .k{color:var(--muted);font-size:12px;margin-top:2px}
form{display:grid;gap:12px} label{font-size:13px;color:var(--muted)}
input,select,textarea{width:100%;background:#0f1215;color:var(--text);border:1px solid var(--stroke);border-radius:10px;padding:12px 12px;font-size:15px;outline:none}
input:focus,select:focus,textarea:focus{border-color:rgba(78,159,255,0.6)} textarea{min-height:88px;resize:vertical}
.cta{display:flex;gap:12px;align-items:center;margin-top:6px}
button[type=submit]{background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:#fff;border:none;padding:14px 18px;font-weight:700;border-radius:12px;cursor:pointer;font-size:16px}
select{-webkit-appearance:none;appearance:none;border-radius:10px;min-height:48px;line-height:1.4}
@media (max-width:880px){.kpi{padding:12px}.kpi .v{font-size:16px;white-space:nowrap}.kpi .k{font-size:11px}select{padding-top:12px;padding-bottom:12px}}
footer{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}
.small{font-size:12px;color:var(--muted)} .hide{display:none !important}
.success{border:1px solid rgba(61,220,151,0.35);background:rgba(61,220,151,0.08);color:var(--text);padding:14px;border-radius:12px}
.error{border:1px solid rgba(255,107,107,0.35);background:rgba(255,107,107,0.08);color:var(--text);padding:14px;border-radius:12px}