@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-display:swap}
@font-face{font-family:Silkscreen;src:url('/assets/silkscreen.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
body{margin:0;color:#29442c;font-family:Manrope,system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#aabd9b;background-image:linear-gradient(#69845d58,#66845240),url('/assets/overworld.svg');background-size:cover;background-position:center bottom}
.login-card{width:min(100%,390px);text-align:center;background:#c7ceb7f5;border:1px solid #a8bd91;border-top:5px solid #79a64e;border-radius:5px;padding:36px 32px 22px;box-shadow:0 5px 0 #9eaf7d70,0 20px 70px #34552a28}
.brand-heart{margin:0 auto 24px;width:50px;height:50px;border-radius:3px;background:#b6c7a0;color:#d66753;display:grid;place-items:center;box-shadow:inset 3px 3px #d1dbbd,inset -3px -3px #91a771,0 3px #9bad87}
.brand-heart svg{width:28px;height:28px;fill:currentColor;shape-rendering:crispEdges}
.eyebrow{font-family:Silkscreen,monospace;font-size:13px;font-weight:400;letter-spacing:0;color:#3d5f30}
h1{font-family:Silkscreen,monospace;font-size:27px;font-weight:400;letter-spacing:-1px;margin:16px 0 10px;color:#315932}
p{font-size:13px;color:#405237;line-height:1.7}
.google-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#cbd3ba;color:#365331;border:1px solid #93a779;border-radius:3px;padding:13px 14px;text-decoration:none;font-size:13px;font-weight:600;margin-top:28px;box-shadow:inset 0 2px #d5ddc6,inset 0 -2px #b1c297,0 2px #9eaf86}
.google-button svg{width:19px;height:19px}
.google-button:hover{background:#bccbab}
.google-button[hidden],button[hidden]{display:none}
.text-button{font-family:inherit;background:transparent;color:#3d5f30;border:0;font-size:12px;margin:18px auto 0;padding:10px;cursor:pointer}
.text-button:hover{color:#315932}
.account-email{font-size:11px;overflow-wrap:anywhere}
.local-note{font-size:10px;color:#405237;margin-top:28px}
a:focus-visible,button:focus-visible{outline:2px solid #5b8b3e;outline-offset:4px}
@media(max-width:360px){.login-card{padding:30px 22px 18px}h1{font-size:24px}}