@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap');
:root{--bg:#0A0614;--surface:#120A22;--ink:#F0EAFB;--muted:#8E84A3;--accent:#E4508A;--accent-2:#F27BAB;--border:#241639;--on-accent:#FFFFFF;--fh:'Space Grotesk', system-ui, sans-serif;--fb:'Source Sans 3', system-ui, sans-serif;}
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--accent);text-decoration:none;} a:hover{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px;}
svg{display:block;}
.top{padding:22px clamp(20px,4vw,40px);display:flex;justify-content:space-between;border-bottom:1px solid var(--border);}
.brand{font-family:var(--fh);font-weight:700;color:var(--ink);}
.brand:hover{color:var(--ink);text-decoration:none;}
.top>div{display:flex;gap:22px;} .top>div a{color:var(--muted);font-size:.9rem;}
.top>div a:hover{color:var(--ink);text-decoration:none;}
.doc{flex:1;max-width:800px;width:100%;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px);}
.doc header{margin-bottom:36px;animation:rise .8s ease .1s backwards;}
.k{display:inline-block;font-family:var(--fh);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;padding:5px 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;}
.doc header h1{font-family:var(--fh);font-weight:700;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;letter-spacing:-0.03em;margin:0;color:var(--ink);}
article{display:flex;flex-direction:column;gap:4px;}
article section{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--border);align-items:start;}
article section:first-child{border-top:0;padding-top:0;}
.ico{width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);display:grid;place-items:center;}
article h2{font-family:var(--fh);font-weight:700;font-size:1.2rem;letter-spacing:-0.015em;margin:2px 0 6px;color:var(--ink);}
article p{margin:0;color:var(--ink);}
article p strong{color:var(--ink);font-weight:700;}
article .hl{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--accent-2) 6%,transparent));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:14px;padding:22px;margin:6px 0;border-top:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));}
article .hl .ico{background:var(--accent);color:var(--on-accent);}
article .hl h2{color:var(--ink);font-size:1.3rem;}
article .hl + section{border-top:1px solid var(--border);}
.bot{padding:18px clamp(20px,4vw,40px);display:flex;justify-content:space-between;font-size:.84rem;color:var(--muted);border-top:1px solid var(--border);background:var(--surface);}
.bot a{color:var(--muted);} .bot a:hover{color:var(--ink);text-decoration:none;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:560px){article section{grid-template-columns:44px 1fr;gap:14px;}.ico{width:36px;height:36px;}}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);}