@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,600,800&display=swap");

:root{font-family:"General Sans",Arial,sans-serif;color:#0a0a0a;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
main{min-height:100svh;display:grid;place-items:center;padding:48px 24px}
.entrances{width:min(100%,440px);display:grid;gap:20px}
.entrance{width:100%;min-height:132px;border:1px solid #0a0a0a;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;text-decoration:none;color:inherit;background:#fff;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.entrance:hover{background:#f7f7f7;border-color:#e30613}
.entrance:active{background:#eee;transform:translateY(1px)}
.entrance:focus-visible{outline:3px solid #e30613;outline-offset:4px}
.wordmark{font-size:clamp(31px,8vw,43px);font-weight:800;letter-spacing:-.01em;line-height:1;color:#0a0a0a}
.wordmark .red{color:#e30613}
.label{font-size:14px;font-weight:600;letter-spacing:.18em;line-height:1.2;margin-top:8px}
.login-state{margin:10px 0 0;font-size:13px;font-weight:600;letter-spacing:.16em;text-align:center}
@media(max-width:480px){main{padding:36px 20px}.entrances{gap:16px}.entrance{min-height:116px}}
@media(prefers-reduced-motion:reduce){.entrance{transition:none}}
nav.entrances{width:min(100%,400px);gap:18px}
nav .entrance{min-height:116px;padding:16px}
nav .wordmark{font-family:"General Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:clamp(31px,8vw,39px);font-weight:800;letter-spacing:-.01em;line-height:1;-webkit-text-stroke:.4px #0a0a0a}
nav .wordmark .red{-webkit-text-stroke-color:#e30613}
@media(max-width:480px){nav.entrances{gap:16px}nav .entrance{min-height:104px;padding:14px}}