:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:var(--color-background);color:var(--color-text)}
*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:54px 28px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:15px;font-weight:750;letter-spacing:-.02em}
.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #425d77;border-radius:12px;background:#162b40;color:var(--color-accent)}
.panel{position:relative;overflow:hidden;border:1px solid #344e68;border-radius:24px;padding:clamp(28px,6vw,72px);background:var(--surface-hero);box-shadow:0 16px 50px #020a1526}
.panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--hero-accent)}
.eyebrow{color:#a0e5ea;letter-spacing:.2em;font-size:12px;font-weight:750}
h1{max-width:780px;font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}
p{max-width:580px;color:#c1cede;line-height:1.7;font-size:17px;margin:0}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}form{margin:0}
.primary,button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;background:var(--color-accent);color:var(--color-on-accent);font:750 14px system-ui,-apple-system,sans-serif;padding:15px 20px;border:0;border-radius:8px;cursor:pointer;min-height:48px}
.primary:hover,button:hover{background:var(--color-accent-hover)}.secondary{color:#c1cede;font-size:14px;text-underline-offset:4px}.secondary:hover{color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.note{margin-top:22px;font-size:13px;color:var(--color-muted)}footer{padding:28px 0;color:var(--color-subtle);font-size:12px;line-height:1.7}
@media(max-width:560px){main{padding:30px 18px}.brand{margin-bottom:24px}.panel{padding:32px 24px}.actions{align-items:stretch;flex-direction:column}.primary,button{width:100%}}

.brand-year{color:var(--color-subtle);font-weight:400}