*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:100px}body{margin:0;background:#10182c;color:#f5f1f8;font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:#dfc8f6}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}header img{width:110px;height:auto}nav{display:flex;gap:16px;flex-wrap:wrap}h1{font-size:clamp(28px,5vw,48px);line-height:1.2}p{max-width:75ch;color:#afbdd0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.card{padding:22px;background:#1d2a43;border:1px solid #41516b;border-radius:22px}.card h3{margin:0}.card p{margin:12px 0}.button{display:inline-flex;padding:10px 18px;border-radius:14px;background:#dfc8f6;color:#10182c;text-decoration:none;font-weight:700}.label{font-size:13px;color:#dfc8f6}.crumb{font-size:14px}footer{border-top:1px solid #41516b;padding-bottom:max(28px,env(safe-area-inset-bottom));margin-top:40px}summary{cursor:pointer;font-weight:700}details{border-bottom:1px solid #41516b;padding:18px 0}a:focus-visible{outline:3px solid #dfc8f6;outline-offset:5px}@media(max-width:420px){header,main,footer{padding:18px}header{align-items:start;flex-wrap:wrap}}@media(horizontal-viewport-segments:2){header,main,footer{width:env(viewport-segment-width 0 0);max-width:none;margin-left:env(viewport-segment-left 0 0);margin-right:0}}@media(vertical-viewport-segments:2){body{height:env(viewport-segment-height 0 0);overflow:auto}}