.signup-layout { max-width: 680px; margin: 0 auto; padding: 0 24px; }
.signup-brand { padding: 28px 0 36px; font-weight: 580; color: var(--accent); }
.signup-layout h1 { font-size: clamp(30px, 6vw, 46px); line-height: 1.15; letter-spacing: -.025em; margin: 0 0 22px; }
.signup-layout h2 { font-size: 23px; line-height: 1.3; margin: 0 0 14px; }
.signup-layout p { line-height: 1.65; color: var(--text-2); }
.signup-card { background: #174b93; color: #ffffff; border: 1px solid #174b93; border-radius: 14px; padding: 24px; margin: 30px 0; }
.signup-card p { color: #edf4ff; }
.signup-card label { display: block; margin: 22px 0 8px; }
.signup-card input { display: block; width: 100%; border: 1px solid #c9d8ed; border-radius: 8px; background: #ffffff; color: #172033; font: inherit; padding: 12px; margin: 0 0 14px; }
.signup-card input::placeholder { color: #596579; opacity: 1; }
.signup-card button { font: inherit; cursor: pointer; }
.signup-card .btn-primary { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 52px; margin: 0 auto; padding: 14px 20px; background: #ffffff; color: #174b93; border: 1px solid #ffffff; font-weight: 700; text-align: center; white-space: normal; }
.signup-card .btn-primary:hover { background: #edf4ff; color: #123e7a; }
.signup-card input:focus-visible, .signup-card button:focus-visible { outline: 3px solid #ffffff; outline-offset: 3px; }
.signup-layout a:not(.btn-store) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.signup-layout .signup-card a:not(.btn-store) { color: #ffffff; }
.signup-app { padding: 16px 0 36px; }
.signup-layout footer { display: block; font-size: 13px; color: var(--text-3); line-height: 1.7; padding: 24px 0 40px; }
:root { --bg: #ffffff; --text: #172033; --text-2: #374151; --text-3: #4b5563; --accent: #174b93; }
html { color-scheme: light; }

.signup-card .guide-label { font-size: 13px; font-weight: 700; letter-spacing: .04em; margin: 0 0 10px; }
.guide-benefits { padding-left: 20px; margin: 16px 0; line-height: 1.6; color: #edf4ff; }
.guide-benefits li + li { margin-top: 8px; }
.signup-context { padding: 18px 0 32px; }
.context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.context-grid article { background: #f3f7fc; border: 1px solid #dce6f4; border-radius: 12px; padding: 20px; }
.context-grid h3 { font-size: 18px; line-height: 1.35; margin: 0 0 12px; color: #174b93; }
.context-grid p { font-size: 15px; margin-bottom: 14px; }
.context-grid a { font-size: 13px; }
.signup-context blockquote { margin: 24px 0 10px; padding: 4px 0 4px 18px; border-left: 3px solid #174b93; font-size: 21px; line-height: 1.5; color: #172033; }
.signup-app { border-top: 1px solid #dce6f4; padding-top: 30px; }
@media (max-width: 520px) {
  .context-grid { grid-template-columns: 1fr; }
  .signup-brand { padding-bottom: 24px; }
  .signup-card { padding: 20px; }
}

.signup-layout p { margin: 0 0 16px; }
.signup-card .fineprint { margin-top: 14px; }
.signup-card > p:last-child { margin: 14px 0 0; }