:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09050f;color:#f4eff8;font:16px/1.72 "DM Sans",system-ui,-apple-system,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #c9a0ff;outline-offset:5px}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}
header{border-bottom:1px solid #31243e;position:sticky;top:0;z-index:20;background:rgba(12,8,18,.94);backdrop-filter:blur(16px)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain;border-radius:10px}.brand b span{color:#b37af3}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#a69ab2}
nav{display:flex;gap:19px;align-items:center}nav a{font-size:12px;font-weight:700;text-decoration:none;color:#c8bcd4}nav a:hover{color:#fff}
main{padding:56px 0 110px}h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.14;letter-spacing:-.04em}
.eyebrow{font:700 11px/1.4 "DM Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#b58be2}
h1{font-size:clamp(36px,6.5vw,68px);margin:12px 0 18px}.lead{max-width:780px;color:#c5bacc;font-size:18px}
.intro{max-width:820px;padding:0 0 40px;border-bottom:1px solid #362746}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:33px 0 0}
.article-card{display:flex;flex-direction:column;padding:28px;border-radius:20px;background:linear-gradient(145deg,#21142e,#110c18);border:1px solid #513869;text-decoration:none;min-height:235px}
.article-card span,.article-tag{font-weight:750;letter-spacing:.13em;text-transform:uppercase;font-size:10px;color:#b68ef0}
.article-card h2{font-size:27px;margin:20px 0 13px}.article-card p{color:#bfb4c9;margin:0;font-size:14px}
.article-card em{margin-top:auto;padding-top:20px;color:#deb7ff;font-style:normal;font-weight:700;font-size:13px}
.article{max-width:820px}.article h2{font-size:clamp(24px,4.5vw,38px);margin:42px 0 16px}.article p,.article li{color:#d2cad8}.article p{margin:0 0 20px}.article strong{color:#fff}.article blockquote{border-left:3px solid #b587e3;margin:30px 0;padding:10px 22px;background:#1a1123;color:#ecdaf9;font-size:20px}
.article ul{padding-left:24px}.article li{padding-left:5px;margin:12px 0}
.article-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#d5acf6;font-size:13px;font-weight:700;margin-bottom:25px}
.meta{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#aaa0b4}
.related{margin-top:50px;border-top:1px solid #49324f;padding-top:25px}
.related a{color:#dbb9f4;font-weight:700}
footer{border-top:1px solid #2b2036;padding:28px 0;color:#9c92a7;font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:680px){header .wrap{min-height:68px}.brand{font-size:17px}.brand img{width:34px;height:34px}nav{gap:13px}nav a{font-size:11px}main{padding:35px 0 70px}.article-grid{grid-template-columns:1fr}.article-card{min-height:unset}h1{font-size:36px}.lead{font-size:16px}}