:root{
--bg:#1b1028;
--primary:#7c3aed;
--secondary:#ec4899;
--accent:#f59e0b;
--text:#1f1630;
--muted:#7a6d8f;
--light:#faf7ff;
--card:#ffffff;
--line:#eadff8;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff,#faf7ff);line-height:1.6}
.container{width:min(1160px,92%);margin:auto}
.topbar{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand small{display:block;color:var(--muted)}
.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-weight:800}
nav{display:flex;gap:18px;align-items:center}
a{text-decoration:none;color:inherit}
.btn{border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-weight:700}
.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.secondary{background:#fff;color:var(--text)}
.hero{
background:
radial-gradient(circle at top right,#ec489955,transparent 30%),
radial-gradient(circle at bottom left,#f59e0b33,transparent 25%),
linear-gradient(135deg,#1b1028,#4c1d95 55%,#ec4899);
color:#fff;padding:82px 0
}
.hero-grid,.split{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);font-size:13px;font-weight:800}
.hero .eyebrow{color:#fbcfe8}
h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:10px 0 22px}
h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:8px 0 16px}
h3{margin-top:0}
.lead{font-size:20px;color:#f3e8ff;max-width:720px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-card,.panel,.contact-card{
background:rgba(255,255,255,.96);
color:var(--text);
border-radius:28px;
padding:30px;
box-shadow:0 20px 60px rgba(76,29,149,.18)
}
.hero-card p{border-bottom:1px solid var(--line);padding-bottom:14px}
.seal{display:inline-block;background:#fdf2f8;color:#9d174d;padding:10px 12px;border-radius:12px;font-weight:700}
.section{padding:76px 0}
.alt{background:var(--light)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.cards article,.legal-grid article{
background:var(--card);
border:1px solid var(--line);
border-radius:24px;
padding:26px;
box-shadow:0 12px 30px rgba(124,58,237,.08)
}
.cards article h3{color:var(--primary)}
.panel ul{padding-left:18px}
.reverse{grid-template-columns:.85fr 1fr}
.doc-preview{height:520px;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#fff}
.doc-preview img{width:100%;display:block}
.note{background:#fff7ed;border-left:5px solid var(--accent);padding:16px;border-radius:12px}
.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.contact{background:linear-gradient(135deg,#fdf2f8,#faf7ff)}
.contact-card{max-width:780px;text-align:center}
form{display:grid;gap:14px;margin-top:24px}
input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px}