:root{
  --font-h:Sora,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-b:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --acc-d:linear-gradient(100deg,#5fe3ff 0%,#7c9dff 48%,#c38dff 100%);
  --acc-l:linear-gradient(100deg,#0791c7 0%,#4a59ee 50%,#8c3dd8 100%);
  --silver:linear-gradient(100deg,#7f8a97 0%,#f4f7fa 22%,#a9b3bf 40%,#ffffff 54%,#8995a2 74%,#e1e6ec 100%);
}
*{box-sizing:border-box}
body{margin:0;background:#f3f5f8;color:#0a0e14;font-family:var(--font-b);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.lnav{background:#07090d}
.lnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 21px/1 var(--font-h);letter-spacing:-.02em;color:#eef2f6}
.logo svg{width:28px;height:28px}
.logo span{font-weight:400;color:#9aa6b3}
.back{color:#b4bec9;text-decoration:none;font-size:15px;font-weight:500}
.back:hover{color:#fff}
.lhero{background:#07090d;color:#eef2f6;padding:70px 0 90px}
.lhero small{display:inline-flex;align-items:center;gap:12px;font:600 13px/1 var(--font-b);letter-spacing:.2em;text-transform:uppercase;color:#9aa6b3}
.lhero small::before{content:"";width:30px;height:2px;border-radius:2px;background:var(--acc-d)}
.lhero h1{margin:20px 0 0;font:800 clamp(42px,6vw,80px)/1 var(--font-h);letter-spacing:-.045em;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.lhero p{margin:20px 0 0;color:#9aa6b3;font-size:17px}
.doc{max-width:860px;margin:-50px auto 0;padding:56px clamp(22px,5vw,64px);background:#fff;border-radius:26px;box-shadow:0 0 0 1px rgba(12,22,36,.07),0 40px 80px -50px rgba(10,20,40,.35);position:relative}
.doc h2{margin:44px 0 12px;font:700 26px/1.25 var(--font-h);letter-spacing:-.02em}
.doc h2:first-child{margin-top:0}
.doc h3{margin:26px 0 8px;font:700 19px/1.35 var(--font-h)}
.doc p,.doc li{color:#2e3846}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:6px 0}
.doc a{color:#4a59ee}
.doc .box{margin:22px 0;padding:20px 24px;border-radius:16px;background:#f3f5f8;box-shadow:inset 0 0 0 1px rgba(12,22,36,.07)}
.doc .box p{margin:0}
.lfoot{padding:60px 0 40px;color:#6f7b88;font-size:14.5px}
.lfoot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lfoot a{color:#4d5866;text-decoration:none;margin-right:18px}
.lfoot a:hover{color:#0a0e14}
@media (max-width:640px){.wrap{padding:0 16px}.doc{border-radius:18px;margin-top:-40px}body{font-size:17px}}