.verification-page { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #FAF9F7; color: #27241D; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.verification-card { box-sizing: border-box; width: min(400px, calc(100% - 32px)); padding: 32px; background: white; border: 1px solid #E8E6E1; border-radius: 10px; }
.verification-brand { color: #625D52; font-weight: 600; margin-bottom: 24px; }
.verification-card h1, #pending-signup h2 { font-size: 1.4rem; letter-spacing: -.02em; margin: 0 0 16px; }
.verification-card p, #pending-signup p { line-height: 1.6; margin-bottom: 16px; overflow-wrap: anywhere; }
.verification-card button, .verification-card a { box-sizing: border-box; min-height: 44px; border-radius: 6px; padding: 12px; display: block; width: 100%; text-align: center; font: inherit; }
.verification-card button { background: #2CB1BC; color: #27241D; border: 0; cursor: pointer; font-weight: 600; }
.verification-card button:disabled { opacity: .5; cursor: wait; }
.verification-card a { color: #504A40; }
.verification-card [hidden], #pending-signup[hidden], #pending-signup [hidden] { display: none !important; }
#pending-signup .pending-secondary { margin-top: 12px; }
#signup-btn[aria-busy="true"]::after { content: ''; display: inline-block; width: 12px; height: 12px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; margin-left: 10px; animation: signup-spin .8s linear infinite; }
@keyframes signup-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #signup-btn[aria-busy="true"]::after { animation: none; } }