*{box-sizing:border-box}html{min-height:100%;background:#030914}body{margin:0;min-height:100svh;color:#f2f6ff;font:15px/1.5 "Segoe UI",Arial,sans-serif;background:linear-gradient(90deg,rgba(2,6,15,.23),rgba(2,6,15,.4) 48%,rgba(2,6,15,.18)),url('../images/max-realtv-space-v1.png') center/cover fixed no-repeat;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 10%,rgba(0,3,12,.18) 100%);z-index:0}.masthead,.stage,.page-footer{position:relative;z-index:1}.masthead{height:80px;padding:22px 4vw;display:flex;align-items:center;gap:18px}.wordmark{font-size:24px;letter-spacing:2px;font-weight:900;text-shadow:0 2px 1px #000,0 0 22px #3199ef55}.wordmark span{color:#f04454;margin-left:3px}.player-label{font-size:10px;font-weight:600;letter-spacing:2.4px;color:#9faec5;border-left:1px solid #7487a43b;padding-left:18px}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 22px 38px}.login-card{width:448px;max-width:100%;border:1px solid #738eb44d;border-top-color:#9fc8ff80;border-bottom-color:#1b416c;border-radius:26px;padding:26px 36px 20px;background:linear-gradient(145deg,rgba(32,49,74,.94),rgba(8,17,33,.95) 48%,rgba(5,11,24,.97));box-shadow:0 35px 90px #000a,0 9px 0 -3px #040a14,0 10px 0 -3px #334e6d,0 0 55px #2177d01c,inset 0 1px 0 #ffffff19,inset 1px 0 0 #ffffff0c;position:relative;backdrop-filter:blur(18px)}.login-card:before{content:"";position:absolute;height:2px;top:-1px;left:20%;right:20%;background:linear-gradient(90deg,transparent,#7dd3ff,transparent);box-shadow:0 0 20px #29aaff80}.brand{position:relative;height:154px;width:100%;overflow:hidden;filter:drop-shadow(0 12px 13px #0008)}.brand img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-52%);max-width:none}.intro{text-align:center;margin:3px 0 27px}.eyebrow{font-size:10px;letter-spacing:3.2px;color:#83bcf4;font-weight:700;margin:0 0 9px}h1{font-size:29px;line-height:1.25;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}.intro>p:last-child{font-size:13px;color:#9baac2;margin:0}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:600;color:#c0cde0;margin:0 0 8px 2px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:16px;top:17px;width:19px;height:19px;fill:none;stroke:#8097b9;stroke-width:1.6;pointer-events:none}.input-wrap input{display:block;width:100%;height:54px;border-radius:11px;border:1px solid #33445e;background:linear-gradient(#06101f,#0c1729);box-shadow:inset 0 2px 6px #0007,0 1px 0 #ffffff07;padding:0 16px 0 48px;color:#f5f8ff;font:14px "Segoe UI",Arial,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s}.input-wrap input::placeholder{color:#677b99}.input-wrap input:focus{border-color:#57b6ff;box-shadow:0 0 0 3px #278ddd24,inset 0 2px 6px #0005}.input-wrap:focus-within svg{stroke:#6ac7ff}button{margin-top:8px;display:flex;width:100%;height:55px;align-items:center;justify-content:center;gap:16px;border-radius:11px;border:1px solid #ff6473;background:linear-gradient(180deg,#f34a5b 0%,#d81731 56%,#b90925 100%);color:#fff;font:700 13px "Segoe UI",Arial,sans-serif;letter-spacing:1.5px;text-shadow:0 1px 2px #650015;box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 #730c22,0 10px 24px #df19322b;cursor:pointer;transition:filter .18s,transform .18s}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff50,0 2px 0 #730c22}button:focus-visible{outline:3px solid #80caff;outline-offset:5px}.card-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #6f8aac22;margin-top:30px;padding-top:17px;color:#8396b2;font-size:10px}.card-footer>svg{width:14px;height:14px;fill:none;stroke:#6bb9e2;stroke-width:1.6}.card-footer>span{margin-left:auto;font-size:9px;letter-spacing:1.4px;color:#687e9e}.page-footer{padding:0 4vw 21px;display:flex;justify-content:space-between;gap:15px;color:#8296b4;font-size:10px;letter-spacing:1.8px}.page-footer i{font-style:normal;color:#3285cf;padding:0 9px}.page-footer>span:last-child{letter-spacing:.4px;color:#7185a3}.login-error{background:#8c132436;border:1px solid #e34c6266;border-radius:8px;padding:11px 12px;font-size:13px;color:#ffd3d9;margin-bottom:15px}@media(max-width:520px){body{background-attachment:scroll;background-position:43% center}.masthead{height:64px;padding:17px 22px}.stage{padding:16px 18px 35px}.login-card{padding:23px 25px 19px;border-radius:23px}.brand{height:135px;max-width:330px;margin:auto}.intro{margin-bottom:24px}h1{font-size:27px}.page-footer{justify-content:center;text-align:center;padding:0 16px 18px;font-size:8px;letter-spacing:1.2px}.page-footer>span:last-child{display:none}}@media(max-height:780px) and (min-width:521px){.masthead{height:65px}.stage{padding-top:0;padding-bottom:28px}.brand{height:125px}.login-card{padding-top:17px}.intro{margin-bottom:20px}.card-footer{margin-top:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}