:root{
  --bg:#100a28;
  --panel:#171034;
  --paper:#ffffff;
  --ink:#171322;
  --text:#3b3548;
  --muted:#756d84;
  --pink:#ff455c;
  --cyan:#00f0ff;
  --gold:#ffd44a;
  --line:#ece6f3;
  --soft:#fff7fb;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,69,92,.14),transparent 32%),
    radial-gradient(circle at 86% 0%,rgba(0,240,255,.12),transparent 34%),
    linear-gradient(180deg,#100a28 0,#140d31 410px,#fbf8ff 410px,#ffffff 100%);
  color:var(--text);
  line-height:1.76;
}
a{color:#bd2439;text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(var(--max),92%);margin:auto}
.header{
  padding:18px 0 10px;
  color:#fff;
}
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.logo img{height:58px;max-width:340px;display:block;object-fit:contain}
.menu{
  display:flex;
  gap:10px;
  align-items:center;
}
.menu a{
  color:#f6f0ff;
  font-size:13px;
  font-weight:900;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.05);
}
.menu a:hover{color:var(--cyan);background:rgba(0,240,255,.11);text-decoration:none}
.hero{
  padding:24px 0 28px;
}
.hero-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(0,240,255,.22);
  box-shadow:0 28px 85px rgba(0,0,0,.38);
}
.hero-card img{display:block;width:100%}
.portal{
  width:min(1120px,92%);
  margin:34px auto 64px;
}
.top-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.strip-item{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 28px rgba(35,20,70,.08);
}
.strip-item span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.strip-item strong{
  display:block;
  color:var(--ink);
  font-size:18px;
  margin-top:4px;
}
.main{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 18px 58px rgba(35,20,70,.10);
}
.main-head{
  padding:38px 44px 30px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 0% 0%,rgba(255,69,92,.13),transparent 28%),
    radial-gradient(circle at 100% 0%,rgba(0,240,255,.12),transparent 30%),
    linear-gradient(135deg,#ffffff,#fff8fb);
}
.kicker{
  display:inline-flex;
  background:#fff0f3;
  color:#ba2338;
  border:1px solid #ffc6d0;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.7px;
}
h1{
  color:var(--ink);
  font-size:clamp(34px,4.8vw,58px);
  line-height:1.08;
  letter-spacing:-1.35px;
  margin:18px 0 14px;
}
.lead{
  font-size:19px;
  color:#473f52;
  margin:0 0 18px;
}
.meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--muted);
  font-size:13px;
}
.content{
  padding:0;
}
.section-row{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  border-bottom:1px solid var(--line);
}
.section-title{
  padding:34px 30px;
  background:#fbf8ff;
  border-right:1px solid var(--line);
}
.section-title h2{
  color:var(--ink);
  font-size:24px;
  line-height:1.15;
  margin:0;
}
.section-title p{
  color:var(--muted);
  font-size:14px;
  margin:12px 0 0;
}
.section-body{
  padding:34px 40px;
}
.section-body p{
  margin:0 0 18px;
  font-size:17px;
}
.section-body h3{
  color:var(--ink);
  font-size:21px;
  margin:24px 0 10px;
}
.section-body ul{
  margin:12px 0 24px;
  padding-left:22px;
}
.section-body li{margin-bottom:9px}
.fast-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:24px 0 6px;
}
.fast-card{
  background:#fff9fb;
  border:1px solid #ffd5dd;
  border-radius:18px;
  padding:18px;
}
.fast-card strong{display:block;color:#ba2338;margin-bottom:5px}
.lsi-box{
  background:#f0fdff;
  border:1px solid #baf7ff;
  border-left:5px solid var(--cyan);
  border-radius:16px;
  padding:18px 20px;
  margin:26px 0;
}
.context{
  background:linear-gradient(135deg,#171034,#211149);
  color:#fff;
  border-radius:24px;
  padding:26px;
  border:1px solid rgba(0,240,255,.25);
  margin:30px 0;
}
.context p{color:#fff;margin:0}
.context a{color:var(--gold);font-weight:1000}
.faq-list{
  display:grid;
  gap:14px;
}
.faq-item{
  background:#fbf8ff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
}
.faq-item h3{margin-top:0}
.footer{
  background:#100a28;
  color:#ece7ff;
  padding:42px 0;
  border-top:4px solid var(--pink);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr .65fr;
  gap:28px;
}
.footer img{height:52px;max-width:330px;object-fit:contain}
.footer h3{color:#fff}
.footer a{display:block;color:#ece7ff;margin:7px 0}
.small{font-size:13px;color:#756d84}
.footer .small{color:#c8bfda}
.disclaimer{
  background:#080416;
  color:#a89eb9;
  font-size:12px;
  padding:13px 0;
}
@media(max-width:980px){
  .top-strip{grid-template-columns:repeat(2,1fr)}
  .section-row{grid-template-columns:1fr}
  .section-title{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:720px){
  .menu{display:none}
  .logo img{height:46px}
  .main-head,.section-body,.section-title{padding-left:24px;padding-right:24px}
  .top-strip,.fast-grid,.footer-grid{grid-template-columns:1fr}
}