/* From Muse's signin.tpl.html, unchanged except: the alert is server-rendered only when needed. */

body.signin{min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 500px at 50% -10%,rgba(226,194,133,.07),transparent 60%),var(--bg)}
.wrap{width:400px;max-width:calc(100vw - 32px)}
.logo{height:34px;display:block;margin:0 auto 28px}
.box{padding:32px;position:relative;overflow:hidden}
.box::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--rust)}
.box h1{margin-top:8px}
.box p{color:var(--muted);margin-top:8px}
/* Sign in with Google: dark theme, pill, per developers.google.com/identity/branding-guidelines */
.gsi{margin-top:24px;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;
  background:#131314;border:1px solid #8E918F;border-radius:20px;color:#E3E3E3;font:500 14px/20px "Google Sans",Roboto,Arial,sans-serif;letter-spacing:.25px;cursor:pointer}
.gsi .g{width:20px;height:20px;display:block}
.gsi.focus{outline:2px solid var(--gold);outline-offset:2px}
.err{display:block;margin-top:16px;padding:12px 14px;border-left:3px solid var(--bad);background:var(--bad-tint);border-radius:0 8px 8px 0;font-size:13px}
.err b{display:block;color:var(--bad-text);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}

.foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:flex-start}
.foot svg{width:14px;height:14px;margin-top:2px}
.legal{text-align:center;color:var(--faint);font-size:12px;margin-top:20px}