:root{--color-primary-main:#0b7eb6;--color-primary-dark:#006490;--color-primary-light:#0e9ce0;--color-primary-lighter:#38bdf8;--color-primary-bg:#e0f2fe;--color-primary-subtle:#f0f9ff;--color-primary-halo:#e0f2fe4d;--color-success-main:#166e2e;--color-success-bright:#1d8b3a;--color-success-bg:#f0fdf4;--color-error-main:#dc2626;--color-error-dark:#991b1b;--color-error-bg:#fef2f2;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#475569;--color-text-neutral-dark:#1f2937;--color-text-placeholder:#9ca3af;--color-text-inverted:#fff;--color-text-brand:#0b7eb6;--color-text-brand-dark:#006490;--color-surface-canvas:#ededed;--color-surface-card:#fff;--color-surface-neutral:#f1f5f9;--color-surface-light:#f8fafc;--color-border-neutral:#ededed;--color-border-card-stroke:#f1f5f9;--color-border-subtle:#0000001a;--color-border-default:#9ca3afcc;--color-border-active:#0b7eb6;--color-border-filled:#1f2937;--color-border-error:#dc2626;--color-border-success:#1d8b3a;--font-family-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading-medium:600 18px/24px var(--font-family-heading);--font-title-medium:600 16px/24px var(--font-family-heading);--font-body-large:400 16px/24px var(--font-family-body);--font-body-medium:400 14px/20px var(--font-family-body);--font-label-bold:700 14px/24px var(--font-family-body);--font-caption-regular:400 12px/16px var(--font-family-body);--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--shadow-elevation-0:0px 0px 0px 0px #00000040;--shadow-elevation-1:0px 1px 4px 0px #00000026, 0px 1px 2px 0px #0000001a;--shadow-elevation-2:0px 2px 8px 0px #00000026, 0px 2px 4px 0px #0000001a;--shadow-elevation-3:0px 4px 12px 0px #0003, 0px 2px 6px 0px #0000001a;--shadow-elevation-4:0px 6px 16px 0px #0003, 0px 3px 8px 0px #0000001a;--shadow-elevation-5:0px 10px 24px 0px #00000040, 0px 4px 12px 0px #0000001a;--app-max-width:440px;--card-width:390px;--top-appbar-height:56px;--button-height-lg:58px;--button-height-md:48px;--button-height-sm:32px;--input-height:56px;--otp-box-size:48px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family-body);background-color:var(--color-surface-canvas);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{justify-content:center;align-items:flex-start;min-height:100dvh;display:flex;overflow-x:hidden}#root{width:100%;max-width:var(--app-max-width);background-color:var(--color-surface-card);min-height:100dvh;box-shadow:var(--shadow-elevation-2);flex-direction:column;display:flex;position:relative}@media (width<=480px){#root{max-width:100%;box-shadow:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-primary);font-weight:600}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s ease-in-out}button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:2px}input{color:var(--color-text-primary);background:0 0;border:none;font-family:inherit}input:focus{outline:none}a{color:var(--color-primary-dark);text-decoration:none}a:hover{text-decoration:underline}.medisense-app-root{flex-direction:column;flex:1;width:100%;display:flex}.medisense-brand-hero{align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.brand-logo-frame{padding:var(--spacing-xs) 0;justify-content:center;align-items:center;display:flex}.brand-logo-image{object-fit:contain;max-width:267px;height:48px}.brand-splash-frame{width:100%;max-width:290px;height:250px;margin:var(--spacing-xs) auto;justify-content:center;align-items:center;display:flex}.brand-splash-image{object-fit:contain;width:100%;height:100%}.auth-intro-heading-component{gap:var(--spacing-sm);text-align:left;flex-direction:column;display:flex}.auth-intro-title{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:18px;font-weight:600;line-height:24px}.auth-intro-subtitle{font-family:var(--font-family-body);letter-spacing:.01em;color:var(--color-text-secondary);font-size:16px;line-height:24px}.preferred-language-page-container{background-color:var(--color-surface-card);box-sizing:border-box;flex-direction:column;min-height:100dvh;padding:16px 20px 24px;display:flex}.preferred-language-hero{margin-bottom:var(--spacing-xs)}.preferred-language-section-header{margin:var(--spacing-sm) 0 var(--spacing-sm)}.preferred-language-heading-text{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:24px}.language-choices-component{margin-bottom:var(--spacing-lg);flex-direction:column;gap:10px;display:flex}.language-choice-card{background-color:var(--color-surface-card);border:1px solid var(--color-border-card-stroke);border-radius:var(--radius-xl);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;height:54px;padding:0 16px;transition:all .15s;display:flex}.language-choice-card:hover{background-color:var(--color-primary-subtle)}.language-choice-active{border-color:var(--color-primary-light);background-color:var(--color-primary-subtle)}.language-choice-input{display:none}.language-radio-circle{border:2px solid var(--color-border-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .15s;display:flex}.language-radio-checked{border-color:var(--color-primary-main)}.language-radio-dot{background-color:var(--color-primary-main);border-radius:50%;width:10px;height:10px}.language-choice-text{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:16px;font-weight:400}.preferred-language-action-section{gap:var(--spacing-xs);padding-top:var(--spacing-md);flex-direction:column;margin-top:auto;display:flex}.preferred-language-footnote{font-family:var(--font-family-body);color:var(--color-text-muted);text-align:center;margin-top:4px;font-size:12px;line-height:16px}.login-screen-page{background-color:var(--color-surface-card);flex-direction:column;min-height:100dvh;display:flex}.login-screen-body{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.login-form-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-form-fields-component{gap:var(--spacing-md);flex-direction:column;display:flex}.login-field-row{flex-direction:column;display:flex}.login-continue-action-row{margin-top:var(--spacing-sm)}.login-explanation-text{font-family:var(--font-family-body);color:var(--color-text-secondary);text-align:left;font-size:14px;line-height:20px}.login-bottom-action-container{padding:var(--spacing-lg) 0 var(--spacing-xs);justify-content:center;margin-top:auto;display:flex}.already-have-password-component{justify-content:center;width:100%;display:flex}.already-password-link-btn{font-family:var(--font-family-body);color:var(--color-primary-dark);border-radius:var(--radius-full);padding:8px 16px;font-size:15px;font-weight:500}.already-password-link-btn:hover{text-decoration:underline}.otp-screen-page{background-color:var(--color-surface-card);flex-direction:column;min-height:100dvh;display:flex}.otp-screen-body{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.otp-fields-section-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.otp-verification-fields-component{gap:var(--spacing-xs);flex-direction:column;display:flex}.otp-fields-label{font-family:var(--font-family-body);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:16px;font-weight:400}.otp-warning-message-row{align-items:center;gap:var(--spacing-xs);color:var(--color-error-main);margin-top:var(--spacing-xs);font-size:14px;line-height:20px;display:flex}.otp-warning-text{font-size:14px;line-height:20px}.otp-progress-note{color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-size:14px;line-height:20px}.otp-countdown-row{margin-top:var(--spacing-sm);justify-content:flex-start;display:flex}.otp-countdown-label{font-family:var(--font-family-body);color:var(--color-primary-main);font-size:14px;font-weight:700}.otp-action-buttons-component{gap:var(--spacing-md);flex-direction:column;display:flex}.otp-supporting-button-row{gap:var(--spacing-md);width:100%;display:flex}.otp-dual-outline-btn{background-color:var(--color-surface-card);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);height:52px;color:var(--color-primary-dark);font-family:var(--font-family-body);flex:1;justify-content:center;align-items:center;font-size:15px;font-weight:500;transition:all .15s;display:flex}.otp-dual-outline-btn:hover:not(:disabled){background-color:var(--color-primary-subtle);border-color:var(--color-primary-dark)}.otp-dual-outline-btn:disabled{opacity:.5;cursor:not-allowed}.pin-setup-screen-page{background-color:var(--color-surface-card);flex-direction:column;min-height:100dvh;display:flex}.pin-screen-body{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.pin-setup-form-container{gap:var(--spacing-md);flex-direction:column;display:flex}.pin-input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.pin-reveal-group{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pin-header-row{margin-bottom:var(--spacing-xxs);justify-content:space-between;align-items:center;display:flex}.pin-title-label{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:14px;font-weight:700}.pin-visibility-btn{color:var(--color-primary-main);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 6px;font-size:13px;font-weight:500;display:inline-flex}.pin-visibility-btn:hover{background-color:var(--color-primary-subtle)}.pin-helper-note{font-family:var(--font-family-body);color:var(--color-text-secondary);margin-top:2px;font-size:13px}.pin-error-feedback-row{align-items:center;gap:var(--spacing-xs);color:var(--color-error-main);margin-top:4px;font-size:13px;display:flex}.pin-actions-container{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.pin-footer-settings-note{color:var(--color-text-muted);text-align:center;margin-top:2px;font-size:13px}.pin-success-ready-card-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.pin-recovery-guidance-card{padding:var(--spacing-xl);background-color:var(--color-surface-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-card-stroke);box-shadow:var(--shadow-elevation-2);gap:var(--spacing-md);flex-direction:column;display:flex}.guidance-card-header{align-items:center;gap:var(--spacing-md);display:flex}.guidance-check-disc{background-color:var(--color-success-main);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.guidance-card-title{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:18px;font-weight:600}.guidance-card-desc{color:var(--color-text-secondary);font-size:15px;line-height:22px}.pin-email-recovery-text{color:var(--color-text-primary);font-size:14px;line-height:22px}.pin-email-recovery-text strong{color:var(--color-primary-dark)}.pin-success-action-group{margin-top:var(--spacing-lg);flex-direction:column;gap:14px;width:100%;display:flex}.pin-success-action-group .btn-outline{border:1.5px solid var(--color-primary-light);color:var(--color-primary-main);border-radius:var(--radius-lg);height:var(--button-height-lg);background-color:#0000;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:all .15s;display:flex}.pin-success-action-group .btn-outline:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary-main);color:var(--color-primary-dark)}.top-appbar{height:var(--top-appbar-height);padding:0 var(--spacing-lg);background-color:var(--color-surface-card);border-bottom:1px solid var(--color-border-card-stroke);z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.top-appbar-left,.top-appbar-right{align-items:center;gap:var(--spacing-sm);min-width:48px;display:flex}.top-appbar-right{justify-content:flex-end}.top-appbar-center{flex:1;justify-content:center;align-items:center;display:flex}.medisense-logo-container{justify-content:center;align-items:center;display:flex}.medisense-logo-img{object-fit:contain;max-width:192px;height:44px;display:block}.top-appbar-back-btn,.top-appbar-lang-btn,.top-appbar-icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-primary);justify-content:center;align-items:center;display:inline-flex;position:relative}.top-appbar-back-btn:hover,.top-appbar-lang-btn:hover,.top-appbar-icon-btn:hover{background-color:var(--color-surface-neutral)}.notification-badge{border-radius:var(--radius-full);background-color:var(--color-error-main);border:2px solid var(--color-surface-card);width:8px;height:8px;position:absolute;top:8px;right:8px}.top-appbar-avatar-btn{align-items:center;gap:var(--spacing-xs);height:var(--button-height-sm);border-radius:var(--radius-lg);border:1px solid var(--color-primary-light);background-color:var(--color-surface-card);padding:2px 10px 2px 4px;display:inline-flex}.user-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-dark);width:24px;height:24px;color:var(--color-primary-bg);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-switch-text{color:var(--color-primary-main);font-size:13px;font-weight:500}.form-field-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.medisense-input-wrapper{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.input-label{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:14px;font-weight:500}.input-box{height:var(--input-height);padding:0 var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.input-box:focus-within{border-color:var(--color-primary-main);box-shadow:0 0 0 1px var(--color-primary-main)}.input-box-filled{border-color:var(--color-border-filled)}.input-box-error{border-color:var(--color-error-main)!important;box-shadow:0 0 0 1px var(--color-error-main)!important}.input-prefix{font-family:var(--font-family-body);color:var(--color-text-primary);margin-right:var(--spacing-sm);-webkit-user-select:none;user-select:none;font-size:16px;font-weight:500}.input-field{color:var(--color-text-primary);flex:1;width:100%;font-size:16px;line-height:24px}.input-field::placeholder{color:var(--color-text-placeholder)}.input-clear-btn{color:var(--color-text-secondary);cursor:pointer;margin-left:var(--spacing-xs);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:15px;line-height:1;transition:color .15s,background-color .15s;display:flex}.input-clear-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-neutral)}.input-feedback-error{align-items:center;gap:var(--spacing-xs);color:var(--color-error-main);margin-top:2px;font-size:13px;line-height:18px;display:flex}.input-helper-text{color:var(--color-text-muted);font-size:12px;line-height:16px}.country-selector-wrapper{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex;position:relative}.country-anchor-control{height:var(--input-height);padding:0 var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);text-align:left;justify-content:space-between;align-items:center;transition:border-color .15s;display:flex}.country-anchor-control:focus-visible,.country-anchor-open{border-color:var(--color-primary-main);box-shadow:0 0 0 1px var(--color-primary-main)}.country-display-text{color:var(--color-text-primary);font-size:16px;font-weight:400;line-height:24px}.country-chevron{transition:transform .2s}.country-chevron-flipped{transform:rotate(180deg)}.country-helper-row{padding-left:var(--spacing-xs)}.country-helper-text{color:var(--color-text-secondary);font-size:12px;line-height:16px}.country-dropdown-menu{background-color:var(--color-surface-card);border:1px solid var(--color-border-card-stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-3);z-index:50;flex-direction:column;max-height:260px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.country-search-box{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-card-stroke);background-color:var(--color-surface-card);position:sticky;top:0}.country-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:14px}.country-options-list{flex-direction:column;display:flex}.country-option-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-surface-neutral);transition:background-color .15s;display:flex}.country-option-item:hover,.country-option-selected{background-color:var(--color-primary-subtle)}.country-flag{font-size:18px}.country-name{color:var(--color-text-primary);flex:1;font-size:14px}.country-code-pill{color:var(--color-primary-dark);font-size:13px;font-weight:500}.medisense-btn{font-family:var(--font-family-body);box-sizing:border-box;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.btn-full-width{width:100%}.btn-filled{height:var(--button-height-lg);background-color:var(--color-primary-main);color:var(--color-text-inverted);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-1);font-size:16px}.btn-filled:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-filled:disabled{opacity:.5;cursor:not-allowed}.btn-outline{height:var(--button-height-lg);color:var(--color-primary-dark);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);background-color:#0000;font-size:16px}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-subtle);border-color:var(--color-primary-dark)}.btn-text{color:var(--color-primary-dark);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);background-color:#0000;font-size:15px}.btn-text:hover{text-decoration:underline}.btn-danger{border-color:var(--color-error-main)!important;color:var(--color-error-main)!important}.btn-danger:hover{background-color:var(--color-error-bg)!important}.btn-spinner-container{align-items:center;gap:var(--spacing-sm);display:inline-flex}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.otp-pin-container{justify-content:space-between;gap:var(--spacing-sm);width:100%;margin:var(--spacing-xs) 0;display:flex}.otp-digit-box{max-width:52px;height:var(--otp-box-size);background-color:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex:1;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.otp-digit-box:focus-within{border-color:var(--color-primary-main);box-shadow:0 0 0 2px var(--color-primary-halo)}.otp-box-filled{border-color:var(--color-border-filled)}.otp-box-error{border:2px solid var(--color-error-main)!important}.otp-digit-input{opacity:0;cursor:pointer;z-index:2;text-align:center;width:100%;height:100%;position:absolute;inset:0}.otp-digit-display{font-family:var(--font-family-body);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:inline-flex}.otp-digit-display.is-asterisk{color:var(--color-primary-main);font-size:28px;font-weight:700;line-height:1;transform:translateY(3px)}.otp-box-error .otp-digit-display.is-asterisk{color:var(--color-error-main)!important}.medisense-toggle-wrapper{align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs) 0;display:flex}.toggle-control-track{width:44px;height:24px;display:inline-block;position:relative}.toggle-checkbox{opacity:0;width:0;height:0}.toggle-control-track{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-track{cursor:pointer;border-radius:var(--radius-full);box-sizing:border-box;background-color:#fff;border:1.5px solid #9ca3af;transition:all .2s;position:absolute;inset:0}.toggle-track-active{background-color:var(--color-primary-main);border-color:var(--color-primary-main)}.toggle-thumb{content:"";background-color:#1f2937;border-radius:50%;width:16px;height:16px;transition:transform .2s,background-color .2s;position:absolute;bottom:2.5px;left:3px;box-shadow:0 1px 2px #00000026}.toggle-thumb-active{background-color:#fff;transform:translate(19px)}.toggle-label{font-family:var(--font-family-body);color:var(--color-text-primary);cursor:pointer;font-size:15px;font-weight:400}.login-successful-screen{text-align:center;box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-successful-text{font-family:var(--font-family-heading,"Plus Jakarta Sans", sans-serif);color:var(--color-text-primary,#0f172a);margin:0;font-size:28px;font-weight:700}.login-successful-logout-link{color:var(--color-primary-main,#0b7eb6);font-family:var(--font-family-body,"Inter", sans-serif);cursor:pointer;background:0 0;border:none;margin-top:24px;font-size:14px;font-weight:500;text-decoration:underline}.login-successful-logout-link:hover{color:var(--color-primary-dark,#006490)}.medisense-snackbar{align-items:center;gap:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:14px 18px;display:flex}.snackbar-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-bright);color:var(--color-text-primary)}.snackbar-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-main);color:var(--color-error-dark)}.snackbar-message{flex:1;font-size:14px;font-weight:500;line-height:20px}.snackbar-close-btn{color:var(--color-text-secondary);padding:4px;display:flex}.subsequent-login-supporting-actions{padding-top:var(--spacing-md);justify-content:center;display:flex}.forgot-password-link{font-family:var(--font-family-body);color:var(--color-text-primary);padding:8px 16px;font-size:15px;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.btn-otp-instead{margin-top:var(--spacing-xs)}.recovery-channel-options{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.recovery-option-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background-color .15s;display:flex}.recovery-option-card:hover,.recovery-option-selected{border-color:var(--color-primary-main);background-color:var(--color-primary-subtle)}.recovery-radio-input{display:none}.custom-radio-glyph{border:2px solid var(--color-border-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.custom-radio-checked{border-color:var(--color-primary-main)}.custom-radio-inner{background-color:var(--color-primary-main);border-radius:50%;width:10px;height:10px}.recovery-option-text{flex-direction:column;gap:2px;display:flex}.recovery-option-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.recovery-option-value{color:var(--color-text-secondary);font-size:13px}.email-otp-screen-page{background-color:var(--color-surface-card);flex-direction:column;min-height:100dvh;display:flex}.email-otp-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.email-otp-heading-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.email-otp-title{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:28px}.email-otp-guidance-text{font-family:var(--font-family-body);color:var(--color-text-secondary);font-size:14px;line-height:22px}.email-otp-sent-to strong{color:var(--color-text-primary)}.email-otp-inbox-tip,.email-otp-spam-tip{color:var(--color-text-muted)}.email-otp-form-container{gap:var(--spacing-md);flex-direction:column;display:flex}.email-otp-input-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.email-otp-fields-label{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:14px;font-weight:600}.email-otp-warning-message-row{align-items:center;gap:var(--spacing-xs);color:var(--color-error-main);margin-top:4px;font-size:13px;display:flex}.email-otp-progress-note{color:var(--color-text-muted);margin-top:4px;font-size:13px}.email-otp-countdown-row{align-items:center;margin-top:4px;display:flex}.email-otp-countdown-label{font-family:var(--font-family-body);color:var(--color-primary-main);font-size:13px;font-weight:600}.email-otp-actions-container{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.email-otp-bottom-buttons-row{gap:var(--spacing-md);width:100%;display:flex}.email-otp-bottom-buttons-row>*{flex:1}.email-verified-container{gap:var(--spacing-xl);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex}.email-verified-success-card{padding:var(--spacing-xl);background-color:var(--color-surface-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-card-stroke);box-shadow:var(--shadow-elevation-2);gap:var(--spacing-md);flex-direction:column;display:flex}.email-verified-actions{flex-direction:column;width:100%;display:flex}.email-verified-actions .btn-outline{border:1.5px solid var(--color-primary-light);color:var(--color-primary-main);border-radius:var(--radius-md);background-color:#0000;justify-content:center;align-items:center;height:48px;font-size:16px;font-weight:500;transition:all .15s;display:flex}.email-verified-actions .btn-outline:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary-main);color:var(--color-primary-dark)}.auth-layout{background-color:var(--color-surface-card);box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex}.auth-body-container{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.auth-introduction{gap:var(--spacing-xs);flex-direction:column;display:flex}.auth-heading{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:32px}.auth-subheading{font-family:var(--font-family-body);color:var(--color-text-secondary);font-size:15px;line-height:22px}.password-login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-field-group{flex-direction:column;display:flex}.pin-field-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-action-group{margin-top:var(--spacing-sm);flex-direction:column;gap:14px;width:100%;display:flex}.btn-otp-instead{border:1.5px solid var(--color-primary-light);color:var(--color-primary-main);border-radius:var(--radius-lg);height:var(--button-height-lg);background-color:#0000;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:all .15s;display:flex}.btn-otp-instead:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary-main);color:var(--color-primary-dark)}.subsequent-login-supporting-actions{margin-top:var(--spacing-sm);justify-content:center;display:flex}.forgot-password-link{font-family:var(--font-family-body);color:#0f172a;cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:8px 24px;font-size:16px;font-weight:400;line-height:24px;text-decoration:none;transition:opacity .15s,color .15s}.forgot-password-link:hover{color:var(--color-text-secondary);opacity:.85;text-decoration:underline}.forgot-pin-screen-page{background-color:var(--color-surface-card);box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex}.forgot-pin-screen-body{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.recovery-channel-options{gap:var(--spacing-md);flex-direction:column;display:flex}.recovery-option-label{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:15px;line-height:22px}.forgot-country-selector{background-color:var(--color-surface-card);box-sizing:border-box;border:1px solid #9ca3af;border-radius:16px;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex}.forgot-country-text{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:16px}.forgot-mobile-field{flex-direction:column;gap:8px;display:flex}.forgot-field-label{font-family:var(--font-family-body);color:var(--color-text-primary);font-size:14px;font-weight:500}.forgot-mobile-input-box{background-color:var(--color-surface-card);box-sizing:border-box;border:1px solid #1f2937;border-radius:12px;align-items:center;height:56px;padding:4px 16px;display:flex}.forgot-mobile-prefix{font-family:var(--font-family-body);color:var(--color-text-primary);margin-right:8px;font-size:16px;font-weight:500}.forgot-mobile-value{font-family:var(--font-family-body);color:var(--color-text-primary);letter-spacing:.05em;font-size:16px}.forgot-helper-text{font-family:var(--font-family-body);color:var(--color-text-secondary);font-size:14px;line-height:20px}.forgot-change-pin-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.pin-changed-success-card{padding:var(--spacing-xl);background-color:var(--color-surface-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-card-stroke);gap:var(--spacing-lg);flex-direction:column;display:flex;box-shadow:0 10px 24px #00000040,0 4px 12px #0000001a}.pin-changed-desc{font-family:var(--font-family-body);color:var(--color-text-secondary);margin:0;font-size:16px;line-height:24px}.pin-changed-actions{flex-direction:column;width:100%;display:flex}