#loginView{max-width:500px;min-height:300px;margin:5vh auto;padding:2rem;padding-top:4rem;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:1.5rem;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;position:relative}body.light #loginView{background:#fff;box-shadow:0 0 20px rgba(200,225,253,.4)}#loginView h2{margin-bottom:1.5rem;font-size:2rem}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.isd-dropdown-group{display:flex;gap:.8em;align-items:center;width:100%;margin:0 auto 1.5em auto}.custom-isd-dropdown{position:relative;z-index:10}#isdDropdownBtn{display:flex;align-items:center;gap:.6em;background:var(--color-surface);color:var(--color-text);padding:0 1em;border:1px solid var(--color-border);border-radius:2em;font-size:1rem;font-weight:600;height:48px;min-width:160px;cursor:pointer}#isdDropdownBtn img{width:20px;height:auto}#isdDropdownBtn .arrow{margin-left:auto;font-size:.8em}.isd-options{display:none;position:absolute;left:0;top:calc(100% + .2em);background:var(--color-surface);border:1px solid var(--color-border);min-width:250px;border-radius:1em;box-shadow:0 6px 24px rgba(0,0,0,.2);padding:.5em;max-height:260px;overflow-y:auto}.isd-option{display:flex;align-items:center;gap:.7em;padding:.5em 1em;cursor:pointer;border-radius:.5em;transition:background .15s}.isd-option:focus,.isd-option:hover{background:var(--color-info);color:#fff}#loginMobile{flex:1;width:100%;height:48px;font-size:1.1rem;border:1px solid var(--color-border);border-radius:2em;padding:0 1em;background:var(--color-surface);color:var(--color-text);outline:0}#loginMobile:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(57,230,57,.2)}body.light #loginMobile:focus{box-shadow:0 0 0 3px rgba(49,134,255,.2)}#otpSection{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:1.5rem}.otp-input-group{display:flex;width:100%;gap:.8rem}#otpInput{flex-grow:1;height:48px;font-size:1.1rem;border:1px solid var(--color-border);border-radius:2em;padding:0 1.2em;background:var(--color-surface);color:var(--color-text);outline:0;transition:border-color .2s,box-shadow .2s;text-align:center;letter-spacing:.1em}#otpInput:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(57,230,57,.2)}body.light #otpInput:focus{box-shadow:0 0 0 3px rgba(49,134,255,.2)}#sendOTPBtn,#verifyOTPBtn{width:100%;font-size:1.07rem;padding:.8em 1.4em;border:none;border-radius:2em;background:var(--color-accent);color:var(--color-accent-text);font-weight:700;cursor:pointer;height:48px;transition:filter .2s,transform .2s}#verifyOTPBtn{width:auto;flex-shrink:0}#sendOTPBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}#sendOTPBtn:not(:disabled):hover,#verifyOTPBtn:hover{filter:brightness(1.1);transform:scale(1.02)}.otp-actions{display:flex;gap:1.5rem}#changeMobileBtn,#resendOTPBtn{background:0 0;border:none;color:var(--color-accent);text-decoration:underline;font-size:.95rem;cursor:pointer;transition:opacity .2s}#changeMobileBtn:hover,#resendOTPBtn:hover{opacity:.8}.guest-login-wrapper{margin-top:1.5rem}.guest-link{background:0 0;border:none;color:var(--color-accent);text-decoration:underline;cursor:pointer;font-size:1rem;padding:0;transition:color .2s}.guest-link:focus,.guest-link:hover{color:var(--color-accent-alt)}#loginError{min-height:1.5em;text-align:center;margin-top:1em;font-weight:500;color:var(--color-danger)}.back-button{position:absolute;top:1.5rem;left:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.back-button:hover{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}