:root{
  --bg:#0f172a; --text:#111827; --accent:#22c55e;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e5e7eb;color:#111827}
a{color:inherit;text-decoration:none}
.header{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:20px 0}
.wrap{max-width:1150px;margin:0 auto;padding:0 24px}
.brand{font-size:30px;font-weight:700}
.sub{color:#cbd5e1;margin-top:6px}
.nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.nav a{background:rgba(255,255,255,.08);padding:10px 14px;border-radius:10px}
.hero{display:grid;grid-template-columns:1.2fr .9fr;gap:24px;padding:32px 0}
.card{background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.hero-panel{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:22px;padding:28px}
.badge{display:inline-block;background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(134,239,172,.35);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero-panel h1{font-size:42px;line-height:1.1;margin:10px 0 14px}
.hero-panel p{color:#d1d5db;font-size:16px;line-height:1.6}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{padding:12px 16px;border-radius:12px;font-weight:700;display:inline-block}
.btn.primary{background:#22c55e;color:#052e16}
.btn.secondary{border:1px solid rgba(255,255,255,.25);color:#fff}
h2,h3{margin:0 0 12px}
label{display:block;font-size:14px;font-weight:700;margin:14px 0 6px}
input,select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font-size:15px}
button{border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}
button.dark{background:#111827;color:#fff;width:100%;margin-top:14px}
button.light{background:#fff;border:1px solid #cbd5e1;color:#111827;width:100%;margin-top:14px}
.small{font-size:14px;color:#64748b}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:4px 0 28px}
.stat{background:#111827;color:#fff;border-radius:18px;padding:20px}
.stat .label{font-size:14px;color:#cbd5e1}
.stat .value{font-size:34px;font-weight:800;margin:10px 0 6px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-tag{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#16a34a;margin-bottom:10px}
ul{padding-left:18px;line-height:1.7}
.section{padding-bottom:30px}
.table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border-radius:16px;overflow:hidden}
.table th,.table td{padding:14px;border-bottom:1px solid #e2e8f0;text-align:left}
.table th{background:#0f172a;color:#fff}
.footer{padding:30px 0 50px;color:#64748b;font-size:14px}
@media (max-width:900px){.hero,.stats,.grid3{grid-template-columns:1fr}.hero-panel h1{font-size:34px}}