:root{--bg:#f1eafa;--ink:#261937;--mut:#766887;--accent:#8145ed;--border:rgba(255,255,255,.72);--glass:rgba(255,255,255,.48);--blob:134,79,237}
@media(prefers-color-scheme:dark){:root{--bg:#171120;--ink:#f7f1ff;--mut:#aea0bf;--accent:#a675ff;--border:rgba(221,194,255,.19);--glass:rgba(79,56,109,.27);--blob:137,91,248}}
*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#af78f0 transparent}body{font:15px/1.7 Onest,system-ui,sans-serif;margin:0;min-height:100dvh;color:var(--ink);background:var(--bg);padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}
.backdrop{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 0 0,rgba(var(--blob),.19),transparent 82%),radial-gradient(ellipse 60% 55% at 100% 96%,rgba(var(--blob),.13),transparent 82%);z-index:-1}
.page{width:min(850px,100%);margin:auto;padding:25px 0 60px}
header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:34px}
.logo{font:800 26px 'Bricolage Grotesque',sans-serif;letter-spacing:-.045em;text-decoration:none;color:inherit}.logo b{color:var(--accent)}
.back{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;text-decoration:none;color:var(--ink);border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;transition:background .2s,border-color .2s}
.back:hover{border-color:rgba(var(--blob),.4);background:rgba(var(--blob),.12)}
.intro{margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--accent);font-size:11px;font-weight:500}.intro h1{font:800 clamp(35px,7vw,58px)/1.08 'Bricolage Grotesque',sans-serif;letter-spacing:-.048em;margin:10px 0}.intro p{color:var(--mut);max-width:690px;margin:0}
.glass{background:var(--glass);border:1px solid var(--border);border-radius:26px;padding:clamp(20px,4vw,36px);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 24px 50px -32px rgba(33,10,66,.35)}
section+section{margin-top:26px;padding-top:23px;border-top:1px solid var(--border)}h2{font:800 20px/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;margin:0 0 8px}p{margin:0 0 10px;color:var(--mut)}p:last-child{margin-bottom:0}ul{color:var(--mut);padding-left:21px;margin:10px 0 0}li+li{margin-top:8px}a{color:var(--accent);text-underline-offset:3px}footer{color:var(--mut);font-size:12px;margin-top:24px;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between}
@media(max-width:680px){.page{padding-top:17px}header{margin-bottom:29px}.glass{border-radius:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intro h1{font-size:37px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.logo{display:inline-flex;align-items:center;gap:5px}.logo img{object-fit:contain;flex:none;filter:drop-shadow(0 3px 7px rgba(111,49,202,.16))}
