:root{ --bg:#0A1628; --bg2:#0F1E35; --card:#11223B; --ink:#EAF2FF; --muted:#9DB0CB; --line:#1F3452; --accent:#2DD4BF; --accent-ink:#032420; }
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--bg); color:var(--ink); font-family:'Inter', system-ui, sans-serif; line-height:1.65;}
a{color:var(--accent); text-underline-offset:3px;}
.topbar{border-bottom:1px solid var(--line); padding:16px;}
.topbar .in{max-width:780px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;}
.logo{font-family:'Sora', system-ui, sans-serif; font-weight:600; font-size:17px; color:var(--ink); text-decoration:none;}
.logo span{color:var(--accent);}
.topbar .cta{background:var(--accent); color:var(--accent-ink); padding:9px 16px; font-weight:600; font-size:14px; text-decoration:none; border-radius:999px;}
.doc{max-width:740px; margin:0 auto; padding:44px 20px 24px;}
.kicker{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); font-weight:600;}
h1{font-family:'Sora', system-ui, sans-serif; font-weight:600; font-size:clamp(28px, 5vw, 38px); line-height:1.15; margin:10px 0 12px;}
.lead{font-size:18px; color:var(--muted);}
h2{font-family:'Sora', system-ui, sans-serif; font-weight:600; font-size:20px; margin:30px 0 8px; padding-top:14px; border-top:1px solid var(--line);}
p{margin:8px 0; font-size:15.5px;}
ol, ul{margin:8px 0 8px 22px; font-size:15.5px;}
li{margin:6px 0;}
.card{display:grid; grid-template-columns:auto 1fr; gap:6px 18px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 18px; margin:10px 0; font-size:15px;}
.card dt{color:var(--muted);}
.card dd{font-weight:500;}
.form-sample{margin:14px 0; padding:16px 18px; border:1px dashed var(--line); border-radius:16px; background:var(--bg2); font-size:14.5px;}
.tbl{overflow-x:auto; margin:10px 0;}
table{border-collapse:collapse; font-size:14px; min-width:560px; width:100%;}
th, td{text-align:left; vertical-align:top; padding:8px 10px 8px 0; border-bottom:1px solid var(--line);}
th{font-weight:600; color:var(--muted);}
footer{max-width:740px; margin:0 auto; padding:24px 20px 48px; border-top:1px solid var(--line); font-size:13px; color:var(--muted);}
@media(max-width:520px){ .card{grid-template-columns:1fr; gap:2px;} .card dd{margin-bottom:8px;} }