.login-page{background:#16334b;place-items:center;min-height:100dvh;padding:clamp(20px,5vw,72px);display:grid;position:relative;overflow:hidden}.login-hero{z-index:0;object-fit:cover;object-position:center}.login-shade{z-index:1;background:linear-gradient(90deg,#091e2f1f 0%,#091e2f40 48%,#091e2fb3 100%);position:absolute;inset:0}.login-card{z-index:2;color:#17324a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #ffffffb3;border-radius:24px;justify-self:end;width:min(100%,460px);padding:38px;position:relative;box-shadow:0 28px 80px #04182859}.login-card img{object-fit:contain;width:68px;height:68px}.login-brand{color:#3175a3;letter-spacing:.09em;margin:15px 0 4px;font-weight:800}.login-card h1{margin:.2rem 0 .6rem;font-size:2rem}.login-card>p{font-size:1rem;line-height:1.6}.login-card form{gap:18px;margin:28px 0;display:grid}.login-card label{gap:8px;font-size:1rem;font-weight:800;display:grid}.login-card input{border:2px solid #b8cad7;border-radius:12px;min-height:54px;padding:0 16px;font-size:1.1rem}.login-card input:focus{border-color:#256d9b;outline:3px solid #a9d9f1}.login-card button{color:#fff;cursor:pointer;background:#176895;border:0;border-radius:13px;min-height:58px;font-size:1.15rem;font-weight:900}.login-card button:hover{background:#0e557c}.login-error{color:#9b321d;background:#fff1ed;border-radius:12px;margin-top:20px;padding:14px;font-weight:750}.login-card small{color:#5e7281;font-size:.9rem}.login-success{color:#17634f;background:#eaf8f2;border-radius:12px;margin-top:20px;padding:14px;font-weight:750}.login-back{text-align:center;color:#176895;text-underline-offset:3px;font-weight:800;text-decoration:underline;display:block}.account-card{justify-self:center}@media (max-width:700px){.login-page{background:#eaf1f6;align-items:center;padding:18px}.login-hero{object-position:38% center}.login-shade{background:linear-gradient(#091e2f47,#091e2f94)}.login-card{border-radius:20px;justify-self:center;width:100%;max-width:430px;padding:28px 24px;box-shadow:0 18px 55px #0418284d}.login-card img{width:58px;height:58px}.login-card h1{font-size:1.75rem}.login-card form{gap:15px;margin:22px 0}.login-card input,.login-card button{min-height:56px}}@media (max-width:380px){.login-page{padding:12px}.login-card{padding:24px 18px}.login-card h1{font-size:1.55rem}}.account-card label small{font-weight:500}.account-card>p strong{color:#176895}@media (max-width:700px){body[data-sg-interface][data-sg-renewal] .login-page{box-sizing:border-box;grid-template-columns:minmax(0,1fr);height:auto;min-height:100svh;padding:24px 18px;overflow:visible}body[data-sg-interface][data-sg-renewal] .login-page .login-card{box-sizing:border-box;border-radius:20px;justify-self:center;width:100%;min-width:0;max-width:430px;padding:28px 22px}body[data-sg-interface][data-sg-renewal] .login-card :is(form,.auth-form-fields,label){box-sizing:border-box;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;display:grid}body[data-sg-interface][data-sg-renewal] .login-card form{gap:12px;margin:24px 0 20px}body[data-sg-interface][data-sg-renewal] .login-card .auth-form-fields{border:0;gap:18px;margin:0;padding:0}body[data-sg-interface][data-sg-renewal] .login-card label{gap:8px;font-size:14px;line-height:1.5}body[data-sg-interface][data-sg-renewal] .login-card input:not([type=hidden]),body[data-sg-interface][data-sg-renewal] .login-card button[type=submit]{box-sizing:border-box;border-radius:10px;width:100%;min-width:0;max-width:100%;min-height:50px;margin:0;padding:12px 14px;font-size:16px;line-height:1.5}body[data-sg-interface][data-sg-renewal] .login-card>img{width:52px;height:52px;margin-bottom:12px;display:block}body[data-sg-interface][data-sg-renewal] .login-card h1{letter-spacing:-.04em;margin:0 0 12px;font-size:26px;line-height:1.3}body[data-sg-interface][data-sg-renewal] .login-card>p{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.65}body[data-sg-interface][data-sg-renewal] .login-card>small{word-break:keep-all;font-size:13px;line-height:1.6;display:block}body[data-sg-interface][data-sg-renewal] .login-card :is(.login-error,.auth-form-error,.auth-form-pending){overflow-wrap:anywhere;min-width:0}}
