.asun-auth-wrapper{--text-primary:#1f2937;--text-secondary:#6b7280;--bg-white:#ffffff;--bg-light:#e7e7e7;--border-color:#d1d5db;color-scheme:light;color:#1f2937;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg,1.5rem);background:var(--bg-light,#e7e7e7)}.asun-auth-container{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;background:var(--bg-white,#ffffff);border-radius:var(--radius-asymmetric,0 7px 0 7px);box-shadow:var(--shadow-xl,0 20px 50px rgb(0 0 0 / .15));overflow:hidden}.asun-auth-media{order:2;position:relative;min-height:540px;overflow:hidden;background:linear-gradient(135deg,#a46497 0%,#2d5c4d 100%)}.asun-auth-image,.asun-auth-video{width:100%;height:100%;object-fit:cover;display:block}.asun-auth-video{background:#1f2937}.asun-auth-media-overlay{position:absolute;inset:auto 0 0 0;padding:var(--spacing-2xl,3rem);background:linear-gradient(to top,rgb(0 0 0 / .85),transparent);color:#fff;display:flex;flex-direction:column;gap:var(--spacing-xs,.25rem)}.asun-auth-media-brand{font-size:clamp(1.75rem, 3vw, 2.5rem);font-weight:800;letter-spacing:.02em;line-height:1.1}.asun-auth-media-tagline{font-size:var(--font-size-base,1rem);font-weight:500;opacity:.9}.asun-auth-form-area{order:1;padding:var(--spacing-2xl,3rem);display:flex;flex-direction:column;justify-content:center}.asun-auth-intro{text-align:center;margin:0 auto var(--spacing-xl,2rem);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.asun-auth-kicker,.asun-auth-heading,.asun-auth-subheading{text-align:center;margin-left:auto;margin-right:auto}.asun-auth-kicker{margin-top:0;margin-bottom:var(--spacing-xs,.25rem);font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#6b7280)}.asun-auth-heading{margin-bottom:var(--spacing-sm,.5rem);font-size:var(--font-size-xl,1.5rem);font-weight:800;color:var(--color-primary,#a46497);line-height:1.4}.asun-auth-subheading{margin:0;font-size:var(--font-size-lg,1.25rem);font-weight:700;color:var(--text-primary,#1f2937)}.asun-auth-step{display:none}.asun-auth-step[data-active="true"]{display:block;animation:asunFadeIn 0.25s ease}@keyframes asunFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.asun-auth-identity{display:flex;align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);background:var(--bg-light,#e7e7e7);border-radius:var(--radius-sm,4px);margin-bottom:var(--spacing-lg,1.5rem);font-size:var(--font-size-sm,.875rem)}.asun-auth-identity-label{color:var(--text-secondary,#6b7280);white-space:nowrap}.asun-auth-identity-value{flex:1;font-weight:600;color:var(--text-primary,#1f2937);word-break:break-all}.asun-auth-back{background:none;border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-sm,4px);color:var(--color-primary,#a46497);font-size:var(--font-size-xs,.75rem);padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);cursor:pointer;font-family:inherit}.asun-auth-back:hover{background:var(--color-primary,#a46497);color:#fff}.asun-form-group{position:relative;margin-bottom:var(--spacing-md,1rem)}.asun-form-group label{display:block;font-weight:600;font-size:var(--font-size-sm,.875rem);margin-bottom:var(--spacing-xs,.25rem);color:var(--text-primary,#1f2937)}.asun-required{color:var(--color-error,#dc2626)}.asun-field-hint{display:block;margin-top:var(--spacing-xs,.25rem);font-size:var(--font-size-xs,.75rem);color:var(--text-secondary,#6b7280)}.asun-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md,1rem)}.asun-auth-form .asun-input{width:100%;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:4px;padding:10px 12px;font-size:1rem;line-height:1.6;font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease}.asun-auth-form .asun-input::placeholder{color:#9ca3af}.asun-auth-form .asun-input:focus{outline:none;border-color:#a46497;box-shadow:0 0 0 3px rgb(164 100 151 / .18)}.asun-auth-form .asun-input[readonly],.asun-auth-form .asun-input:disabled{background:#f3f4f6;color:#4b5563;cursor:not-allowed}.asun-auth-form select.asun-input{appearance:auto;-webkit-appearance:auto;min-height:46px;cursor:pointer}.asun-auth-form select.asun-input option{color:#1f2937;background:#fff}.asun-form-actions{margin-top:var(--spacing-lg,1.5rem)}.asun-form-actions .asun-btn{width:100%}.asun-auth-wrapper .asun-btn-primary{background:var(--color-primary,#a46497);color:#fff;border:none}.asun-auth-wrapper .asun-btn-primary:hover{filter:brightness(1.06)}.asun-auth-wrapper .asun-btn-primary:disabled{opacity:.6;cursor:not-allowed}.asun-form-message{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);border-radius:var(--radius-sm,4px);margin-bottom:var(--spacing-md,1rem);font-size:var(--font-size-sm,.875rem);display:none}.asun-form-message:not(:empty){display:block}.asun-form-message.is-success{background:rgb(45 92 77 / .1);color:#2d5c4d;border:1px solid rgb(45 92 77 / .2)}.asun-form-message.is-error{background:rgb(220 38 38 / .1);color:#dc2626;border:1px solid rgb(220 38 38 / .2)}.asun-email-suggestion{position:absolute;top:calc(100% - 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;padding:10px 14px;font-size:.95rem;cursor:pointer;box-shadow:0 4px 10px rgb(0 0 0 / .08);z-index:20;display:flex;align-items:center;transition:background 0.15s ease}.asun-email-suggestion:hover{background:#f9fafb}.asun-email-suggestion .asun-suggestion-prefix{color:#1f2937}.asun-email-suggestion .asun-suggestion-suffix{color:var(--color-primary,#a46497);font-weight:700;letter-spacing:.01em}.asun-email-suggestion::before{content:'⇥';margin-left:8px;padding:2px 6px;background:#f3f4f6;border-radius:3px;font-size:.75rem;color:#6b7280;font-weight:600}.asun-form-group:has(.asun-email-suggestion) .asun-input{border-radius:4px 4px 0 0;border-bottom-color:#fff0}.asun-otp-input{font-size:var(--font-size-xl,1.5rem)!important;letter-spacing:.5rem;text-align:center;font-family:var(--font-en,'Inter',monospace)}.asun-otp-actions{display:flex;align-items:center;gap:var(--spacing-md,1rem);margin-top:var(--spacing-sm,.5rem);font-size:var(--font-size-sm,.875rem);flex-wrap:wrap}.asun-link-btn{background:none;border:none;color:var(--color-primary,#a46497);cursor:pointer;font-weight:600;padding:0;font-size:inherit;font-family:inherit}.asun-link-btn:hover{text-decoration:underline}.asun-link-btn:disabled{color:var(--text-secondary,#6b7280);cursor:not-allowed}.asun-resend-timer{color:var(--text-secondary,#6b7280)}.asun-timer-countdown{font-weight:700;color:var(--color-primary,#a46497)}.asun-auth-alt{text-align:center;margin-top:var(--spacing-md,1rem);font-size:var(--font-size-sm,.875rem)}.asun-auth-forgot{text-align:center;margin-top:var(--spacing-sm,.5rem);font-size:var(--font-size-sm,.875rem)}.asun-auth-forgot a{color:var(--color-primary,#a46497);text-decoration:none}.asun-auth-forgot a:hover{text-decoration:underline}.asun-onboarding-title{margin:0 0 var(--spacing-xs,.25rem);font-size:var(--font-size-lg,1.25rem);font-weight:700;color:var(--text-primary,#1f2937);text-align:center}.asun-onboarding-subtitle{margin:0 0 var(--spacing-lg,1.5rem);font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#6b7280);text-align:center}.asun-onboarding-actions{display:flex;flex-direction:column;gap:var(--spacing-sm,.5rem)}.asun-auth-wrapper .asun-btn-ghost{background:#fff0;color:var(--text-secondary,#6b7280);border:1px dashed var(--border-color,#d1d5db);font-weight:500;font-family:inherit}.asun-auth-wrapper .asun-btn-ghost:hover{color:var(--color-primary,#a46497);border-color:var(--color-primary,#a46497);background:rgb(164 100 151 / .05)}.asun-auth-divider{display:flex;align-items:center;margin:var(--spacing-lg,1.5rem) 0;color:var(--text-secondary,#6b7280);font-size:var(--font-size-sm,.875rem)}.asun-auth-divider::before,.asun-auth-divider::after{content:'';flex:1;border-bottom:1px solid var(--border-color,#d1d5db)}.asun-auth-divider span{padding:0 var(--spacing-md,1rem)}.asun-btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm,.5rem);width:100%;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem);background:#fff;border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-asymmetric,0 7px 0 7px);color:#1f2937;font-weight:600;font-size:var(--font-size-base,1rem);font-family:inherit;cursor:pointer;transition:all var(--transition-base,0.2s)}.asun-btn-google:hover{background:#f9fafb;border-color:var(--color-primary,#a46497);box-shadow:var(--shadow-sm,0 1px 3px rgb(0 0 0 / .1))}.asun-btn-google:disabled{opacity:.6;cursor:not-allowed}.asun-btn-google svg{flex-shrink:0}@media (max-width:768px){.asun-auth-container{grid-template-columns:1fr;max-width:480px}.asun-auth-form-area{order:1;padding:var(--spacing-xl,2rem)}.asun-auth-media{order:2;min-height:200px;max-height:260px}.asun-auth-media-overlay{padding:var(--spacing-lg,1.5rem)}.asun-form-row{grid-template-columns:1fr}.asun-auth-intro{margin-bottom:var(--spacing-lg,1.5rem)}}@media (max-width:480px){.asun-auth-form-area{padding:var(--spacing-lg,1.5rem)}.asun-otp-input{font-size:var(--font-size-lg,1.25rem)!important;letter-spacing:.3rem}.asun-email-suggestion{font-size:.875rem;padding:8px 12px}}