.auth-page{background:var(--color-bg-secondary);min-height:100vh;padding:var(--space-8)var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);width:100%;max-width:480px;transition:box-shadow var(--transition-base)}.auth-card:hover{box-shadow:var(--shadow-2xl);transform:none}.auth-card-wide{max-width:680px}.auth-back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;display:flex;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-medium)!important;text-decoration:none!important}.auth-back-link:hover{background:var(--color-primary-50);color:var(--color-primary)!important;text-decoration:none!important}.auth-back-link-outside{margin-bottom:var(--space-4);justify-content:center}.auth-page:has(.auth-back-link-outside){flex-direction:column}.auth-back-link svg:first-child{opacity:.7}.auth-back-link span{font-weight:var(--font-weight-semibold)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.auth-icon-wrapper{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-full);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.auth-icon-wrapper.auth-icon-success{background:var(--color-success-50);color:var(--color-success-600)}.auth-icon-wrapper.auth-icon-error{background:var(--color-error-50);color:var(--color-error-600)}.auth-icon-wrapper.auth-icon-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.auth-icon-wrapper.auth-icon-muted{background:var(--color-neutral-100);color:var(--color-text-secondary)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-links{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.auth-link{color:var(--color-text-link);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.auth-link:hover{color:var(--color-text-link-hover);text-decoration:underline}.auth-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-card a{color:var(--color-text-link);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.auth-card a:hover{color:var(--color-text-link-hover);text-decoration:underline}.auth-loading-state{padding:var(--space-6)0;justify-content:center;align-items:center;display:flex}.auth-info-box{margin-bottom:var(--space-6)}.auth-info-box-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--space-2)}.auth-plan-selector{gap:var(--space-4);flex-wrap:wrap;display:flex}.auth-plan-card{padding:var(--space-5);cursor:pointer;border:2px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--color-bg-primary);flex:250px}.auth-plan-card:hover{border-color:var(--color-primary-300);box-shadow:none;transform:none}.auth-plan-card-selected{background:var(--color-primary-50);border-color:var(--color-primary)!important}.auth-plan-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.auth-plan-icon{color:var(--color-primary);flex-shrink:0}.auth-plan-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1;margin:0}.auth-plan-check{color:var(--color-success-500);flex-shrink:0}.auth-plan-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.auth-plan-features{margin:0;padding:0;list-style:none}.auth-plan-features li{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-1)0}.auth-plan-features li:before{content:"•";color:var(--color-primary);margin-right:var(--space-1)}.auth-password-requirements{margin:0 0 var(--space-4);padding:0;list-style:none}.auth-password-requirements li{align-items:center;gap:var(--space-2);padding:var(--space-1)0;font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.auth-password-requirements li.met{color:var(--color-success-600)}.auth-req-icon{flex-shrink:0}.auth-req-icon-success{color:var(--color-success-500)}.auth-req-icon-error{color:var(--color-error-500)}.verification-code-input{gap:var(--space-3);margin:var(--space-6)0;justify-content:center;display:flex}.verification-code-input input{text-align:center;width:56px;height:64px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-primary);transition:all var(--transition-fast)}.verification-code-input input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.verification-code-input input.has-value{border-color:var(--color-primary);background:var(--color-primary-50)}@media (max-width:767px){.auth-page{padding:var(--space-4);padding-top:var(--space-8);align-items:flex-start}.auth-card{padding:var(--space-6)var(--space-5)!important;border-radius:var(--radius-xl)!important}.auth-title{font-size:var(--font-size-xl)!important}.verification-code-input{gap:var(--space-2)}.verification-code-input input{width:48px;height:56px;font-size:var(--font-size-xl)}.auth-plan-selector{flex-direction:column}}@media (max-width:480px){.verification-code-input input{width:40px;height:48px;font-size:var(--font-size-lg)}}