:root{--bg:#0A0712;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);--text:#F4F2FA;--muted:#C4C1D3;--dim:#9693AA;--violet:#8B5CF6;--pink:#EC4899;--cyan:#22D3EE;--grad:linear-gradient(95deg,#8B5CF6 0%,#C455D6 55%,#EC4899 100%);--display:'Archivo','Arial Black','Helvetica Neue',Arial,sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--gutter:clamp(20px,5vw,64px)}
*{box-sizing:border-box}
html{background:var(--bg);min-height:100%}
body{margin:0;background:radial-gradient(900px 600px at 85% -5%,rgba(139,92,246,.2),transparent 60%),var(--bg) no-repeat;color:var(--muted);font:400 13.5px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--text)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.wrap{max-width:720px;margin:0 auto;padding:0 var(--gutter)}
.top{border-bottom:1px solid var(--line);background:rgba(10,7,18,.72)}
.top .wrap{max-width:1240px;display:flex;justify-content:space-between;align-items:center;height:72px;gap:20px}
.brand{display:flex;align-items:center;gap:14px;font:700 22px/1 var(--body);letter-spacing:.06em;color:var(--text);text-transform:uppercase;text-decoration:none}
.brand .mark{width:44px;height:44px;display:grid;place-items:center}
.brand .mark img{width:44px;height:44px;display:block}
.back{font-size:15px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--text)}
main{flex:1;padding:clamp(32px,5vw,56px) 0}
h1{font:700 1.4rem/1.25 var(--body);color:var(--text);margin:0 0 8px}
h2{font:600 .88rem/1.35 var(--body);color:var(--text);margin:1.6em 0 .35em}
h3{font:600 .88rem/1.3 var(--body);color:var(--text);margin:1.6em 0 .4em}
p,ul{margin:0 0 1em}
ul{padding-left:1.2em}
li{margin-bottom:.35em}
.meta{color:var(--dim);font-size:12px;margin-bottom:1.5em}
.ph{background:rgba(236,72,153,.16);color:#FBCFE8;border-radius:4px;padding:0 4px}
.note{border:1px solid var(--line-2);border-radius:14px;padding:14px 18px;background:rgba(255,255,255,.03);font-size:12.5px}
.footer{border-top:1px solid var(--line);padding:26px 0;font-size:14px;color:var(--dim)}
.footer .wrap{max-width:1240px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer nav{display:flex;gap:26px}
.footer a{color:var(--dim);text-decoration:none}.footer a:hover{color:var(--text)}