.login-page{z-index:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login-main-bg:before,.login-main-bg:after{content:"";filter:blur(120px);z-index:0;opacity:.6;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.login-main-bg:before{background:#2563eb40;width:50vw;max-width:600px;height:50vw;max-height:600px;top:-10%;left:-10%}.login-main-bg:after{background:#10b98126;width:40vw;max-width:500px;height:40vw;max-height:500px;animation-delay:-5s;bottom:-10%;right:-5%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}.login-monolith{background:rgba(var(--glass-rgb), .75);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid rgba(var(--glass-ink-rgb), .12);width:100%;max-width:28rem;box-shadow:0 24px 64px -12px rgba(var(--shadow-rgb), .25), inset 0 1px 0 rgba(var(--glass-rgb), .9);color:var(--text);transition:transform var(--duration-slow) var(--ease-spring);border-radius:1.5rem;flex-direction:column;margin:0 auto;padding:2.5rem 2rem;display:flex;position:relative}@media (max-width:480px){.login-monolith{border-radius:1.25rem;padding:2rem 1.25rem}}.login-brand-header{text-align:center;margin-bottom:2rem}.login-brand-logo{justify-content:center;text-decoration:none;display:inline-flex}.login-brand-logo-chip{align-items:center;height:6rem;margin-bottom:.5rem;display:inline-flex}.login-brand-logo-chip img{width:auto;height:100%;display:block}.login-brand-header h1{letter-spacing:-.03em;color:var(--text-title);margin-top:1.5rem;font-size:1.5rem;font-weight:800}.login-brand-header p{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;font-weight:600}.login-google-button{border:1px solid rgba(var(--glass-ink-rgb), .12);background:linear-gradient(180deg, rgba(var(--glass-rgb), 1) 0%, rgba(var(--glass-rgb), .95) 100%);width:100%;color:var(--text);box-shadow:0 8px 20px -8px rgba(var(--shadow-rgb), .15), inset 0 1px 0 rgba(var(--glass-rgb), 1);transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.95rem;font-weight:700;display:flex}.login-google-button:hover:not(:disabled){border-color:rgba(var(--glass-ink-rgb), .2);box-shadow:0 12px 28px -10px rgba(var(--shadow-rgb), .2), inset 0 1px 0 rgba(var(--glass-rgb), 1);transform:translateY(-1px)}.login-google-button:active:not(:disabled){transform:translateY(1px)}.login-google-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.6875rem;font-weight:800;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--glass-ink-rgb), .15), transparent);flex:1;height:1px}.login-phone-panel{flex-direction:column;display:flex}.login-field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;padding-left:.25rem;font-size:.6875rem;font-weight:800;display:block}.login-input{border:1px solid rgba(var(--glass-ink-rgb), .15);background:rgba(var(--glass-rgb), .6);width:100%;color:var(--text);box-shadow:inset 0 2px 4px rgba(var(--glass-ink-rgb), .05);transition:all var(--duration) var(--ease-out);border-radius:9999px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700}.login-input::placeholder{color:var(--slate-500);opacity:.7;font-weight:600}.login-input:focus{background:rgba(var(--glass-rgb), .9);outline:none;border-color:var(--blue-light)!important;box-shadow:inset 0 1px 2px rgba(var(--glass-ink-rgb), .02), 0 0 0 4px #2563eb26!important}.login-input--otp{text-align:center;letter-spacing:.5em;padding-left:1.5em;font-size:1.5rem;font-weight:800}.login-phone-input-group{border:1px solid rgba(var(--glass-ink-rgb), .15);background:rgba(var(--glass-rgb), .6);box-shadow:inset 0 2px 4px rgba(var(--glass-ink-rgb), .05);transition:all var(--duration) var(--ease-out);border-radius:9999px;align-items:stretch;display:flex;overflow:hidden}.login-phone-input-group:focus-within{background:rgba(var(--glass-rgb), .9);border-color:var(--blue-light)!important;box-shadow:0 0 0 4px #2563eb26!important}.login-phone-prefix{letter-spacing:.02em;color:var(--text);border-right:1px solid rgba(var(--glass-ink-rgb), .1);background:rgba(var(--glass-rgb), .8);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0 .85rem 0 1.25rem;font-size:.95rem;font-weight:800;display:flex}.login-phone-input-group .login-input--local{min-width:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1}.login-phone-input-group .login-input--local:focus{box-shadow:none!important}.login-primary-button{isolation:isolate;background:var(--brand-gradient);color:#fff;cursor:pointer;width:100%;transition:transform var(--duration) var(--ease-spring), box-shadow var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.875rem 1rem;font-size:.95rem;font-weight:800;display:flex;position:relative;box-shadow:0 12px 28px -8px #2563eb99}.login-primary-button:after{content:"";z-index:-1;border-radius:inherit;background:var(--brand-gradient-hover);opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.login-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px -8px #2563ebb3}.login-primary-button:hover:not(:disabled):after{opacity:1}.login-primary-button:active:not(:disabled){transform:translateY(1px)scale(.98)}.login-primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-otp-banner{background:linear-gradient(135deg, rgba(var(--blue-light), .15), rgba(var(--blue-light), .05));border:1px solid rgba(var(--blue-light), .2);color:var(--text);border-radius:1.25rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.45;display:flex}.login-otp-banner-icon{background:rgba(var(--glass-rgb), .8);color:#2563eb;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}:root[data-theme=dark] .login-otp-banner-icon{color:#60a5fa}.login-channel-badge{letter-spacing:.08em;text-transform:uppercase;color:#1e40af;background:#e7f2fe;border-radius:9999px;align-items:center;gap:.35rem;margin-top:.4rem;padding:.25rem .65rem;font-size:.65rem;font-weight:800;display:inline-flex}:root[data-theme=dark] .login-channel-badge{color:#60a5fa}.login-form-actions{justify-content:center;margin-top:1rem;display:flex}.login-text-button{color:var(--text-muted);cursor:pointer;text-underline-offset:4px;transition:all var(--duration) var(--ease-out);background:0 0;border:none;font-size:.875rem;font-weight:700;text-decoration:underline}.login-text-button:hover:not(:disabled){color:var(--text)}.login-text-button:disabled{opacity:.5;cursor:not-allowed}.login-trust{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;font-size:.75rem;font-weight:700;display:flex}.login-footer{text-align:center;color:var(--slate-500);margin-top:1.5rem;font-size:.75rem;font-weight:600}
