:root{
  --bg:#09111b;
  --bg-2:#0e1724;
  --surface:rgba(16,24,37,.78);
  --surface-2:rgba(255,255,255,.06);
  --surface-3:rgba(255,255,255,.03);
  --text:#e9f1f7;
  --muted:#a9bbca;
  --line:rgba(255,255,255,.1);
  --accent:#7dd3fc;
  --accent-2:#38bdf8;
  --accent-3:#22c55e;
  --glow:0 18px 50px rgba(0,0,0,.32);
  --radius:22px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 20%, rgba(56,189,248,.15), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(125,211,252,.12), transparent 22%),
    linear-gradient(180deg, #09111b 0%, #0b1320 52%, #0d1725 100%);
  line-height:1.72;
}
a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,11,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:24px}
.logo{font-weight:900;font-size:1.28rem;letter-spacing:-.03em}
.logo span{color:var(--accent)}
.top-nav{display:flex;gap:16px;flex-wrap:wrap}
.top-nav a{font-weight:600;color:var(--muted)}
.top-nav a:hover,.link-list a:hover,.mini-card:hover strong{color:#fff}
.hero{padding:56px 0 28px}
.breadcrumbs{font-size:.92rem;color:var(--muted);margin-bottom:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.breadcrumbs .sep{opacity:.35}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.78fr);gap:26px;align-items:stretch}
.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px;max-width:12ch}
.lead{font-size:1.08rem;color:var(--muted);max-width:66ch}
.hero-panel,.hero-card,.side-card,.mini-card,.content-section,.contact-wrap{border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);box-shadow:var(--glow);border-radius:var(--radius)}
.hero-panel{padding:30px;background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));position:relative;overflow:hidden}
.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(125,211,252,.12), transparent 38%, transparent 60%, rgba(34,197,94,.09));pointer-events:none}
.hero-panel > *{position:relative}
.hero-card{padding:24px}
.hero-card h2,.side-card h3{margin:0 0 14px;line-height:1.1}
.hero-card ul,.side-card ul{margin:0;padding-left:20px}
.hero-card li,.side-card li{margin:0 0 10px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#06111c;box-shadow:0 14px 32px rgba(56,189,248,.22)}
.btn-secondary{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--text)}
.page-content{padding:10px 0 26px}
.content-grid{display:grid;grid-template-columns:minmax(0,2fr) 330px;gap:28px}
.content-section{padding:28px;margin-bottom:20px;background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03))}
.content-section h2{margin:0 0 12px;font-size:1.46rem;line-height:1.12;letter-spacing:-.02em}
.content-section p{margin:0 0 14px}
.content-section ul{margin:0;padding-left:20px}
.content-section li{margin:0 0 9px}
.side-card{padding:22px;margin-bottom:18px}
.side-card p{margin:0;color:var(--muted)}
.link-list{list-style:none;padding:0;margin:0}
.link-list li+li{margin-top:11px}
.link-list a{color:var(--accent);font-weight:600}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.mini-card{padding:18px;display:flex;flex-direction:column;gap:8px;min-height:128px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mini-card:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.42);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(125,211,252,.05))}
.mini-card strong{font-size:1rem;line-height:1.3;letter-spacing:-.01em}
.mini-card span{color:var(--muted);font-size:.92rem}
.contact-section{padding:30px 0 64px}
.contact-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding:26px;background:linear-gradient(180deg, rgba(125,211,252,.08), rgba(255,255,255,.04))}
.contact-copy p{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:flex;flex-direction:column;gap:7px;font-weight:600}
label span{font-size:.94rem}
input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:14px;padding:14px 15px;font:inherit}
input::placeholder,textarea::placeholder{color:#93a8b9}
.full{grid-column:1/-1}
.confidential{text-align:center;margin:12px 0 0;color:var(--muted);font-size:.94rem}
.site-footer{border-top:1px solid var(--line);padding:30px 0 48px;background:rgba(0,0,0,.14)}
.footer-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:24px}
.footer-logo{display:inline-block;margin-bottom:8px}
.footer-grid p{color:var(--muted)}
.article{min-width:0}
.note{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(125,211,252,.25);border-radius:999px;background:rgba(125,211,252,.08);color:#d7effb;font-weight:700;font-size:.88rem;margin-bottom:16px}
@media (max-width: 980px){.hero-grid,.content-grid,.contact-wrap,.footer-grid{grid-template-columns:1fr}.hero-panel{padding:24px}}
@media (max-width: 680px){.top-nav{display:none}.form-grid{grid-template-columns:1fr}.wrap{width:min(100% - 20px,var(--max))}.content-section,.hero-card,.side-card,.contact-wrap,.hero-panel{padding:18px}h1{max-width:none}}