/* Neumorphic theme for the small pages (guides, about, privacy, terms, contact, 404). */
:root{--bg:#e4e8ef;--tx:#2b3040;--mu:#566078;--ac:#4f40cf;--hi:#ffffff;--lo:#b4bccd;--out:9px 9px 20px var(--lo),-9px -9px 20px var(--hi);--outs:5px 5px 11px var(--lo),-5px -5px 11px var(--hi);--in:inset 5px 5px 11px var(--lo),inset -5px -5px 11px var(--hi);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
[data-theme=dark]{--bg:#262a36;--tx:#e9ebf3;--mu:#a6aec4;--ac:#a79bff;--hi:#323849;--lo:#1a1d26}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.75}
.w{max-width:780px;margin:0 auto;padding:26px 18px 44px}
a{color:var(--ac);font-weight:600}
.back{display:inline-block;padding:10px 18px;border-radius:14px;box-shadow:var(--outs);text-decoration:none;color:var(--tx);font-size:.9rem;margin-bottom:10px}
.back:active{box-shadow:var(--in)}
h1{font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.2;margin:20px 0 14px;letter-spacing:-.5px}
h2{font-size:1.15rem;margin:28px 0 8px}
.card{background:var(--bg);border-radius:26px;padding:28px 26px;box-shadow:var(--out)}
p,li{color:var(--mu)}
.card h2{color:var(--tx)}
.cta{display:inline-block;margin:12px 0;padding:14px 26px;border-radius:16px;background:linear-gradient(145deg,#6e60f2,#4a3bc4);color:#fff!important;font-weight:700;text-decoration:none;box-shadow:var(--outs)}
.cta:active{box-shadow:inset 4px 4px 9px #3a2da3,inset -4px -4px 9px #7f72ff}
.gl{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none}
.gl a{display:block;padding:14px 16px;border-radius:16px;box-shadow:var(--outs);color:var(--tx);font-weight:600;text-decoration:none;font-size:.9rem}
.gl a:hover{color:var(--ac)}
details{margin:12px 0;padding:12px 16px;border-radius:14px;box-shadow:var(--in)}
summary{cursor:pointer;font-weight:600;color:var(--tx)}
details p{margin:8px 0 2px}
footer{text-align:center;color:var(--mu);font-size:.88rem;margin-top:30px}
footer a{color:var(--ac)}
:focus-visible{outline:3px solid var(--ac);outline-offset:3px}