*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:#0e1220;background:#0a0c12}
img{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3,h4{margin:0 0 .6rem 0;line-height:1.2}
p{margin:0 0 1rem 0}
a{color:var(--c-accent);text-decoration:none}
a:hover{opacity:.85}
:root{
    --c-bg:#0a0c12;--c-bg-2:#121624;--c-card:#0f1526;--c-text:#e9eef7;--c-muted:#b6c1d9;
    --c-accent:#89f5c1;--c-accent-2:#5bd0ff;--c-danger:#ff6a88;--c-ok:#7bf17d;--c-warn:#ffd36a;
    --radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35)
}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 18px}
.section{padding:72px 0}
.section.light{background:#f7fafc;color:#1b2237}
.section.dark{background:var(--c-bg-2);color:var(--c-text)}
.section.gradient{background:linear-gradient(130deg,var(--c-bg-2) 0%,#0a1020 40%,#111a35 100%)}
.card{background:var(--c-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.card.light{background:#ffffff}
.badge{display:inline-flex;gap:.5rem;align-items:center;padding:.35rem .7rem;border-radius:999px;font-weight:700;font-size:.825rem}
.badge.ok{background:rgba(123,241,125,.15);color:var(--c-ok)}
.badge.warn{background:rgba(255,211,106,.15);color:var(--c-warn)}
.badge.accent{background:rgba(137,245,193,.12);color:var(--c-accent)}
.btn{display:inline-block;border:0;border-radius:14px;padding:.9rem 1.2rem;font-weight:800;cursor:pointer}
.btn.primary{background:var(--c-accent);color:#052018}
.btn.line{background:transparent;border:2px solid var(--c-accent);color:var(--c-accent)}
.btn.light{background:#121a2f;color:#e9eef7;border:1px solid #223056}
.grid{display:grid;gap:24px}
.grid.cols-2{grid-template-columns:1fr;gap:28px}
.grid.cols-3{grid-template-columns:1fr;gap:28px}
@media (min-width:768px){.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.hero{min-height:68vh;display:flex;align-items:center;position:relative;color:var(--c-text);background-size:cover;background-position:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,18,.65),rgba(10,12,18,.85))}
.hero>*{position:relative;z-index:2}
.hero .lead{color:var(--c-muted)}
.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--c-accent);font-weight:800}
.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);margin:24px 0}
.icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#111a32;color:var(--c-accent)}
.icon.light{background:#e8f2ff;color:#134a8e}
.figure{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.form{display:grid;gap:14px}
.input,.textarea,.select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #223056;background:#0c1327;color:#e9eef7}
.textarea{min-height:140px;resize:vertical}
.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(137,245,193,.18)}
footer{background:#05070d;color:#98a6c9}
footer a{color:#b9c6e6}
.fab{position:absolute;inset:auto auto -35px auto;left:50%;transform:translateX(-50%);width:160px;height:160px;background:radial-gradient(120px 120px at 70% 30%,rgba(137,245,193,.35),transparent 60%),radial-gradient(140px 140px at 30% 70%,rgba(91,208,255,.25),transparent 60%);filter:blur(12px);border-radius:50%}
header .brand{display:inline-flex;gap:.6rem;align-items:center;font-weight:900;letter-spacing:.02em}
header .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--c-accent)}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.small{font-size:.9rem;color:var(--c-muted)}
.gradient .card{
    color: #fff;
}