*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0d0d11;color:#e8e6ea;line-height:1.65}
a{color:#e0b3ff;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
header.site{border-bottom:1px solid #26222b;background:#0f0d13}
.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 0}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:#f0d9ff;letter-spacing:.3px;margin-right:auto}
.brand .mk{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d98fd0,#8a4fff);color:#140f19;font-family:Georgia,serif;font-weight:700;font-size:1rem;flex:0 0 auto}
.brand .wm{white-space:nowrap}
.brand .ac{color:#d98fd0}
.nav a.item{padding:7px 11px;border-radius:8px;color:#cfc7d6;font-size:.92rem}
.nav a.item:hover{background:#1c1922;text-decoration:none;color:#fff}
.hero{padding:62px 0 30px;background:radial-gradient(900px 360px at 50% -60px,rgba(217,143,208,.20),transparent)}
.hero h1{font-size:2.25rem;margin:0 0 .3em;color:#fff;line-height:1.18}
.hero p.lead{font-size:1.1rem;color:#c3bacd;max-width:780px;margin:0}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0 4px}
.feat .f{background:#141120;border:1px solid #262031;border-radius:12px;padding:14px 16px}
.feat .f b{display:block;color:#fff;font-size:.98rem;margin-bottom:2px}
.feat .f small{color:#9f95af}
.feat .ic{width:36px;height:36px;border-radius:10px;background:#201a2c;color:#d98fd0;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}
.feat .ic svg{width:19px;height:19px;display:block}
h2{color:#f0d9ff;margin-top:1.9em;font-size:1.5rem}
h3{color:#efe6f5}
.content p{color:#cbc3d4}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:22px 0}
.card{display:block;background:#161320;border:1px solid #272231;border-radius:12px;padding:15px 16px;transition:border-color .15s,transform .15s,background .15s}
.card:hover{border-color:#d98fd0;transform:translateY(-2px);text-decoration:none;background:#1a1626}
.card h3{margin:0 0 6px;font-size:1.08rem;color:#fff}
.card p{margin:0;color:#a79db6;font-size:.88rem}
.badge{display:inline-block;background:#1c1726;border:1px solid #33283c;color:#d98fd0;font-size:.75rem;padding:4px 11px;border-radius:999px;margin-bottom:14px;letter-spacing:.5px}
.crumb{font-size:.82rem;color:#897f98;padding:14px 0 0}
.crumb a{color:#a98fc0}
article.content{padding:8px 0 10px;max-width:820px}
.backlink{margin-top:24px}
footer.site{border-top:1px solid #26222b;margin-top:52px;padding:32px 0 40px;background:#0b0b0f}
footer .ftop{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}
footer .fregions{margin-top:30px;border-top:1px solid #1d1a22;padding-top:22px}
footer .rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1px 18px;margin-top:4px}
footer h4{color:#efe6f5;font-size:.95rem;margin:0 0 10px}
footer a{display:block;color:#9b91aa;font-size:.88rem;padding:3px 0}
footer .fnote{color:#8a8096;font-size:.84rem;margin-top:8px}
footer .cp{color:#6d6478;font-size:.8rem;margin-top:24px;border-top:1px solid #1d1a22;padding-top:16px}
@media(max-width:640px){.hero h1{font-size:1.75rem}.brand{font-size:1rem}.nav a.item{padding:5px 8px;font-size:.85rem}}