.top-signout { position: relative; z-index: 8; border: 0; background: none; color: inherit; font: inherit; text-transform: uppercase; cursor: pointer; }
.login-shell { min-height: 100%; display: grid; place-items: center; padding: 20px; background: radial-gradient(circle at top right, var(--moss), var(--ink) 55%); }
.login-panel { width: min(100%, 430px); padding: 32px 24px; border: 1px solid #ffffff24; border-radius: 22px; background: #000000f2; box-shadow: 0 30px 80px #0009; }
.login-panel h1 { font: 900 48px/.98 var(--display); letter-spacing: -.02em; margin: 18px 0; }
.login-panel p { font-size: 17px; line-height: 1.45; color: var(--mist); }
.login-panel form { display: grid; gap: 9px; margin-top: 24px; }
.login-panel form[hidden] { display: none; }
.login-panel label { font: 500 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.login-panel input { width: 100%; border: 2px solid #ffffff45; border-radius: 12px; background: #111914; color: var(--paper); padding: 15px; font: 700 18px var(--body); }
.login-panel button, .login-panel a, .wrapped-choices a { border: 0; border-radius: 99px; background: var(--volt); color: var(--ink); padding: 13px 18px; font-weight: 800; cursor: pointer; text-decoration: none; display: inline-block; }
.form-message { min-height: 3em; }
.wrapped-choices { list-style: none; padding: 0; display: grid; gap: 14px; margin: 26px 0; }
.wrapped-choices a { display: block; }
.login-panel .signout { background: transparent; color: var(--paper); }