:root { --bg:#090c13; --surface:#111722; --line:rgba(255,255,255,.13); --muted:#aeb6c7; --blue:#4d7fff; --white:#f6f8fe; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--white); background:var(--bg); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.topline { height:78px; padding:0 max(5vw,28px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; gap:9px; align-items:center; font-size:16px; font-weight:800; letter-spacing:-.05em; }.brand img { width:31px; height:31px; border-radius:50%; object-fit:cover; box-shadow:0 0 15px #3c72ff66; }.brand em { color:#9ca8c0; font-size:8px; font-style:normal; font-weight:700; letter-spacing:.08em; align-self:flex-end; margin:0 0 4px -6px; }.topline nav { display:flex; gap:27px; color:#c3cada; font-size:11px; font-weight:700; }.topline nav a:last-child { color:#9bb7ff; }
.hero { min-height:405px; padding:86px max(5vw,28px) 66px; position:relative; overflow:hidden; background:radial-gradient(circle at 86% 5%,#1b448f 0,rgba(20,53,121,.55) 15%,transparent 43%),linear-gradient(120deg,#101727,#090c13 63%); }.hero::after { content:""; position:absolute; width:470px; height:470px; right:-80px; top:-230px; border:1px solid #7197ff52; border-radius:50%; box-shadow:0 0 0 55px #5d86ff0b,0 0 0 110px #5d86ff09; }.wrap { width:min(100%,1060px); margin:0 auto; }.crumbs { color:#9dabca; font-size:10px; margin-bottom:31px; }.crumbs a:hover { color:white; }.eyebrow { display:flex; align-items:center; gap:9px; color:#9eb4f0; font-size:10px; font-weight:800; letter-spacing:.12em; }.eyebrow::before { content:""; width:20px; height:1px; background:#85a6ff; }.hero h1 { max-width:900px; margin:18px 0 20px; font:600 clamp(32px,5.2vw,66px)/1.1 Unbounded,Arial,sans-serif; letter-spacing:-.075em; text-transform:uppercase; }.hero p { max-width:630px; color:#c2cad9; font-size:15px; line-height:1.75; margin:0; }
.article { width:min(100% - 56px,850px); margin:0 auto; padding:65px 0 82px; }.article-meta { display:flex; gap:13px; align-items:center; color:#8995aa; font-size:11px; margin-bottom:38px; }.article-meta span { width:4px; height:4px; background:#7194ff; border-radius:50%; }.article p { color:#c4cad7; font-size:16px; line-height:1.85; margin:0 0 23px; }.article h2 { margin:53px 0 17px; font:600 clamp(23px,3vw,34px)/1.2 Unbounded,Arial,sans-serif; letter-spacing:-.07em; }.article h3 { margin:31px 0 10px; font-size:18px; }.article ul,.article ol { padding-left:21px; color:#c4cad7; font-size:16px; line-height:1.8; margin:0 0 25px; }.article li+li { margin-top:8px; }.lead { color:#e6eaff !important; font-size:19px !important; line-height:1.7 !important; }.callout { margin:37px 0; padding:26px 27px; border-left:2px solid var(--blue); background:#111a2b; }.callout p { margin:0; font-size:14px; }.steps { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:28px 0 35px; }.step { padding:21px; background:var(--surface); border:1px solid var(--line); }.step b { display:block; color:#91aeff; font:600 21px Unbounded,sans-serif; letter-spacing:-.08em; margin-bottom:17px; }.step h3 { margin:0 0 8px; font-size:14px; }.step p { font-size:13px; line-height:1.7; margin:0; }.faq { margin-top:35px; border-top:1px solid var(--line); }.faq details { padding:20px 0; border-bottom:1px solid var(--line); }.faq summary { cursor:pointer; font-weight:700; font-size:15px; }.faq p { margin:14px 0 0; font-size:14px; }.cta { margin-top:60px; padding:39px; background:linear-gradient(135deg,#254fc2,#122458); }.cta h2 { margin:0 0 14px; font-size:29px; }.cta p { margin-bottom:24px; color:#dce6ff; font-size:14px; }.button { display:inline-flex; min-height:48px; align-items:center; gap:19px; padding:0 19px; color:#173a90; background:white; font-size:11px; font-weight:800; }.button span { font-size:18px; }.related { width:min(100% - 56px,1060px); margin:0 auto; padding:0 0 88px; }.related h2 { margin-bottom:21px; font:600 28px Unbounded,sans-serif; letter-spacing:-.07em; }.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.related a { min-height:163px; padding:20px; background:#121724; border:1px solid var(--line); transition:.2s; }.related a:hover { border-color:#6089ff; transform:translateY(-3px); }.related span { color:#9bb6ff; font-size:9px; font-weight:800; letter-spacing:.11em; }.related h3 { margin:23px 0 0; font-size:15px; line-height:1.35; }.footer { padding:28px max(5vw,28px); border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#8995aa; font-size:10px; }
@media (max-width:700px) { .topline { height:66px; }.topline nav { gap:15px; font-size:10px; }.topline nav a:not(:last-child) { display:none; }.hero { min-height:345px; padding-top:58px; }.hero h1 { font-size:34px; }.hero p,.article p,.article ul,.article ol { font-size:15px; }.article { width:min(100% - 38px,850px); padding-top:45px; }.article h2 { margin-top:43px; }.steps,.related-grid { grid-template-columns:1fr; }.cta { padding:29px 22px; }.related { width:min(100% - 38px,1060px); }.footer { display:block; line-height:1.8; } }