.login-screen{box-sizing:border-box;background:#fff;justify-content:center;align-items:flex-end;min-height:100dvh;padding-top:clamp(160px,35dvh,320px);font-family:Arial,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden}.login-artwork{background:#eaf3ff;position:absolute;inset:0;overflow:hidden}.login-artwork-slide{opacity:0;width:100%;max-width:none;height:auto;transition:opacity .76s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.login-artwork-slide.active{opacity:1}.login-artwork-shade{background:#02328414;position:absolute;inset:0}.login-sheet{z-index:2;box-sizing:border-box;width:100%;max-width:480px;padding:18px 24px calc(36px + env(safe-area-inset-bottom));background:#fff;border-radius:34px 34px 0 0;flex-direction:column;align-items:center;display:flex;position:relative}.login-logo{object-fit:contain;width:160px;max-width:62%;height:50px;display:block}.login-heading{color:#05070d;text-align:center;margin:18px 0 0;font-size:20px;font-weight:900;line-height:28px}.login-heading span{color:var(--primary)}.login-subtitle{color:#475569;text-align:center;margin:1px 0 0;font-size:15px;font-weight:400;line-height:18px}.login-form{flex-direction:column;align-items:stretch;width:100%;display:flex}.login-phone-row{background:#f1f5f9;border-radius:14px;align-items:stretch;width:100%;min-height:52px;margin-top:0;display:flex;overflow:hidden}.login-country-code{color:#05070d;flex:0 0 62px;place-items:center;width:62px;font-size:15px;font-weight:800;display:grid}.login-separator{background:#e2e8f0;align-self:center;width:1px;height:30px}.login-phone-input{color:#111827;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 12px;font-size:15px}.login-phone-input::placeholder{color:#6b7280;opacity:1}.login-otp-button{color:#fff;background:var(--primary);border:0;width:104px;min-width:96px;font-size:14px;font-weight:900;box-shadow:0 6px 10px #0b5fff33}.login-otp-button:active:not(:disabled){transform:scale(.97)}.login-otp-button:disabled{cursor:default;opacity:.75}.login-error{color:#b42318;text-align:center;margin-top:9px;font-size:12px;font-weight:700;line-height:16px}@media (max-height:650px){.login-sheet{padding-top:13px}.login-heading{margin-top:9px}}@media (prefers-reduced-motion:reduce){.login-artwork-slide{transition:none}}.login-auth-tabs{box-sizing:border-box;background:#f1f5f9;border-radius:14px;gap:4px;width:100%;margin:20px 0 0;padding:4px;display:flex}.login-auth-tabs button{color:#64748b;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;font-weight:700;line-height:20px;transition:background .16s,color .16s,box-shadow .16s}.login-auth-tabs button[aria-pressed=true]{color:#fff;background:#0b5fff;box-shadow:0 2px 6px #0b5fff33}.login-auth-tabs button:focus-visible,.login-submit:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.login-field-label{color:#334155;margin:18px 0 8px;font-size:13px;font-weight:600}.login-phone-row:focus-within,.password-entry>div:focus-within{box-shadow:0 0 0 2px #93c5fd}.login-submit{background:var(--primary);color:#fff;border:0;border-radius:12px;width:100%;min-height:50px;margin-top:16px;font-size:15px;font-weight:700}.login-submit:disabled{opacity:.55;cursor:default}.password-entry{color:#334155;gap:8px;margin:16px 0 0;font-size:13px;font-weight:600;display:grid}.password-entry>div{background:#f8fafc;border:1px solid #dbe4f0;border-radius:10px;min-height:52px;padding:0 12px;display:flex}.password-entry input{color:#172238;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 0;font-size:16px;font-weight:400}.password-entry button{color:#0b5fff;background:0 0;border:0;font-weight:700}.password-links{color:#0b5fff;justify-content:flex-end;gap:12px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.password-links a{align-items:center;min-height:44px;display:flex}.password-form{max-width:480px;margin:24px auto;padding:24px}.password-form h1{margin-bottom:8px;font-size:24px}.password-form .field{margin:16px 0}.password-form input{color:#172238;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:14px}.password-form .primary{margin-top:16px}.password-form .secondary{margin-top:12px}
