@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0A0614;--surface:#120A22;--ink:#F0EAFB;--muted:#8E84A3;--accent:#E4508A;--accent-2:#F27BAB;--border:#241639;--fh:'Inter', system-ui, sans-serif;--fb:'Inter', system-ui, sans-serif;}
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;} html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:17px;line-height:1.7;-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;}
.progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:100;width:0;transition:width .1s linear;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent);}
.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:720px;width:100%;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,4vw,40px);}
.head{margin-bottom:36px;padding-bottom:22px;border-bottom:2px solid var(--ink);animation:rise .8s ease .1s backwards;}
.head h1{font-family:var(--fh);font-weight:700;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;letter-spacing:-0.03em;margin:0 0 10px;color:var(--ink);}
.meta{color:var(--muted);font-size:.92rem;margin:0;}
article h2{font-family:var(--fh);font-weight:700;font-size:1.3rem;letter-spacing:-0.015em;margin:34px 0 10px;color:var(--ink);padding-left:16px;border-left:3px solid var(--accent);}
article h2:first-of-type{margin-top:0;}
article h2.hl{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent);padding:10px 16px;border-left-width:4px;margin-left:-4px;}
article p{margin:0 0 14px;color:var(--ink);}
article p.big{font-size:1.15rem;padding:14px 18px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-left:3px solid var(--accent);border-radius:4px;}
article p strong{font-weight:700;color:var(--ink);}
.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;}}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink);}