:root{--cloud-ink:#18352f;--cloud-brand:#235c4b;--cloud-line:#dce5e1}
.login-page{margin:0;min-height:100svh;display:grid;place-items:center;background:#f4f7f6;color:var(--cloud-ink);font:16px/1.5 system-ui,-apple-system,sans-serif;padding:24px;box-sizing:border-box}
.login-card{width:min(100%,360px);background:white;border:1px solid var(--cloud-line);padding:32px;border-radius:14px;box-sizing:border-box;box-shadow:0 12px 36px #18352f08}
.brand{margin:0;color:var(--cloud-brand);font-weight:800;letter-spacing:.08em}.login-card h1{font-size:26px;line-height:1.25;margin:8px 0 28px}.login-card label{display:block;font-weight:600;margin:16px 0 6px}
.login-card input{width:100%;box-sizing:border-box;border:1px solid #a8bbb3;border-radius:7px;padding:11px 12px;font:inherit;color:inherit;background:white}
.login-card button{width:100%;margin-top:12px;background:var(--cloud-brand);color:white;border:0;border-radius:7px;padding:12px;font:inherit;font-weight:600;cursor:pointer}
.login-card button:disabled{opacity:.6;cursor:wait}#login-error{color:#a32929;font-size:14px;margin:12px 0 0;min-height:21px}
.login-card :focus-visible,.cloud-account :focus-visible{outline:3px solid #b98422;outline-offset:3px}
.cloud-account{display:flex;align-items:center;justify-content:space-between;gap:16px}.cloud-account button{border:1px solid var(--cloud-line);border-radius:7px;padding:6px 14px;background:white;color:var(--cloud-brand);cursor:pointer;font:inherit}
.cloud-user #tab-import,.cloud-user #tab-analysis,.cloud-user #panel-import,.cloud-user #panel-analysis,.cloud-user #research-database-footer{display:none!important}
@media(max-width:480px){.login-page{padding:16px}.login-card{padding:24px}}