:root{--bg:#0a0d12;--bg2:#0d1117;--panel:#11151c;--line:#232a35;--ink:#f4f7fb;--soft:#c3cad6;--mut:#8a93a3;--dim:#545d6b;--teal:#22c7be;--red:#e5555a;--orange:#f2924a;--indigo:#7c93ff;--green:#3fcf8e;--amber:#f2c14e;}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:radial-gradient(1200px 600px at 50% -10%,#121826,#0a0d12 60%);color:var(--ink);font-family:"Segoe UI","Inter",Arial,sans-serif;min-height:100vh;}
a{color:var(--indigo);}
.topnav{position:sticky;top:0;z-index:50;background:rgba(10,13,18,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.topnav .in{max-width:1040px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 18px;}
.topnav .logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);}
.topnav .gg{width:28px;height:28px;border-radius:8px;background:conic-gradient(from 220deg,#e5555a,#f2924a,#f2c14e,#6fcf97,#22c7be);position:relative;flex:none;}.topnav .gg::after{content:"";position:absolute;inset:9px;border-radius:3px;background:var(--bg);}
.topnav .lt{font-size:13.5px;font-weight:800;line-height:1;}.topnav .lt small{display:block;font-size:8.5px;letter-spacing:.12em;color:var(--mut);text-transform:uppercase;margin-top:3px;font-weight:600;}
.topnav .links{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap;}
.topnav .links a{font-size:13.5px;font-weight:600;color:var(--soft);text-decoration:none;padding:9px 14px;border-radius:9px;}
.topnav .links a:hover{background:var(--panel);color:var(--ink);}
.topnav .links a.on{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);}
.topnav .links a.acc{background:var(--teal);color:#04201e;}
@media(max-width:560px){.topnav .lt small{display:none;}.topnav .links a{padding:8px 10px;font-size:12.5px;}}
article{max-width:760px;margin:0 auto;padding:40px 20px 70px;}
.crumbs{font-size:12.5px;color:var(--mut);margin-bottom:14px;} .crumbs a{color:var(--mut);text-decoration:none;}
h1{font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.5px;}
.meta{color:var(--mut);font-size:13px;margin:12px 0 26px;}
article h2{font-size:23px;font-weight:800;margin:34px 0 12px;}
article h3{font-size:17px;font-weight:700;margin:22px 0 8px;color:var(--soft);}
article p{color:var(--soft);font-size:16px;line-height:1.75;margin:12px 0;}
article ul,article ol{color:var(--soft);font-size:16px;line-height:1.7;margin:12px 0 12px 22px;}
article li{margin:7px 0;}
article b,article strong{color:var(--ink);}
.lead{font-size:18px;color:var(--ink);}
.cta{background:linear-gradient(135deg,color-mix(in srgb,var(--green) 16%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--green) 45%,var(--line));border-radius:16px;padding:24px;margin:36px 0 10px;text-align:center;}
.cta p{color:var(--soft);font-size:14.5px;margin:0 auto 4px;max-width:560px;}
.cta a.btn{display:inline-block;margin-top:14px;background:var(--teal);color:#04201e;font-weight:700;font-size:15px;text-decoration:none;border-radius:11px;padding:13px 22px;}
.foot{color:var(--mut);font-size:12.5px;text-align:center;margin-top:40px;} .foot a{color:var(--indigo);text-decoration:none;}
.nav-prev{max-width:760px;margin:0 auto;padding:0 20px 50px;display:flex;justify-content:space-between;gap:12px;font-size:13.5px;}
.nav-prev a{color:var(--indigo);text-decoration:none;}