:root{--bg:#020a1f;--line:rgba(120,160,255,.22);--tx:#f4f7ff;--mut:#a9b8dd;--ac:#59d4ff;--ink:#04112e;--blue:#2f7bff;--ok:#6fe3a6}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);scroll-behavior:smooth}
body{min-height:100vh;color:var(--tx);font:17px/1.55 "Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;background:radial-gradient(120% 60% at 50% 0%,#0a2a6b 0%,#06163a 38%,#020a1f 72%) no-repeat,var(--bg)}
a{color:inherit}
:focus-visible{outline:3px solid var(--ac);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600;z-index:9}
.skip:focus{left:12px}
.top{width:100%;max-width:1040px;margin:0 auto;padding:20px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;flex-wrap:wrap}
.top a{color:#dbe5ff;text-decoration:none;padding:10px 6px}
.top a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.top .lng{display:flex;gap:6px;align-items:center}
.top .lng a{border:1px solid var(--line);border-radius:999px;padding:8px 16px}
.top .lng a[aria-current]{background:rgba(89,212,255,.14);border-color:rgba(89,212,255,.55);color:#fff}
main{width:100%;max-width:1040px;margin:0 auto;padding:28px 24px 56px}
.hero{text-align:center}
.logos{display:flex;justify-content:center;align-items:center;gap:20px 36px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}
.brand img{border-radius:18px;display:block}
.brand .n{font-weight:800;font-size:24px;letter-spacing:.04em;line-height:1.1;text-align:left}
.brand .c{font-weight:700;font-size:24px;letter-spacing:.02em;line-height:1.1;text-align:left}
.x{color:var(--mut);font-size:28px}
.badge{display:inline-block;margin-top:34px;padding:9px 18px;border-radius:999px;background:rgba(0,8,30,.7);border:1px solid rgba(120,160,255,.25);font-size:13px;color:#dbe5ff;letter-spacing:.04em}
h1{font-size:clamp(34px,6vw,64px);line-height:1.06;letter-spacing:-.03em;font-weight:700;margin:20px auto 14px;max-width:860px;text-wrap:balance}
h1 small{display:block;font-size:.5em;font-weight:500;color:#c9d6f6;letter-spacing:-.01em;margin-top:8px}
.sub{color:#e6edff;max-width:680px;margin:0 auto 30px;text-wrap:balance}
h2{font-size:clamp(26px,3.4vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 8px}
.lead{color:var(--mut);margin-bottom:24px;max-width:720px}
section{margin-top:60px}
.btn{display:inline-flex;align-items:center;gap:14px;border-radius:999px;padding:14px 16px 14px 30px;font-weight:700;font-size:20px;text-decoration:none;background:#fff;color:var(--ink);box-shadow:0 0 60px rgba(47,123,255,.45);transition:filter .15s}
.btn:hover{filter:brightness(.93)}
.btn i{font-style:normal;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:18px}
.ctahint{margin-top:16px;color:var(--mut);font-size:14px}
.card{border-radius:26px;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,44,104,.72),rgba(4,12,36,.92));box-shadow:0 0 70px rgba(47,123,255,.2)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:26px 24px 24px 24px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ac);color:var(--ink);font-weight:800;margin-bottom:12px}
.steps h3{font-size:20px;line-height:1.25;margin-bottom:6px}
.steps p{color:#c9d6f6;font-size:16px}
.tablewrap{overflow-x:auto;border-radius:26px}
table{width:100%;border-collapse:collapse;min-width:560px}
caption{text-align:left;color:var(--mut);font-size:14px;padding:0 4px 12px}
th,td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(120,160,255,.14)}
thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:600}
tbody th{font-size:19px;font-weight:700}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
td{font-size:18px}
td.num{white-space:nowrap}
.pill{display:inline-block;border:1px solid rgba(111,227,166,.55);color:var(--ok);border-radius:999px;padding:3px 12px;font-size:13px;margin-left:6px;white-space:nowrap}
.note{margin-top:14px;color:var(--mut);font-size:14px}
.two{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.two h3{font-size:20px;margin-bottom:8px}
.two p,.two li{color:#c9d6f6;font-size:16px}
.two ul{padding-left:20px}
.mail{color:var(--ac);font-weight:600;text-underline-offset:4px;white-space:nowrap}
.cta2{text-align:center}
.cta2 h2{margin-bottom:20px}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:22px;color:var(--mut);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:#dbe5ff}
.langs{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:0 auto}
.lg{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:24px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,44,104,.72),rgba(4,12,36,.92));box-shadow:0 0 70px rgba(47,123,255,.2);text-decoration:none}
.lg:hover,.lg:focus-visible{border-color:rgba(89,212,255,.7)}
.lg b{font-size:34px;font-weight:700;letter-spacing:-.02em}
.lg span{font-size:15px;color:#c9d6f6}
.lg i{font-style:normal;margin-top:6px;background:#fff;color:var(--ink);border-radius:999px;padding:8px 18px;font-weight:600;font-size:15px}
.lg .rec{position:absolute;top:12px;right:16px;font-size:12px;color:var(--ac);letter-spacing:.08em;text-transform:uppercase}
.lg .rec[hidden]{display:none}
.sub span{display:block;color:var(--mut);font-size:15px}
@media (max-width:760px){
 .two{grid-template-columns:1fr}
 .card{padding:22px}
}
@media (max-width:600px){
 main{padding:20px 16px 44px}.top{padding:16px 16px 0}
 .langs{grid-template-columns:1fr}.lg{min-height:120px}
 .brand .n,.brand .c{font-size:19px}.x{display:none}
 .btn{font-size:18px;padding:13px 14px 13px 24px}
 section{margin-top:48px}
 table{min-width:0}
 thead{display:none}
 tr,tbody th,td{display:block}
 tbody tr{padding:14px 4px;border-bottom:1px solid rgba(120,160,255,.14)}
 tbody tr:last-child{border-bottom:0}
 tbody th,td{border:0;padding:3px 14px}
 td[data-l]::before{content:attr(data-l) ": ";color:var(--mut);font-size:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
