/* Minimal dark theme for CIT */
:root{
  --bg:#0b1220;--bg2:#0e1526;--card:#0f172a;--muted:#94a3b8;--text:#e5edf5;--acc:#22d3ee;--ring:#155e75;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg, rgba(11,18,32,.90), rgba(14,21,38,.90)), url('back.png') center/cover fixed no-repeat;color:var(--text);font:16px/1.6 system-ui,Segoe UI,Roboto,Ubuntu,'Inter',sans-serif}
a{color:var(--acc);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}
.center{text-align:center}
.nav{position:sticky;top:0;z-index:10;background:rgba(11,18,32,.8);backdrop-filter:saturate(1.1) blur(12px);border-bottom:1px solid #1e293b}
.logo{font-weight:700;letter-spacing:.3px;padding:14px 0}
.logo span{color:var(--acc)}
.menu a{color:#cbd5e1;margin-left:16px}
.menu a:hover{color:#fff}
.hero{padding:64px 0 24px}
.badge{display:inline-block;border:1px solid #1f2937;background:#0b1220b3;padding:6px 10px;border-radius:999px;color:#cdebf3;font-size:12px}
.hero h1{font-size:44px;line-height:1.2;margin:16px 0 10px}
.hero h1 em{background:linear-gradient(90deg,#67e8f9,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--muted);max-width:750px;margin:0 auto 22px}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px auto 0;max-width:680px}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}
.k{font-size:20px;color:#67e8f9;font-weight:700}
.v{font-size:12px;color:#b6c3d1}
.section{padding:56px 0}
.section.alt{background:rgba(255,255,255,.02)}
h2{font-size:28px;margin:0 0 16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.chip{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}
.chip span{display:block;color:#9fb0c4;font-size:12px}
.form label{display:block;font-size:14px;color:#dbe7f1}
input,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;outline:none}
input::placeholder,textarea::placeholder{color:#9fb0c4}
input:focus,textarea:focus{box-shadow:0 0 0 3px #0ea5b81f;border-color:#0ea5b8}
.btn{appearance:none;border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(90deg,#22d3ee,#60a5fa);color:#0a1220;font-weight:700;cursor:pointer;margin-top:8px}
.btn:hover{filter:brightness(1.05)}
.hint{color:#9fb0c4;font-size:12px;margin-top:8px}
.footer{border-top:1px solid #1e293b;background:#0b1220; padding:18px 0;color:#a8b4c2}
.links a{margin-left:16px;color:#cbd5e1}
.links a:hover{color:#fff}
.alert{margin:16px auto 0;max-width:680px;padding:12px 14px;border-radius:12px;font-size:14px}
.alert.ok{background:#052e2a;border:1px solid #134e4a;color:#a7f3d0}
.alert.err{background:#3c1a1a;border:1px solid #7f1d1d;color:#fecaca}
.hp{position:absolute;left:-5000px;visibility:hidden}
@media (max-width:900px){.grid-3{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.hero h1{font-size:36px}}