:root{color-scheme:dark;background:#070b25;color:#f6f3ff;font-family:system-ui,Tahoma,Arial,sans-serif;line-height:1.75}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 80% 0,#27153d 0,transparent 43rem),#070b25}
.frame{width:min(100% - 2rem,68rem);margin-inline:auto}
a{color:#ffc0e3;text-underline-offset:.24em}
a:hover{color:#fff}
a:focus-visible{outline:2px solid #ffe3a5;outline-offset:4px}
header{border-bottom:1px solid #44345b;background:#0b1029e8}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.3rem;text-decoration:none;color:inherit;white-space:nowrap}
.brand img{border-radius:.65rem}
.brand span{font-size:.82rem;color:#d4b4d0}
nav{display:flex;flex-wrap:wrap;gap:.55rem 1.35rem}
nav a{color:#eee4f8;text-decoration:none}
nav a:hover,nav a[aria-current=page]{color:#ffb5dc;text-decoration:underline}
.cta,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.5rem 1.1rem;border-radius:.8rem;font-weight:750;text-decoration:none}
.cta{background:#f58bc5;color:#261129}
.cta:hover{color:#261129;background:#ffb5dc}
.secondary{border:1px solid #765a83;color:#fff}
.hero{padding-block:clamp(2.6rem,8vw,6rem) 2.6rem}
.label{font-weight:750;color:#ffc1e0;letter-spacing:.04em}
.label span{margin-inline:.4rem}
h1,h2,p{margin:0}
h1{font-size:clamp(2.35rem,7vw,4.6rem);line-height:1.25;margin-block:.3rem .8rem;max-width:17ch}
h2{line-height:1.5;margin-bottom:.5rem;font-size:1.3rem}
.intro{color:#e8dced;font-size:clamp(1.07rem,2vw,1.28rem);max-width:43rem}
.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.article{max-width:45rem}
.article section,.cards section{padding:1.25rem;border:1px solid #473557;border-radius:1rem;background:#141831}
.article section+section{margin-top:1rem}
.article p+p{margin-top:.7rem}
section p{color:#e4dcea}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cards a{display:inline-block;margin-top:.8rem}
main{padding-bottom:3rem}
footer{padding:1.6rem 0 2rem;border-top:1px solid #44345b}
footer p{margin-top:1rem;color:#cdc0d8;font-size:.9rem}
.skip{position:absolute;inset-inline-start:1rem;top:-5rem;background:#141831;padding:.5rem}
.skip:focus{top:.5rem;z-index:2}
@media(max-width:670px){.bar{flex-wrap:wrap}.bar nav{order:3;width:100%;font-size:.94rem}.cards{grid-template-columns:1fr}.hero{padding-bottom:1.6rem}}