.oon-login-page{width:min(100%,600px);padding:30px 20px calc(var(--oon-nav-space,112px) + 24px);color:#174f40;margin:0 auto}.oon-login-welcome{text-align:center;margin-bottom:24px}.oon-login-welcome img{border-radius:26px;box-shadow:0 10px 30px #184d3914}.oon-login-welcome h1{margin:16px 0 8px;font-size:1.75rem;line-height:1.35}.oon-login-welcome p{color:#60776a;margin:0;line-height:1.65}.oon-login-card{background:#fff;border:1px solid #dce7dd;border-radius:24px;padding:22px}.oon-login-card h2,.oon-phone-link h2{margin:0 0 18px;font-size:1.125rem}.oon-phone-form form{gap:11px;display:grid}.oon-phone-form label{font-size:.9375rem;font-weight:700;line-height:1.5}.oon-phone-form input{color:#173e35;width:100%;min-width:0;min-height:50px;font:inherit;background:#fff;border:1px solid #c6d7cd;border-radius:14px;padding:12px 14px;font-size:max(16px,1rem);line-height:1.4}.oon-phone-form input[name=otp]{letter-spacing:.2em;font-size:1.375rem}.oon-phone-form input::placeholder{color:#8b9b90;letter-spacing:0;font-size:.9375rem}.oon-phone-form .phone-otp-primary{color:#fff;width:100%;min-height:48px;font:inherit;white-space:normal;cursor:pointer;background:#155c46;border:1px solid #155c46;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:1rem;font-weight:700;line-height:1.5;display:flex}.oon-phone-form .phone-otp-primary:disabled{opacity:.55;cursor:default}.oon-phone-form,.oon-phone-form *{box-sizing:border-box}:is(.oon-phone-form input:focus-visible,.oon-phone-form button:focus-visible){outline-offset:3px;outline:3px solid #e8a247}.oon-phone-hint,.oon-phone-reference{color:#6a7c70;margin:0;font-size:.8125rem;line-height:1.65}.oon-phone-sent{margin:0;font-size:.9375rem;line-height:1.6}.oon-phone-reference{margin-bottom:8px}.oon-phone-secondary-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.oon-phone-secondary-actions button{color:#216a50;text-underline-offset:4px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:.875rem;line-height:1.5;text-decoration:underline}.oon-phone-secondary-actions button:disabled{opacity:.55;cursor:default;text-decoration:none}.oon-phone-error{color:#923f22;overflow-wrap:anywhere;background:#fff2e8;border-radius:12px;padding:12px 14px;font-size:.875rem;line-height:1.65}.oon-phone-state{background:#f6f8f0;border:1px solid #e4e9dc;border-radius:16px;gap:12px;padding:16px;font-size:.9375rem;line-height:1.6;display:flex}.oon-phone-state svg{flex:none}.oon-phone-state p{margin:4px 0 0;font-size:.875rem}.oon-phone-state[role=alert]{color:#934224;display:block}.oon-phone-state a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.oon-phone-success{background:#edf7e9;border-radius:14px;align-items:flex-start;gap:10px;padding:15px;font-size:.9375rem;line-height:1.65;display:flex}.oon-phone-success svg{flex:none;margin-top:3px}.oon-login-providers{border-top:1px solid #e4ece4;gap:12px;margin-top:22px;padding-top:22px;display:grid}.oon-login-providers h2{margin:0;font-size:1rem}.oon-login-providers p,.oon-login-existing-note{color:#647b6b;margin:0 0 3px;font-size:.875rem;line-height:1.65}.oon-login-provider{color:#214d3c;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ccdad0;border-radius:14px;justify-content:center;align-items:center;gap:11px;padding:12px 16px;font-weight:600;line-height:1.5;display:flex}.oon-login-provider svg{flex:none;width:22px;height:22px}.oon-login-privacy{color:#6c7d70;text-align:center;margin:20px 0;font-size:.8125rem;line-height:1.7}.oon-login-privacy a{color:#276e54;text-underline-offset:3px}.oon-phone-link{margin-bottom:0}.oon-phone-link>p{font-size:.875rem;line-height:1.65}.oon-phone-link .oon-phone-state{margin-top:14px}.oon-phone-link-status{align-items:center;gap:9px;font-size:.9375rem;line-height:1.5;display:flex}.oon-phone-link-status svg{flex:none}.oon-phone-link .oon-phone-form{margin-top:16px}:is(.oon-login-page a:focus-visible,.oon-login-page button:focus-visible,.oon-login-page input:focus-visible){outline-offset:3px;outline:3px solid #e8a247}@media (max-width:360px){.oon-login-page{padding:22px 14px calc(var(--oon-nav-space,112px) + 20px)}.oon-login-card{padding:17px}.oon-phone-secondary-actions{flex-direction:column;align-items:flex-start}}.oon-phone-link h2{align-items:center;gap:8px;display:flex}.oon-phone-link h2 svg{flex:none}