:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; background:#050b18; color:#edf5ff; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 85% 5%,rgba(118,103,255,.2),transparent 28rem),linear-gradient(180deg,#050b18,#081326); line-height:1.65; }
.hero, main, footer { width:min(940px,calc(100% - 32px)); margin-inline:auto; }
.hero { display:flex; gap:22px; align-items:center; padding:64px 0 34px; }
.mark { width:76px; height:76px; flex:0 0 76px; border-radius:50%; display:grid; place-items:center; font-size:56px; color:#36d8ff; border:3px solid #36d8ff; box-shadow:0 0 32px rgba(54,216,255,.3); }
.eyebrow { color:#36d8ff; font-weight:800; letter-spacing:.18em; font-size:.8rem; margin:0; }
h1 { font-size:clamp(2.35rem,7vw,4.6rem); line-height:1; margin:.25rem 0 1rem; }
.lede { max-width:690px; font-size:1.12rem; color:#b9c9df; margin:.4rem 0; }
.date { color:#889bb6; font-size:.9rem; }
main { display:grid; gap:18px; }
.page-nav { display:flex; justify-content:flex-end; }
.page-nav a, .button-link { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 18px; border:1px solid #36d8ff; border-radius:999px; background:rgba(54,216,255,.1); color:#dffaff; text-decoration:none; }
.page-nav a:hover, .page-nav a:focus-visible, .button-link:hover, .button-link:focus-visible { background:rgba(54,216,255,.2); outline:2px solid #36d8ff; outline-offset:2px; }
section { background:rgba(16,27,49,.88); border:1px solid #27466f; border-radius:22px; padding:clamp(22px,5vw,38px); box-shadow:0 20px 60px rgba(0,0,0,.18); }
h2 { margin:0 0 14px; font-size:1.45rem; color:#fff; }
h3 { margin:0 0 6px; font-size:1rem; color:#36d8ff; }
p, li { color:#c8d4e5; }
strong { color:#fff; }
a { color:#36d8ff; font-weight:750; }
code { color:#8f83ff; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; }
article { padding:16px; background:#0a1629; border:1px solid #203b61; border-radius:15px; }
article p { margin:0; }
.contact { border-color:#7667ff; background:linear-gradient(135deg,rgba(118,103,255,.18),rgba(16,27,49,.94)); }
footer { padding:34px 0 50px; color:#7890ad; text-align:center; }
.steps { counter-reset:deletion-step; list-style:none; padding:0; display:grid; gap:14px; }
.steps li { position:relative; padding:16px 16px 16px 58px; background:#0a1629; border:1px solid #203b61; border-radius:15px; }
.steps li::before { counter-increment:deletion-step; content:counter(deletion-step); position:absolute; left:16px; top:15px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#36d8ff; color:#04101e; font-weight:900; }
.notice { padding:16px; border-left:4px solid #8f83ff; background:rgba(118,103,255,.12); border-radius:0 12px 12px 0; }
@media (max-width:620px) { .hero { align-items:flex-start; padding-top:38px; } .mark { width:56px; height:56px; flex-basis:56px; font-size:40px; } .grid { grid-template-columns:1fr; } section { border-radius:18px; } }