/* Focused, quiet sign-in screen inspired by the supplied reference. */
.member-page{min-height:100vh;background:#0a101b;color:#e8edf5;display:grid;place-items:center;padding:32px 18px;position:relative;isolation:isolate}
.member-page:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse 380px 290px at 50% 51%,#12314466,transparent 76%),linear-gradient(180deg,#0a101b,#0b1220)}
.member-page .topbar,.member-page .member-aside{display:none}
.member-shell{width:min(100%,448px);margin:0 auto;padding:0;display:block}
.member-panel{padding:25px 24px 23px;background:#111a29;border:1px solid #1d2b3d;border-radius:9px;box-shadow:0 24px 70px #0005;text-align:center}
.member-back{display:none}
.member-panel:before{content:"TV";width:48px;height:48px;border:1px solid #24536a;border-radius:12px;background:#132536;color:#48b7d0;display:grid;place-items:center;margin:0 auto 22px;font:700 19px var(--display);letter-spacing:-.08em}
.member-label{display:none}
.member-panel h1{font:700 24px/1.2 var(--display);letter-spacing:-.035em;margin:0 0 8px;color:#eef2f8}
.member-panel h1 em{font-style:normal;color:inherit}
.member-intro{max-width:350px;margin:0 auto 25px;color:#8192aa;font:13px/1.55 var(--body)}
.member-form{display:grid;gap:12px;text-align:left}
.member-form[hidden]{display:none}
.member-form label{display:grid;gap:7px;color:#9bacc2;font:500 12px var(--body)}
.member-form .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.member-form label small{font-size:10px;font-weight:400;color:#71829a;margin-left:5px}
.member-form input{width:100%;height:48px;padding:0 15px;border:1px solid #263449;border-radius:6px;background:#192437;color:#eff5fb;font:14px var(--body);outline:none;transition:border-color .15s,box-shadow .15s}
.member-form input::placeholder{color:#8292aa}
.member-form input:focus{border-color:#43b4cf;box-shadow:0 0 0 3px #43b4cf20}
.member-submit{height:48px;margin-top:3px;padding:0 17px;border:0;border-radius:6px;background:linear-gradient(100deg,#4bb7ce,#299bb6);color:#07131d;display:flex;align-items:center;justify-content:center;gap:12px;font:650 13px var(--body);cursor:pointer;transition:filter .15s,transform .15s}
.member-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.member-submit span{font-size:17px;font-weight:400}
.plain-button,.member-switch button{border:0;background:none;padding:0;color:#55bfd6;font:12px var(--body);cursor:pointer}
.plain-button{justify-self:center;margin-top:3px;color:#91a5bd}
.member-switch{margin-top:21px;color:#8192aa;font:12px var(--body)}
.member-switch button{margin-left:3px}
.member-secure{margin:18px 0 0;padding-top:14px;border-top:1px solid #202c3e;color:#708198;font:10px/1.55 var(--body)}
.status-message{min-height:0;margin:0;color:#c7d2e1;font:12px/1.55 var(--body);text-align:left}
.status-message:not(:empty){margin:0 0 14px;padding:11px 12px;border:1px solid #304056;border-radius:6px;background:#172337}
.status-message.error{border-color:#69414a;background:#2a1b27;color:#ffb5b5}
.status-message.success{border-color:#285a58;background:#132c30;color:#a8e8d5}
@media(max-width:480px){.member-page{padding:20px 14px}.member-panel{padding:23px 19px 20px}.member-intro{font-size:12px}}