:root{font-family:system-ui,sans-serif;color:#edf0fa;background:#101221;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:#d4c2ff}header,footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 6vw;border-bottom:1px solid #35394f}nav{display:flex;gap:24px}main{max-width:1280px;margin:auto;padding:64px 28px}h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.04em;max-width:1000px}h2{font-size:2rem;margin-top:60px}h3{font-size:1.35rem;margin:0 0 16px}.eyebrow{font-size:.8rem;letter-spacing:.12em;color:#d0b9ff}.lead{max-width:800px;font-size:1.15rem;line-height:1.8;color:#c7cde1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}article{display:flex;flex-direction:column;background:#1c2035;border:1px solid #414761;border-radius:20px;padding:28px}article p,article li,.next p{color:#cbd0e3;line-height:1.7}article ul{padding-left:20px;margin-bottom:24px}.button{display:block;margin-top:auto;padding:12px 16px;border:1px solid #a88de1;border-radius:10px;text-decoration:none}.button:hover{background:#34304b}.next{padding:12px 28px 28px;margin-top:36px;border:1px solid #414761;border-radius:20px}.next h2{margin-top:24px}.next a{display:inline-block;margin:12px 24px 0 0}:focus-visible{outline:3px solid #f3d88b;outline-offset:5px}.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:10px;padding:12px;background:#101221}@media(max-width:600px){main{padding:36px 20px}header,footer{padding:22px}nav{gap:16px}h2{font-size:1.6rem}article{padding:24px}}