*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:#182338;font:15px/1.65 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{max-width:440px;width:calc(100% - 32px);padding:40px;background:white;border:1px solid #e1e7ed;border-radius:18px;box-shadow:0 18px 60px #18233808}.brand{font-weight:750;font-size:24px}.brand span{font-size:11px;letter-spacing:2px;color:#5f7d9d}h1{font-size:25px;margin-top:32px}p,small{color:#6a7685}label{display:block;font-weight:600;margin-top:18px}input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccd7e3;border-radius:8px;font:inherit}button{width:100%;padding:12px;border:0;border-radius:8px;background:#2474db;color:white;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6}small{display:block;margin-top:22px}#message{color:#b33c38;font-size:13px}
.google{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;padding:13px;border:1px solid #cdd8e4;border-radius:9px;text-decoration:none;color:#23354b;font-weight:600}.google:hover{background:#f4f8fe;border-color:#8eb3e1}
/* Match the Loom-inspired operations workspace. */
body{background:#f4f5f1;color:#232a20;-webkit-font-smoothing:antialiased}
main{padding:42px;border-color:#e1e5da;border-radius:16px;box-shadow:0 8px 36px #28351e06}
.brand{font-weight:600;letter-spacing:-.7px;color:#2e4939}.brand span{color:#7b8970;font-weight:500}
h1{font-size:24px;font-weight:600;letter-spacing:-.6px}p,small{color:#77816d}
.google{border-color:#d9e0d0;color:#34462a;font-size:14px;font-weight:550;border-radius:8px;background:#fafcf7}
.google:hover{background:#eef3e7;border-color:#a7b797}
.google:focus-visible{outline:2px solid #648b68;outline-offset:4px}
@media(max-width:480px){main{padding:30px 24px}}