:root{--bg:#0b0712;--bg-deep:#11091c;--surface:#170c25;--surface-raised:#241035;--surface-muted:#321a49;--line:#a875ff29;--line-strong:#9456c8;--text:#f4edff;--text-soft:#cfc0dd;--muted:#bca6cf;--accent:#c38cfa;--accent-bright:#deb4ff;--accent-deep:#ffffff;--purple:#c38cfa;--blue:#a9bbf3;--coral:#df94b7;--shadow:0 20px 50px #ffffff0a}
body,.inner-page{background:var(--bg);font-family:"Segoe UI",Arial,sans-serif;line-height:1.8}
html{scroll-padding-top:110px}
.site-header{background:#100919f5;padding:0;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}
.nav-shell{min-height:86px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header .brand{color:#f7f1ff;font-weight:650}.brand img{box-shadow:none;border-radius:10px}
.site-nav{color:#ded4ed;font-size:13px;font-weight:500}
.site-header .site-nav a:hover{color:white}
.nav-cta,.button-primary{color:#ffffff!important;background:#8642e5;border-color:transparent;border-radius:9px;box-shadow:none}
.nav-cta:hover,.button-primary:hover{background:#a25cf0}
.menu-button{color:#eee4fa;border-color:#ffffff30}
.site-nav.is-open{background:#1c0d30;border-radius:10px}
.eyebrow,.prose a:not(.button),.page-aside strong{color:#c38cfa}
.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600}.eyebrow span{background:#b271ff;box-shadow:none;width:6px;height:6px}
h1,h2,h3{font-weight:600;letter-spacing:-.04em}
.inner-hero{padding:65px 0 45px;background:#241035;border-bottom:1px solid #af6ff52a}
.inner-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12}
.inner-hero p{max-width:700px;font-size:17px}
.breadcrumbs{color:#b69bcf;font-size:12px}
.page-layout{grid-template-columns:220px minmax(0,720px);gap:65px;padding-top:55px}
.prose{font-size:17px;line-height:1.9}
.prose h2{font-size:29px;line-height:1.25;margin-top:42px;margin-bottom:20px}
.prose h3{font-size:22px}.prose p,.prose li{color:#cfc0dd}
.prose li{margin-bottom:9px}.prose a{text-underline-offset:4px}
.prose .summary-box,.summary-box,.article-card,.page-aside,.info-note{border:1px solid #a875ff33;background:#20112f;border-radius:15px;box-shadow:none}
.prose .summary-box h2{margin-top:0}
.page-aside{background:#180c26;padding:22px;top:115px}
.page-aside strong{font-size:10px;letter-spacing:1.5px}.page-aside a{color:#bca6cf;font-size:13px}
.article-meta span{background:#ffffff06;font-size:11px;font-weight:500;border-color:#aa70e833;border-radius:6px}
.article-card{background:#170c25;padding:32px}
.article-card:hover{background:#20112f}.article-card .tag{font-size:10px;letter-spacing:1.4px;font-weight:600}.article-card h2{font-weight:600}.article-card p{line-height:1.85;color:#c0b3d3}.article-card .read-more{font-size:13px;color:#c38cfa;font-weight:600}
.site-footer{background:#11091c;font-size:12px}.site-footer .brand{font-weight:650}
@media(max-width:980px){.page-layout{grid-template-columns:1fr;gap:30px}.page-aside{position:static}.page-aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nav-shell{min-height:72px}.inner-hero{padding:40px 0 30px}.inner-hero h1{font-size:38px}.inner-hero p{font-size:15px}.prose{font-size:16px}.prose h2{font-size:25px}.page-layout{padding-top:30px}.page-aside nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-aside a{font-size:12px}.article-meta{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.article-card .tag{margin-bottom:0}.article-card .read-more{margin-top:auto;padding-top:18px}

.inner-hero{background:radial-gradient(ellipse at 80% 0%,#7234a54a,transparent 65%),linear-gradient(125deg,#1b0e2c,#120a1f)}
.inner-hero h1{color:#f3e8ff}
.nav-cta,.button-primary{color:#fff!important;background:linear-gradient(115deg,#7131cf,#9a47e2);border:1px solid #c185ff55;box-shadow:0 8px 30px #7d28d72b}
.nav-cta:hover,.button-primary:hover{background:linear-gradient(115deg,#8644dd,#af65ef)}
.article-card{background:linear-gradient(135deg,#211131,#150b22);transition:transform .3s,border-color .3s,box-shadow .3s}
.article-card:hover{background:linear-gradient(135deg,#2c1643,#1c0c2d);border-color:#b57aee88;box-shadow:0 16px 45px #7021b522}
.brand img{filter:drop-shadow(0 0 9px #9d43ff44)}
.prose .summary-box{background:linear-gradient(120deg,#2a163f,#190d29)}
@media(prefers-reduced-motion:no-preference){.inner-hero h1{animation:page-entry .65s ease both}.article-card{animation:page-entry .8s ease both}@keyframes page-entry{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}}