*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f2442;color:#0a1628}.auth-hero{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a1628,#0f2442 40%,#1a3a5c);overflow:hidden}.auth-hero:before{content:"";position:absolute;top:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(212,160,23,.2) 0%,rgba(230,180,34,.1) 30%,transparent 70%);border-radius:50%;pointer-events:none;animation:floatSlow 25s ease-in-out infinite}.auth-hero:after{content:"";position:absolute;bottom:-25%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(107,143,181,.15) 0%,transparent 60%);border-radius:50%;pointer-events:none;animation:floatSlow 30s ease-in-out infinite reverse}.auth-hero__overlay{display:none}.auth-split{display:flex;width:100%;max-width:1200px;margin:0 auto;gap:4rem;align-items:center;position:relative;z-index:10;padding:2rem}@media(max-width:1024px){.auth-split{gap:3rem;max-width:1000px}}@media(max-width:968px){.auth-split{flex-direction:column;gap:2.5rem;padding:1.5rem}}@media(max-width:480px){.auth-split{padding:1rem;gap:2rem}}.auth-split__left{flex:1;max-width:520px}@media(max-width:968px){.auth-split__left{max-width:100%;order:2;text-align:center}}.auth-split__right{flex:1;display:flex;align-items:center;justify-content:center;max-width:520px}@media(max-width:968px){.auth-split__right{max-width:100%;order:1;width:100%}}.auth-welcome{max-width:520px;color:#fff}@media(max-width:968px){.auth-welcome{max-width:100%;display:flex;flex-direction:column;align-items:center}}.auth-welcome__badge{display:inline-flex;align-items:center;gap:.875rem;padding:.875rem 1.75rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50px;margin-bottom:2.25rem;font-size:1rem;font-weight:600}.auth-welcome__badge .material-symbols-rounded{color:#e6b422;font-size:1.625rem}.auth-welcome__badge svg{stroke:#e6b422}.auth-welcome__logo{width:32px;height:32px;object-fit:contain}.auth-welcome__title{font-size:3rem;font-weight:800;line-height:1.15;margin:0 0 1.75rem;color:#fff}@media(max-width:1200px){.auth-welcome__title{font-size:2.75rem}}@media(max-width:968px){.auth-welcome__title{font-size:2.25rem}}@media(max-width:480px){.auth-welcome__title{font-size:1.875rem}}.auth-welcome__text{font-size:1.25rem;line-height:1.7;color:#ffffffd9;margin:0 0 2.75rem}@media(max-width:968px){.auth-welcome__text{font-size:1.1rem;margin-bottom:2.25rem}}@media(max-width:480px){.auth-welcome__text{font-size:1rem}}.auth-features{list-style:none;padding:0;margin:0 0 2rem}@media(max-width:968px){.auth-features{margin-bottom:0}}.auth-features__item{display:flex;align-items:center;gap:1.125rem;padding:1.125rem 0;font-size:1.1rem;color:#ffffffe6}.auth-features__item .material-symbols-rounded{color:#e6b422;font-size:1.625rem}.auth-features__item svg{flex-shrink:0;stroke:#e6b422;stroke-width:2.5}@media(max-width:968px){.auth-features__item{font-size:1.05rem;padding:.875rem 0;justify-content:center}}@media(max-width:480px){.auth-features__item{font-size:1rem}}.auth-decor{position:relative;margin-top:2rem}.auth-decor__item{position:absolute;opacity:.3;stroke:#e6b422;animation:float 20s ease-in-out infinite}.auth-decor__item--1{top:-2rem;right:2rem;animation-delay:0s}.auth-decor__item--2{bottom:-3rem;left:3rem;animation-delay:2s}@media(max-width:968px){.auth-decor__item{display:none}}.auth-float{position:absolute;border-radius:50%;opacity:.6;filter:blur(60px);pointer-events:none;z-index:1}.auth-float--1{width:300px;height:300px;background:linear-gradient(135deg,#d4a0174d,#e6b42233);top:15%;left:5%;animation:floatSlow 25s ease-in-out infinite}.auth-float--2{width:250px;height:250px;background:linear-gradient(135deg,#e6b42240,#d4a01726);bottom:20%;right:8%;animation:floatSlow 30s ease-in-out infinite reverse}.auth-float--3{width:200px;height:200px;background:radial-gradient(circle,rgba(212,160,23,.2),transparent);top:50%;right:15%;animation:floatSlow 35s ease-in-out infinite}@media(max-width:968px){.auth-float{display:none}}.auth-card{width:100%;max-width:500px;background:#fff;border-radius:26px;padding:2.5rem;box-shadow:0 25px 60px #0a16281f,0 10px 20px #0a162814,0 0 0 1px #0f24420d;position:relative;transition:transform .3s ease,box-shadow .3s ease}.auth-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:4px;background:linear-gradient(90deg,#e6b422,#d4a017,#e6b422);border-radius:0 0 4px 4px}.auth-card:after{content:"";position:absolute;inset:4px;border-radius:22px;border:1px solid rgba(230,180,34,.08);pointer-events:none}.auth-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #0a162826,0 15px 30px #0a16281a,0 0 0 1px #d4a0171a}@media(max-width:968px){.auth-card{max-width:460px;padding:2.25rem}}@media(max-width:480px){.auth-card{padding:1.75rem;border-radius:20px;max-width:100%}}.auth-card__header{text-align:center;margin-bottom:1.5rem}.auth-card__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#e6b422,#d4a017);border-radius:18px;color:#0a1628;font-size:1.75rem;margin-bottom:1rem;box-shadow:0 4px 16px #d4a01740;animation:iconPulse 3s ease-in-out infinite}@media(max-width:480px){.auth-card__icon{width:56px;height:56px;font-size:1.5rem;border-radius:14px}}.auth-card__title{font-size:1.5rem;font-weight:700;color:#0f2442;margin:0 0 .375rem;line-height:1.2}@media(max-width:480px){.auth-card__title{font-size:1.35rem}}.auth-card__subtitle{font-size:.9rem;color:#b8a994;margin:0;line-height:1.5}.auth-card__footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e8dfd0}.auth-card__footer p{margin:0;font-size:.95rem;color:#b8a994}.auth-card__footer a{color:#264a72;font-weight:600;text-decoration:none;transition:color .15s ease}.auth-card__footer a:hover{color:#d4a017;text-decoration:underline}.auth-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;border-radius:12px;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.auth-alert .material-symbols-rounded{font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.auth-alert--success{background:#16a34a1a;border:1px solid rgba(22,163,74,.25);color:#0d602b}.auth-alert--success .material-symbols-rounded{color:#16a34a}.auth-alert--error{background:#dc26261a;border:1px solid rgba(220,38,38,.25);color:#b21d1d}.auth-alert--error .material-symbols-rounded{color:#dc2626}.auth-alert--warning{background:#d4a0171a;border:1px solid rgba(212,160,23,.3);color:#b8860b}.auth-alert--warning .material-symbols-rounded{color:#b8860b;flex-shrink:0}.auth-alert--warning p{margin:0 0 .25rem}.auth-alert--warning a{color:#b8860b;font-weight:600}.auth-alert--warning a:hover{text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form__group{display:flex;flex-direction:column;gap:.5rem}.auth-form__label{font-size:.9rem;font-weight:600;color:#1a3a5c}.auth-form__input-wrapper{position:relative;display:flex;align-items:center}.auth-form__input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#b8a994;font-size:1.35rem;pointer-events:none;transition:color .15s ease;z-index:1}.auth-form__input{width:100%;padding:1rem 1rem 1rem 3.25rem;font-size:1rem;border:2px solid #e8dfd0;border-radius:12px;background:#fdfbf7;color:#0a1628;transition:all .3s ease}.auth-form__input::placeholder{color:#c9bcaa}.auth-form__input:focus{outline:none;background:#fff;border-color:#d4a017;box-shadow:0 0 0 4px #d4a01726;transform:translateY(-2px)}.auth-form__input:focus~.auth-form__input-icon{color:#d4a017}.auth-form__input--error{border-color:#dc2626;background:#dc26260d}.auth-form__input--error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.auth-form__error{font-size:.8rem;color:#dc2626;display:flex;align-items:center;gap:.25rem}.auth-form__options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}@media(max-width:480px){.auth-form__options{flex-direction:column;align-items:flex-start;gap:.75rem}}.auth-form__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.auth-form__checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;border-radius:4px;accent-color:#264a72;cursor:pointer}.auth-form__checkbox-label{color:#1a3a5c;-webkit-user-select:none;user-select:none}.auth-form__link{color:#264a72;font-weight:600;text-decoration:none;transition:color .15s ease;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer}.auth-form__link:hover{color:#d4a017;text-decoration:underline}.auth-form__submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.75rem;font-size:1.05rem;font-weight:700;color:#0a1628;background:linear-gradient(135deg,#e6b422,#d4a017);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #d4a01759,inset 0 -2px #0000001a;position:relative;overflow:hidden}.auth-form__submit .material-symbols-rounded{font-size:1.25rem;transition:transform .15s ease}.auth-form__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-form__submit:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d4a01773,inset 0 -2px #0000001a}.auth-form__submit:hover:before{left:100%}.auth-form__submit:hover .material-symbols-rounded{transform:translate(3px)}.auth-form__submit:active{transform:translateY(-1px);box-shadow:0 4px 16px #d4a01759,inset 0 2px 4px #00000026}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-methods{margin-top:1.5rem}.auth-methods__divider{display:flex;align-items:center;gap:.875rem;color:#b8a994;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem}.auth-methods__divider:before,.auth-methods__divider:after{content:"";flex:1;height:1px;background:#e8dfd0}.auth-methods__buttons{display:flex;flex-direction:column;gap:.625rem}.auth-methods__btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem 1.125rem;font-size:.95rem;font-weight:500;color:#1a3a5c;background:#fff;border:2px solid #e8dfd0;border-radius:12px;cursor:pointer;transition:all .3s ease}.auth-methods__btn .material-symbols-rounded{font-size:1.25rem;color:#355d89}.auth-methods__btn:hover{border-color:#6b8fb5;background:#fdfbf7;transform:translateY(-2px);box-shadow:0 4px 12px #0f24421a}.auth-methods__btn:active{transform:translateY(0)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px;line-height:1;vertical-align:middle}.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}[data-animate=fade-up]{animation:fadeUp .8s cubic-bezier(.4,0,.2,1) forwards}[data-animate=fade-right]{animation:fadeRight .8s cubic-bezier(.4,0,.2,1) forwards}[data-delay="200"]{animation-delay:.2s}[data-delay="400"]{animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}@keyframes floatSlow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-25px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.98)}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #d4a01740}50%{transform:scale(1.05);box-shadow:0 6px 24px #d4a01766}}.auth-phone-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e8dfd0}.auth-phone-display__info{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#0f2442}.auth-phone-display__info .material-symbols-rounded{color:#355d89;font-size:1.25rem}.auth-phone-display__change{background:none;border:none;color:#355d89;font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s ease}.auth-phone-display__change:hover{color:#d4a017;background:#d4a0171a}.auth-biometric-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:#264a72;font-weight:500}.auth-biometric-status .material-symbols-rounded{font-size:2rem;color:#355d89}.auth-biometric-retry{margin-bottom:1.5rem}.auth-biometric-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#264a72,#1a3a5c);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0f244233}.auth-biometric-btn .material-symbols-rounded{font-size:1.5rem}.auth-biometric-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f24424d}.auth-biometric-btn:active{transform:translateY(0)}.auth-biometric-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-form__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-biometric-prompt{text-align:center;padding:1rem 0}.auth-biometric-prompt__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#264a721a,#d4a01726);border-radius:50%;margin-bottom:1.25rem}.auth-biometric-prompt__icon .material-symbols-rounded{font-size:40px;color:#264a72}.auth-biometric-prompt__title{font-size:1.25rem;font-weight:700;color:#0f2442;margin:0 0 .5rem}.auth-biometric-prompt__text{font-size:.95rem;color:#7a6d5b;line-height:1.6;margin:0 0 1.5rem}.auth-biometric-prompt__benefits{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1rem;background:#f9f6f0;border-radius:12px}.auth-biometric-prompt__benefit{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#1a3a5c}.auth-biometric-prompt__benefit .material-symbols-rounded{font-size:1.25rem;color:#16a34a}.auth-skip-btn{display:block;width:100%;margin-top:1rem;padding:.75rem;font-size:.9rem;font-weight:500;color:#b8a994;background:none;border:none;cursor:pointer;transition:color .15s ease}.auth-skip-btn:hover{color:#264a72;text-decoration:underline}.auth-biometric-unsupported{text-align:center;padding:1rem 0}.auth-success-message{text-align:center;padding:1.5rem;margin-bottom:1.5rem;background:#16a34a1a;border-radius:12px;border:1px solid rgba(22,163,74,.2)}.auth-success-message p{margin:0;font-size:.95rem;color:#1a3a5c;line-height:1.6}@media(max-width:768px){.auth-split{padding:1rem}.auth-welcome,.auth-split__left{display:none}}@media(max-width:480px){.auth-form__input{min-height:48px;font-size:16px}.auth-form__submit{min-height:48px}.auth-welcome__badge{padding:.625rem 1.25rem;font-size:.875rem;margin-bottom:1.75rem}.auth-features__item{font-size:.875rem;gap:.75rem;padding:.75rem 0}.auth-features__item .material-symbols-rounded{font-size:1.375rem}.auth-form__hint{font-size:.8rem}}@media(max-width:380px){.auth-card{padding:1.5rem 1.25rem;border-radius:16px}.auth-card__title{font-size:1.3rem}.auth-card__subtitle{font-size:.85rem}.auth-card__icon{width:52px;height:52px;font-size:1.375rem;border-radius:12px}.auth-form__label{font-size:.8rem}.auth-form__hint{font-size:.75rem}.auth-form__input{padding:.875rem .875rem .875rem 2.75rem;font-size:16px;border-radius:10px}.auth-form__input-icon{left:.75rem;font-size:1.25rem}.auth-form__submit{padding:.875rem 1.25rem;font-size:1rem;border-radius:10px}.auth-card__footer{margin-top:1.25rem;padding-top:1.25rem}.auth-card__footer p{font-size:.875rem}.auth-phone-display{flex-direction:column;gap:.5rem;align-items:flex-start}}@media(max-width:480px){.auth-email-suggestions{max-height:150px;border-radius:0 0 8px 8px}}@media(max-width:480px){.auth-email-suggestions__item{padding:.75rem 1rem;min-height:44px;display:flex;align-items:center}}