:root{--bg:#08080d;--panel:#101018;--line:#ffffff14;--muted:#c3bed0;--accent:#9c7cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}header,main,footer{max-width:1120px;margin:auto}header{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.brand{font:700 1.2rem Outfit,sans-serif;color:#fff;text-decoration:none}.brand span{color:#ad91ff;margin-right:.35rem}nav{display:flex;gap:1.25rem;align-items:center}nav a{color:#cec8da;text-decoration:none;font-size:.73rem;font-weight:600}.nav-cta{padding:.65rem .85rem;border:1px solid #ffffff25;border-radius:7px;color:#fff}.crumbs{display:flex;gap:.55rem;padding:30px 24px 0;color:#918a9d;font-size:.7rem}.crumbs a{color:#ad91ff;text-decoration:none}main>article{max-width:820px;padding:32px 24px 80px}.category{color:#b096ff;font-size:.68rem;font-weight:700;letter-spacing:1.4px}.lead{max-width:760px;color:#d0cadb;font-size:1.02rem;line-height:1.75}.listing{padding:70px 24px 90px}.listing>h1,article h1{margin:10px 0 20px;font:700 clamp(2.5rem,5.5vw,5.1rem)/.98 Outfit,sans-serif;letter-spacing:-2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.card a{display:block;height:100%;color:inherit;text-decoration:none}.card img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;border-bottom:1px solid var(--line)}.card div{padding:18px}.card p{margin:0;color:#ad91ff;font-size:.63rem;font-weight:700;letter-spacing:1.1px}.card h2{margin:17px 0 11px;font:600 1.25rem/1.15 Outfit,sans-serif}.card span{display:block;color:var(--muted);font-size:.79rem;line-height:1.55}.card b{display:block;margin-top:22px;font-size:.72rem;color:#fff}article figure{margin:38px 0}article figure img{display:block;width:100%;border:1px solid var(--line);border-radius:16px;background:#111}figcaption{margin-top:8px;color:#8d8799;font-size:.67rem;text-align:right}article section{padding:28px 0;border-top:1px solid var(--line)}article section h2{margin:0 0 12px;font:600 1.9rem Outfit,sans-serif;letter-spacing:-.8px}article section p,.source{color:var(--muted);line-height:1.75;font-size:.93rem}.tip{margin-top:20px;padding:21px 23px;border:1px solid #9979ef55;border-radius:13px;background:#ffffff06}.tip b{color:#c3b3ff;font-size:.75rem;letter-spacing:.7px;text-transform:uppercase}.tip p{margin:10px 0 0;color:#d0cadb;line-height:1.65;font-size:.88rem}.source{font-size:.78rem}.source a{color:#b69dff}.related{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:36px;padding:25px;border-radius:14px;background:linear-gradient(135deg,#4b31a6,#171126);font-size:.88rem}.related a{color:#fff;font-weight:700;text-decoration:none}footer{border-top:1px solid var(--line);padding:30px 24px 48px;color:#918a9d;font-size:.73rem}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:66px;padding:0 18px}nav a:not(.nav-cta){display:none}.listing{padding:48px 22px 65px}main>article{padding:22px 22px 60px}.crumbs{padding:22px 22px 0}.cards{grid-template-columns:1fr}.related{align-items:flex-start;flex-direction:column}article section h2{font-size:1.65rem}}
