:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#233e50;background:#f4f7f9;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:42px 20px}
.login-shell{width:100%;max-width:440px}
.brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:30px;font-size:27px;font-weight:650;letter-spacing:-.8px}
.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#183c4e;color:white;font-size:30px;line-height:1;font-family:Georgia,serif;font-weight:700;padding-bottom:4px}
.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#728996;margin-top:6px}
.login-card{background:#fff;border:1px solid #dce4e9;border-radius:14px;padding:36px;box-shadow:0 12px 38px #233e5007}
.workspace-pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:650;letter-spacing:1.2px;color:#347b6c;border:1px solid #cfe3dc;border-radius:5px;padding:6px 8px;background:#f6fbf8}
.workspace-pill span{height:5px;width:5px;border-radius:50%;background:#168978}
h1{font-size:29px;font-weight:650;letter-spacing:-.9px;line-height:1.25;margin:22px 0 9px}
.intro{font-size:14px;color:#718694;line-height:1.7;margin:0 0 28px}
.login-message{font-size:13px;line-height:1.7;border:1px solid #d6e4df;border-radius:7px;background:#f1f8f5;color:#356357;padding:11px 13px;margin:0 0 20px;overflow-wrap:anywhere}
.login-message:empty,.google-status:empty{display:none}
.google-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid #cbd7df;border-radius:6px;background:#fff;color:#233e50;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
.google-button:hover{background:#f8fafc;border-color:#91a9b6;box-shadow:0 2px 7px #233e500c}
.google-button:active{background:#edf3f7}
.google-button svg{flex-shrink:0}
.google-status{font-size:13px;line-height:1.7;color:#718694;margin:18px 0 0;overflow-wrap:anywhere}
.access-note{font-size:12px;line-height:1.7;color:#7b8e9b;margin:16px 0 0}
.password-option{margin-top:24px;padding-top:22px;border-top:1px solid #e7edef;text-align:center}
.password-option a{color:#287b6d;font-size:12px;text-underline-offset:3px}
.password-option a:hover{color:#18584e}
a:focus-visible{outline:3px solid #78bdb0;outline-offset:4px}
.workspace-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;line-height:1.7;color:#81939e;margin:21px 0 0;text-align:center}
.workspace-note svg{flex-shrink:0}
[hidden]{display:none!important}
@media(max-width:480px){body{padding:30px 18px}.login-card{padding:28px 24px}.brand{font-size:25px;margin-bottom:25px}h1{font-size:27px}.workspace-note{align-items:flex-start;font-size:10px}.workspace-note svg{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.google-button{transition:none}}