.login-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1.25rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:var(--primary-glow);filter:blur(90px);pointer-events:none;width:520px;height:520px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}.login-card{z-index:1;background:var(--gradient-glass), var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xl), var(--shadow-glow);-webkit-backdrop-filter:blur(20px);padding:2.75rem 2.5rem;position:relative}.login-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.login-card .auth-logo{justify-content:center;align-items:center;margin-bottom:1.75rem;display:flex}.login-card .auth-logo img{object-fit:contain;object-position:center;width:200px;max-width:100%;height:auto;display:block}.login-card .auth-header{text-align:center;margin-bottom:2rem}.login-card .auth-header .auth-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.login-card .field-hint{color:var(--text-muted);font-family:var(--font-sans);margin-top:.35rem;font-size:.8rem;line-height:1.4}.login-card .password-wrapper{width:100%;min-width:0;max-width:100%;position:relative}.login-card .password-wrapper input{width:100%;min-width:0;max-width:100%}#verification-container{display:none}.verification-info{text-align:center;margin:1rem 0}.verification-info .email-masked{color:var(--text);font-weight:600}.verification-info .expiry-timer{background:var(--surface);color:var(--text-muted);border-radius:20px;margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;display:inline-block}.verification-info .expiry-timer .time{color:var(--text);font-weight:600}.pin-container{justify-content:center;gap:.75rem;margin:1.5rem 0;display:flex}.pin-input{text-align:center;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:48px;height:56px;color:var(--text);font-size:1.5rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.pin-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.pin-input:disabled{opacity:.6;cursor:not-allowed}.verification-attempts{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.verification-error{border-radius:var(--radius-sm);color:#dc2626;text-align:center;background:#ef444414;margin-top:.75rem;padding:.5rem .75rem;font-size:.9rem}.verification-success{border-radius:var(--radius-sm);color:#16a34a;text-align:center;background:#22c55e14;margin-top:.75rem;padding:.5rem .75rem;font-size:.9rem}.verification-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.verification-actions .auth-submit{width:100%}.verification-actions .resend-button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem;transition:opacity .2s}.verification-actions .resend-button:hover:not(:disabled){text-decoration:underline}.verification-actions .resend-button:disabled{opacity:.5;cursor:not-allowed}.verification-actions .back-link{text-align:center;font-size:.9rem}.verification-actions .back-link a{color:var(--text-muted);cursor:pointer;text-decoration:none}.verification-actions .back-link a:hover{text-decoration:underline}@media (width<=600px){.login-page{align-items:flex-start;padding:1.5rem 1rem}.login-card{border-radius:var(--radius-md);max-width:100%;margin-top:2rem;padding:2.25rem 1.25rem}.login-card .auth-logo{margin-bottom:1.5rem}.login-card .auth-logo img{width:64px;height:64px}.login-card .auth-header{margin-bottom:1.5rem}.pin-container{gap:.5rem}.pin-input{width:40px;height:48px;font-size:1.25rem}}@media (width<=380px){.login-page{padding:1rem .75rem}.login-card{margin-top:1rem;padding:1.75rem 1rem}.login-card .auth-logo img{width:58px;height:58px}.pin-container{gap:.35rem}.pin-input{width:34px;height:42px;font-size:1rem}}.verification-actions .auth-submit{border-radius:var(--radius-md);background:var(--primary);color:#fff;width:100%;min-height:48px;font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.95rem;font-weight:600;line-height:1.2;transition:background-color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex}.verification-actions .auth-submit:hover:not(:disabled){background:var(--primary-hover,var(--primary));box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-1px)}.verification-actions .auth-submit:active:not(:disabled){transform:translateY(0)}.verification-actions .auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.verification-actions .auth-submit .button-text{justify-content:center;align-items:center;display:inline-flex}