:root{--login-ink:#182033;--login-muted:#697386;--login-line:#e4e8ef;--login-blue:#3559c7}.login-page{min-height:100vh;background:#f3f5f8}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px 18px}.login-card{width:min(100%,430px);background:#fff;border:1px solid var(--login-line);border-radius:18px;box-shadow:0 18px 45px #10182812;padding:34px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--login-ink);color:#fff;font-size:20px;font-weight:800}.login-brand strong{display:block;color:var(--login-ink);font-size:18px;letter-spacing:.02em}.login-brand small{display:block;margin-top:4px;color:var(--login-muted);font-size:11px}.login-heading{margin-bottom:24px}.login-heading .section-kicker{margin-bottom:8px}.login-heading h1{margin:0;color:var(--login-ink);font-size:28px;letter-spacing:-.5px}.login-heading p:last-child{margin:7px 0 0;color:var(--login-muted);font-size:13px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;color:#344054;font-size:12px;font-weight:700}.login-card input{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:9px;padding:0 12px;background:#fff;color:var(--login-ink);outline:none}.login-card input:focus{border-color:var(--login-blue);box-shadow:0 0 0 3px #3559c71c}.login-button{height:44px;border:0;border-radius:9px;background:var(--login-blue);color:#fff;font-weight:700;cursor:pointer}.login-button:hover{background:#294aa9}.login-error{margin:0;color:#b42318;font-size:12px}.login-footer{margin:24px 0 0;color:#98a2b3;text-align:center;font-size:10px}@media(max-width:480px){.login-shell{padding:18px 13px}.login-card{padding:27px 22px;border-radius:14px}.login-brand{margin-bottom:28px}.login-heading h1{font-size:25px}}