:root{--bg:#080710;--panel:#100e19;--text:#f7f2fb;--muted:#b8b0bf;--line:#ffffff18;--purple:#a876ff;--orange:#ff7245;--max:920px;color-scheme:dark;font-family:Inter,Onest,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.75}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.header{min-height:76px;padding:14px max(20px,calc((100% - 1160px)/2));position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#080710ed;backdrop-filter:blur(18px)}.brand{text-decoration:none;font-weight:800}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.14em}.nav{margin-left:auto;display:flex;gap:22px}.nav a{color:#c9c1cf;text-decoration:none;font-size:13px}.nav a:hover{color:#fff}.button{padding:13px 18px;border:1px solid #b584ff;border-radius:9px;background:linear-gradient(135deg,#9a62f8,#6e34d5);color:#fff;text-decoration:none;font-size:13px;font-weight:800}.article-hero{padding:82px 0 56px;background:radial-gradient(circle at 80% 20%,#6a28c74b,transparent 32%),linear-gradient(#080710,#0c0914)}.breadcrumbs{margin:0 0 26px;color:#918a98;font-size:12px}.breadcrumbs a{color:#c5a9f5;text-decoration:none}.eyebrow{color:#cbaeff;font-size:10px;font-weight:900;letter-spacing:.18em}.article-hero h1{max-width:900px;margin:16px 0 24px;font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.045em}.article-hero p:last-child{max-width:760px;color:#c1b9c7;font-size:18px}.article{padding:64px 0 90px}.article h2{margin:64px 0 18px;padding-top:10px;font-size:32px;line-height:1.2;letter-spacing:-.025em}.article h3{margin:31px 0 10px;color:#d9c4ff;font-size:18px}.article p{margin:14px 0;color:#d0c9d5}.article ul{margin:16px 0 22px;padding-left:25px}.article li{margin:8px 0;color:#cec6d2}.article strong{color:#fff}.article table{width:100%;margin:28px 0;border-collapse:collapse;border:1px solid var(--line)}.article th,.article td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article th{background:#a876ff18;color:#dbc8ff}.article tr:last-child td{border-bottom:0}.article-cta{margin-top:60px;padding:34px;border:1px solid #a876ff4d;border-radius:18px;background:linear-gradient(145deg,#6f33d52e,#ffffff05)}.article-cta h2{margin:0 0 12px;padding:0}.article-cta p{margin:0 0 22px}.materials{padding:72px 0 90px}.materials .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.materials .eyebrow,.materials h1,.materials>.wrap>p{grid-column:1/-1}.materials h1{max-width:820px;margin:10px 0 6px;font-size:clamp(42px,6vw,68px);line-height:1.05}.materials>.wrap>p{max-width:720px;margin:0 0 14px;color:var(--muted)}.material-card{min-height:290px;margin:0;padding:25px;border:1px solid #a876ff3c;border-radius:17px;background:linear-gradient(145deg,#a876ff16,#ffffff04)}.material-card a{height:100%;display:flex;flex-direction:column;text-decoration:none}.material-card h2{margin:12px 0;font-size:24px;line-height:1.22}.material-card p{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.6}.material-card strong{margin-top:auto}.material-card small{color:#caaeff;font-weight:800;letter-spacing:.1em}footer{padding:32px 0;border-top:1px solid var(--line)}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{color:#8f8795;font-size:11px}footer nav{display:flex;gap:16px;flex-wrap:wrap}footer nav a{color:#aaa2b2;font-size:11px;text-decoration:none}@media(max-width:760px){body{font-size:16px}.wrap{width:min(100% - 26px,var(--max))}.header{padding:12px 13px;gap:12px}.nav{display:none}.header>.button{margin-left:auto;padding:11px 12px;font-size:10px}.article-hero{padding:56px 0 40px}.article-hero h1{font-size:40px}.article{padding-top:42px}.article h2{margin-top:48px;font-size:27px}.article table{display:block;overflow-x:auto}.article th,.article td{min-width:160px;padding:13px}.article-cta{padding:25px 20px}.materials{padding:54px 0 70px}.materials .wrap{grid-template-columns:1fr;gap:16px}.materials .eyebrow,.materials h1,.materials>.wrap>p{grid-column:auto}.material-card{min-height:0;padding:22px}.material-card h2{font-size:22px}footer .wrap{align-items:flex-start;flex-direction:column}}