*{box-sizing:border-box}body{margin:0;background:#252535;color:#e8e8ef;font:16px Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:30px 20px}main{width:min(560px,100%)}h1{text-align:center;font-size:clamp(30px,5vw,44px);line-height:1.25;margin:4px 0 55px}label{display:block;text-align:right;font-size:22px;margin:30px 0 10px}input{width:100%;height:52px;border:0;border-bottom:1px solid #67677f;border-radius:4px 4px 0 0;background:#38384d;color:#eee;font:20px Arial;padding:10px 16px;direction:ltr}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #b2bbf3;outline-offset:4px}.password-field{position:relative}.password-field input{padding-left:56px}#toggle-password{position:absolute;left:10px;top:10px;background:transparent;border:0;color:#a9aaba;cursor:pointer;padding:5px}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}button,a{font:inherit}.login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:min(380px,100%);min-height:62px;margin:18px auto 0;padding:12px 18px;border:1px solid #9298bc;border-radius:34px;background:#2d2d41;color:#ededf6;text-decoration:none;cursor:pointer;font-size:23px;text-align:center}.login-button.primary{background:linear-gradient(100deg,#ad293c,#d43825);border-color:transparent;font-size:28px;font-weight:bold;margin-top:48px}.login-button:disabled{opacity:.55;cursor:wait}.separator{display:flex;align-items:center;gap:24px;margin:28px 0;color:#ddd}.separator:before,.separator:after{content:'';height:1px;background:#515166;flex:1}.status{color:#f0a9a9;line-height:1.5;text-align:center;font-size:14px;margin:10px 0}.status:empty{display:none}.intro{text-align:center;font-size:20px;line-height:1.6;margin:0 0 25px}#qr-panel h1{margin-bottom:25px}.qr-image-wrap{position:relative;width:160px;height:160px;margin:28px auto}#qr-image{display:block;width:160px;height:160px;image-rendering:pixelated}.qr-image-wrap.expired #qr-image{opacity:.22}#qr-refresh{position:absolute;inset:54px;border:0;border-radius:50%;background:#fff;color:#d43835;font-size:38px;line-height:1;cursor:pointer}#qr-refresh[hidden],[hidden]{display:none!important}.qr-countdown{display:flex;justify-content:center;align-items:center;gap:10px;font-size:22px}.countdown-ring{position:relative;width:52px;height:52px;display:grid;place-items:center;direction:ltr}.countdown-ring svg{position:absolute;inset:0;width:52px;height:52px;transform:rotate(-90deg)}.countdown-ring circle{fill:none;stroke:#d43c37;stroke-width:4;stroke-dasharray:138.23;stroke-dashoffset:0}.countdown-ring .ring-track{stroke:#555567;stroke-dasharray:none}.countdown-ring b{font-size:23px}#qr-expired{text-align:center;font-size:24px;cursor:pointer}.qr-notes{border-top:1px solid #515166;margin:30px 0 20px;padding:20px 24px 0 0;color:#b5b6c8;line-height:1.7;font-size:16px}.qr-notes li{padding-right:5px;margin-bottom:9px}.qr-notes li::marker{color:#df4945}#qr-back{font-size:19px;width:100%}@media(max-width:500px){body{padding:24px 18px}h1{margin-bottom:32px}label{font-size:19px;margin-top:22px}.login-button{font-size:20px;min-height:56px}.intro{font-size:17px}.qr-countdown{font-size:19px}.qr-notes{font-size:14px}}
/* Compact sign-in proportions; the existing colors and authentication stay in place. */
body{padding:24px 16px}main{width:min(360px,100%)}h1{font-size:28px;margin:4px 0 24px}label{font-size:15px;margin:16px 0 8px}input{height:44px;font-size:16px;padding:10px 12px}.password-field input{padding-left:48px}#toggle-password{top:6px;left:8px}.login-button{width:100%;min-height:44px;margin-top:12px;padding:10px 14px;font-size:16px;border-radius:24px}.login-button.primary{font-size:18px;margin-top:16px}.separator{margin:16px 0;gap:16px}.intro{font-size:16px;margin-bottom:16px}#qr-panel h1{margin-bottom:16px}.qr-image-wrap{margin:16px auto}.qr-countdown{font-size:16px}.qr-notes{margin:16px 0;padding-top:16px;font-size:13px}#qr-back{font-size:15px}@media(max-width:400px){body{padding:20px 16px}h1{font-size:25px}label{font-size:15px;margin-top:16px}.login-button{min-height:44px;font-size:16px}.intro{font-size:15px}}
.mcp-consent main{width:min(380px,100%)}.mcp-consent-card{border:1px solid #45455b;border-radius:18px;background:#29293b;padding:24px}.mcp-consent-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin:0 auto 14px;color:#f08077;background:#df49451c;border:1px solid #df494533}.mcp-eyebrow{text-align:center;direction:ltr;color:#b1b2c2;font-size:12px;letter-spacing:.3px;margin:0 0 10px}.mcp-consent h1{font-size:26px;margin:0 0 10px}.mcp-consent .intro{font-size:14px;color:#bfc0cf;line-height:1.65;margin:0 0 20px}.mcp-permissions{background:#222232;border:1px solid #414156;border-radius:12px;padding:16px}.mcp-permissions h2{font-size:14px;margin:0 0 12px}.mcp-permissions ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mcp-permissions li{display:flex;gap:9px;font-size:13px;line-height:1.6}.mcp-permission-mark{color:#b7ccbc}.mcp-access-badge{display:inline-block;color:#c4c8e6;background:#37374e;border-radius:20px;font-size:11px;padding:5px 10px;margin:14px 0 0}.mcp-consent-note{font-size:12px;line-height:1.8;color:#b1b2c2;margin:16px 0}.mcp-consent .login-button{font-size:14px;min-height:44px;margin-top:10px}.mcp-consent .login-button.primary{font-size:16px}.mcp-consent-footer{text-align:center;font-size:11px;color:#999bb1;margin:16px 0 0}@media(max-width:400px){.mcp-consent{padding:16px 12px}.mcp-consent-card{padding:20px 16px}.mcp-consent h1{font-size:24px}.mcp-permissions{padding:12px}}