.login-page-section{padding:12rem 1rem 5rem;background-color:#f3f4f6;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.dark .login-page-section{background-color:#202020}.login-card{width:100%;max-width:28rem;background-color:rgba(255,255,255,.7);backdrop-filter:blur(16px);border-radius:1rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);padding:2rem;transition:transform .3s ease-in-out;border:1px solid #e5e7eb}.login-card:hover{transform:scale(1.02)}.dark .login-card{background-color:rgba(43,43,43,.7);border-color:#404040}.login-card__title{font-size:2.25rem;font-weight:800;color:var(--cs-amber,#FFBF00);text-align:center;margin-bottom:2rem;letter-spacing:.025em}.login-card__tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #9ca3af}.dark .login-card__tabs{border-bottom-color:#4b5563}.login-card__tab-button{flex:1;padding-top:.5rem;padding-bottom:.5rem;font-weight:600;transition:color .2s,border-color .2s;color:#9ca3af;background:none;cursor:pointer;border:none;border-bottom:4px solid transparent}.dark .login-card__tab-button{color:#d1d5db}.login-card__tab-button:hover{color:#1f2937}.dark .login-card__tab-button:hover{color:#ffffff}.login-card__tab-button--active{color:var(--cs-amber,#FFBF00);border-bottom-color:var(--cs-amber,#FFBF00)}.login-card__form{display:flex;flex-direction:column;gap:1.25rem}.login-card__input-wrapper{position:relative}.login-card__input-icon{position:absolute;left:1rem;top:.8rem;color:#9ca3af}.login-card__input{width:100%;padding:.75rem .75rem .75rem 3rem;border-radius:1rem;background-color:rgba(255,255,255,.2);color:#111827;border:1px solid #d1d5db}.dark .login-card__input{background-color:rgba(43,43,43,.3);color:#ffffff;border-color:#4b5563}.login-card__input:focus{outline:none;box-shadow:0 0 0 2px var(--cs-amber,#FFBF00)}.login-card__submit-button{width:100%;background-color:var(--cs-amber,#FFBF00);color:#000000;padding:.75rem 0;border-radius:1rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s,transform .2s}.login-card__submit-button:hover{background-color:#FFBF00;transform:scale(1.02)}.login-card__submit-button:disabled{opacity:.6}.login-card__message{margin-top:1rem;text-align:center;color:#f87171}.login-card__error-message{color:#e74c3c;font-size:.85rem;text-align:left;margin:-10px 0 15px 5px}.login-card__phone-hint{text-align:center;color:#6b7280;font-size:.9rem;margin:-1rem 0 1.5rem;line-height:1.5}.dark .login-card__phone-hint{color:#9ca3af}.login-card__input--otp{letter-spacing:.35em;font-size:1.125rem;text-align:center}.login-card__otp-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.25rem}.login-card__link-button{background:none;border:none;color:var(--cs-amber,#ffbf00);font-size:.875rem;font-weight:600;cursor:pointer;padding:0}.login-card__link-button:disabled{color:#9ca3af;cursor:not-allowed}.login-card__success-message{margin-top:1rem;text-align:center;color:#22c55e;font-size:.9rem}.login-card__google-wrapper{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.login-card__divider{display:flex;align-items:center;width:100%;margin-bottom:.5rem;color:#9ca3af}.login-card__divider:after,.login-card__divider:before{content:"";flex:1;height:1px;background-color:#d1d5db}.dark .login-card__divider:after,.dark .login-card__divider:before{background-color:#4b5563}.login-card__divider-text{padding:0 1rem;font-size:.875rem;font-weight:500;color:#6b7280;white-space:nowrap}.dark .login-card__divider-text{color:#9ca3af}.login-card__google-container{transition:transform .2s}.login-card__google-container:hover{transform:scale(1.02)}