*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#fff5f7,#fff 60%,#faf0f3);color:#6b0024;font:15px/1.5 system-ui,-apple-system,sans-serif}.login{width:min(100%,450px);background:#fff;border:1px solid #d7e2ef;border-radius:22px;padding:25px;box-shadow:0 20px 56px #14334d18}h1{font-size:21px;line-height:1.25;margin:0 0 17px}p{color:#62758e;margin:0 0 22px}label{display:block;font-weight:650;font-size:13px;margin:12px 0 4px}input{width:100%;padding:12px;border-radius:10px;border:1px solid #cbd8e7;font:inherit}input:focus{outline:2px solid #bc003b55}button{width:100%;border:0;border-radius:11px;background:#bc003b;color:white;font:inherit;font-weight:700;padding:13px;margin-top:16px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.links{display:flex;justify-content:space-between;gap:12px;margin:16px 0}a{color:#bc003b;font-weight:650;text-decoration:none}a:hover{text-decoration:underline}#message{color:#9b2424;min-height:24px;margin:8px 0}#message.ok{color:#166534}.fineprint{font-size:12px;margin:12px 0 0}

.brand-icon{width:36px;height:36px;object-fit:contain;vertical-align:middle;margin-right:8px}h1,label{color:#bc003b}button:hover{background:#980030}