@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/poppins/poppins-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/poppins/poppins-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/poppins/poppins-latin-700-normal.woff2') format('woff2'); }
:root { --client-accent: #6c5ce7; --client-surface: #171923; }
body { min-height: 100vh; font-family: 'Poppins', sans-serif; color: #f4f5f8; background: #10121a; }
.client-auth-page { background: radial-gradient(circle at top right, #29264a 0, #10121a 48%); }
.client-auth-card { width: min(100%, 500px); background: rgba(23,25,35,.97); }
.client-registration-card { max-width: 840px; background: rgba(23,25,35,.97); }
.client-content-card { border-color: rgba(255,255,255,.1); background: var(--client-surface); }
.client-brand { display: inline-flex; align-items: center; gap: .75rem; color: #fff; text-decoration: none; }
.client-brand > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--client-accent); font-weight: 700; }
.client-brand:hover, .client-brand:focus-visible { color: #d9d5ff; }
.client-eyebrow { color: #9386ff; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.btn-primary { --bs-btn-bg: var(--client-accent); --bs-btn-border-color: var(--client-accent); --bs-btn-hover-bg: #5948dc; --bs-btn-hover-border-color: #5948dc; }
.client-otp-input { font-size: 1.75rem; font-weight: 700; letter-spacing: .45em; text-align: center; font-variant-numeric: tabular-nums; }
.client-term { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: .75rem; background: #10121a; }
.client-term-content { max-height: 16rem; overflow-y: auto; padding-right: .5rem; color: #c5c9d4; white-space: pre-line; line-height: 1.7; }
.client-platform-header { border-bottom: 1px solid rgba(255,255,255,.08); background: var(--client-surface); }
.form-control, .input-group-text { border-color: rgba(255,255,255,.13); }
.form-control:focus { border-color: #9386ff; box-shadow: 0 0 0 .25rem rgba(108,92,231,.2); }
@media (max-width: 575.98px) {
  .client-auth-page main { align-items: flex-start !important; padding-top: 1rem !important; }
  .client-auth-card .card-body, .client-registration-card .card-body { padding: 1.5rem !important; }
  .client-otp-input { letter-spacing: .3em; }
}
.client-form-wizard { max-width: 820px; background: #171923; }
.client-question-step textarea { min-height: 180px; resize: vertical; }
.client-submission-status { border-color: rgba(255,255,255,.1) !important; background: rgba(16,18,26,.6); }
.client-form-page { position: relative; overflow-x: hidden; background: radial-gradient(circle at 78% 34%, #29264a 0, #171827 27%, #10121a 66%); }
.client-form-page::after { content: ''; position: fixed; z-index: 0; right: clamp(-5rem, -3vw, -1rem); bottom: clamp(-3rem, -2vw, -1rem); width: clamp(300px, 38vw, 720px); aspect-ratio: 425 / 204; background: url('/images/icon_scrum_sales.svg') center / contain no-repeat; pointer-events: none; }
.client-form-page main { position: relative; z-index: 1; }
.client-form-page .client-auth-card, .client-form-page .client-form-wizard { background: rgba(23, 25, 35, .97); }
.client-form-logo { display: block; width: auto; height: clamp(64px, 8vw, 92px); margin-inline: auto; }
@media (max-width: 767.98px) {
  .client-form-page::after { right: -5rem; bottom: 1rem; width: 300px; opacity: .16; }
  .client-form-logo { height: 64px; }
}