:root{--blue:#1D90F1;--blue2:#29C4FF;--navy:#0E2A47;--ink:#14304d;--muted:#5b6b7d;--line:#e6ecf2;--bg:#f6f9fc}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
a{text-decoration:none;color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:11px;padding:11px 20px;font-size:15px;cursor:pointer;border:0;transition:.15s}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 8px 22px rgba(29,144,241,.35)}
.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:12px}
.brand .name{font-weight:800;font-size:22px;color:var(--navy);letter-spacing:-.5px}
.brand .name b{color:var(--blue)}
.nav-actions{display:flex;gap:12px;align-items:center}
.pagehead{background:radial-gradient(1000px 400px at 80% -20%,rgba(41,196,255,.16),transparent),linear-gradient(180deg,#f6f9fc,#fff);padding:56px 0 30px;border-bottom:1px solid var(--line)}
.pagehead h1{font-size:40px;letter-spacing:-1px;color:var(--navy);font-weight:800}
.pagehead .upd{color:var(--muted);margin-top:8px;font-size:14px}
.doc{max-width:820px;margin:0 auto;padding:44px 22px 70px}
.doc h2{color:var(--navy);font-size:20px;margin:32px 0 10px;letter-spacing:-.3px}
.doc h2:first-child{margin-top:0}
.doc p{margin:10px 0;color:#33475b}
.doc ul{margin:10px 0 10px 22px;color:#33475b}
.doc li{margin:6px 0}
.callout{background:#eaf5ff;border:1px solid #cfe6fb;border-radius:14px;padding:16px 18px;margin:18px 0;color:var(--navy)}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:14px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.foot .fb{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:700}
.foot a{color:var(--muted)}
.foot .links{display:flex;gap:16px}
@media(max-width:700px){.pagehead h1{font-size:30px}.foot{flex-direction:column;text-align:center}.doc{padding:30px 20px 54px}}
@media(max-width:560px){.nav{height:62px}.btn{padding:10px 14px;font-size:14px}.brand .name{font-size:20px}.nav-actions{gap:8px}}