.wrap { max-width: 48rem; margin: 0 auto; padding: 2rem 1.25rem; }
.wrap h1 { font-size: clamp(1.6rem, 4vw, 2.5rem); line-height: 1.2; }
.wrap form { display: grid; gap: .65rem; margin: 1.5rem 0; }
.wrap button { min-height: 44px; padding: .75rem 1rem; border: 1px solid #75b5ff; border-radius: .6rem; background: #15293c; color: #f4f7fb; font: inherit; cursor: pointer; }
.wrap input { min-height: 44px; width: 100%; box-sizing: border-box; font: inherit; }
.wrap a { color: #75b5ff; }
.wrap button:focus-visible, .wrap input:focus-visible, .wrap a:focus-visible { outline: 3px solid #e8c777; outline-offset: 4px; }
.wrap button:disabled { cursor: wait; opacity: .7; }
.wrap [hidden] { display: none !important; }
@media (prefers-color-scheme: light) { .wrap a { color: #75b5ff; } }