:root{color-scheme:dark;--ink:#101a32;--gold:#ffda65;--ivory:#f1efde;--muted:#a7bddf}.auth-screen *,.auth-portal *{box-sizing:border-box}body.auth-screen{margin:0;min-height:100svh;background:var(--ink);color:var(--ivory);font:16px "Trebuchet MS",Arial,sans-serif;overflow-x:hidden}.arena-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 21% 43%,#29446b80,transparent 52%),linear-gradient(125deg,#101a32 38%,#172a4c 38.2%,#0b1328 100%)}.arena-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060b1ce6,transparent 45%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff02 3px 4px)}.arena-rings{position:absolute;width:75vw;height:75vw;left:-10vw;top:0;border:1px solid #a7bddf16;border-radius:50%;box-shadow:0 0 0 7vw #0b142322,0 0 0 calc(7vw + 1px) #a7bddf10,0 0 0 17vw #0b142322,0 0 0 calc(17vw + 1px) #a7bddf0b;transform:rotateX(58deg);animation:arena-breathe 10s ease-in-out infinite alternate}.beam{position:absolute;top:-30%;width:32vw;height:160%;background:linear-gradient(90deg,transparent,#aacbff0c,transparent);transform-origin:50% 0;filter:blur(14px);animation:spotlight 16s ease-in-out infinite alternate}.beam-a{left:8%;--start:-26deg;--end:16deg}.beam-b{right:12%;--start:25deg;--end:-18deg;animation-delay:-8s}.ember{position:absolute;left:calc(5% + var(--i)*5%);bottom:-5%;width:2px;height:calc(2px + mod(var(--i),3)*1px);background:#ffda65;box-shadow:0 0 10px #ffda65;opacity:0;animation:ember-rise calc(8s + var(--i)*.4s) linear infinite;animation-delay:calc(var(--i)*-.9s)}.auth-layout{position:relative;z-index:1;min-height:calc(100svh - 72px);max-width:1440px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8%;padding:70px 7%}.auth-hero{animation:arrive 1s both}.auth-logo{display:block;width:100%;max-width:540px;height:auto;filter:drop-shadow(0 20px 32px #0008);animation:logo-hover 5s ease-in-out infinite}.hero-caption{margin:35px 0 0 24px}.eyebrow,.panel-index,.auth-footer,.panel-foot{font-size:10px;font-weight:800;letter-spacing:2.5px}.eyebrow{color:var(--gold)}.auth-screen h1{font-size:clamp(30px,3.6vw,53px);line-height:1.08;letter-spacing:-1.5px;margin:17px 0}.auth-screen h1 em{font-style:normal;color:var(--gold)}.hero-caption p,.panel-copy{color:var(--muted);line-height:1.8}.auth-panel{position:relative;padding:32px 34px 26px;background:linear-gradient(140deg,#203253c9,#101a32d9);border:1px solid #6d89b444;border-top:2px solid var(--gold);box-shadow:0 30px 80px #0005;backdrop-filter:blur(10px);animation:arrive .9s .15s both}.panel-index{display:flex;justify-content:space-between;color:var(--gold);font-size:9px;letter-spacing:1.5px;margin-bottom:36px}.auth-panel h2{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.panel-copy{font-size:13px;margin:0 0 30px}.auth-screen form label{display:block;font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--muted);margin:20px 0 10px}.auth-screen form input{width:100%;border:1px solid #4a6291a0;border-radius:0;background:#0912229c;color:var(--ivory);font:16px "Trebuchet MS",Arial,sans-serif;padding:15px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.auth-screen form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffda6516}.auth-screen form input::placeholder{color:#8494ac}.auth-screen form input:disabled{opacity:.6}.auth-error{font-size:13px;line-height:1.4;color:#ffb3a5;min-height:20px;margin:14px 0}.enter-button{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:18px 20px;background:var(--gold);color:#101a32;border:0;font:900 13px "Trebuchet MS",Arial,sans-serif;letter-spacing:1.5px;box-shadow:0 4px 0 #b7832d;transition:background .2s,transform .2s,box-shadow .2s}.enter-button:hover{background:#ffe99a;transform:translateY(-2px);box-shadow:0 6px 0 #b7832d,0 0 28px #ffda6522}.enter-button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:5px}.enter-button:disabled{cursor:wait;opacity:.75}.account-link{font-size:13px;color:var(--muted);margin:25px 0 30px}.account-link a{color:var(--ivory);text-underline-offset:5px}.panel-foot{border-top:1px solid #4a629155;padding-top:20px;color:#9bb0b4;font-size:8px;letter-spacing:1.1px;display:flex;align-items:center;gap:8px}.status-light{width:5px;height:5px;background:var(--gold);box-shadow:0 0 9px #ffda65;border-radius:50%}.auth-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;padding:22px 7%;color:#7d91b4;font-size:9px;border-top:1px solid #4a629133}.auth-portal{position:fixed;inset:0;z-index:100001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse at center,#24395d,#101a32 70%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s,visibility .6s;overflow:hidden}.auth-portal img{width:min(68vw,470px);height:auto;background:transparent;border:0;box-shadow:none;filter:none;transition:transform .9s,opacity .8s}.auth-portal>span{font:800 10px "Trebuchet MS",Arial,sans-serif;letter-spacing:4px;color:#ffda65}.portal-track{width:130px;height:2px;background:#4a629155;overflow:hidden}.portal-track:after{content:"";display:block;width:45%;height:100%;background:#ffda65;animation:track 1.3s ease-in-out infinite}.auth-portal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.auth-portal.is-revealing{opacity:0;visibility:visible;pointer-events:none;transition:opacity .9s}.auth-portal.is-revealing img{transform:scale(1.22);opacity:0}.auth-layout.is-exiting{transition:opacity .6s,transform .8s;opacity:0;transform:scale(1.025)}@keyframes spotlight{from{transform:rotate(var(--start))}to{transform:rotate(var(--end))}}@keyframes ember-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.55}85%{opacity:.2}100%{opacity:0;transform:translate(40px,-100vh)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-hover{50%{transform:translateY(-8px)}}@keyframes arena-breathe{to{opacity:.4;transform:rotateX(58deg) scale(1.08)}}@keyframes track{from{transform:translateX(-110%)}to{transform:translateX(330%)}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:26px;padding:28px 22px 35px;max-width:510px}.auth-logo{max-width:290px;margin:auto}.hero-caption{display:none}.auth-panel{padding:26px 24px}.panel-index{margin-bottom:25px}.auth-footer{font-size:7px;letter-spacing:1px;padding:20px 22px}.auth-panel h2{font-size:27px}.arena-rings{width:150vw;height:150vw;left:-25vw}}@media(prefers-reduced-motion:reduce){.auth-screen *,.auth-screen *:before,.auth-screen *:after,.auth-portal,.auth-portal *,.auth-portal *:after{animation:none!important;transition:none!important}.auth-portal.is-revealing{visibility:hidden}}

@media(pointer:coarse){.auth-panel{backdrop-filter:none}.beam{filter:none}}

#girar{display:none;position:fixed;inset:0;z-index:2147483647;background:#101a32;color:#ffda65;font:700 24px "Trebuchet MS",Arial,sans-serif;text-align:center;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;touch-action:none}
#girar small{display:block;max-width:330px;font:15px/1.6 "Trebuchet MS",Arial,sans-serif;color:#a7bddf}
#girar .movil{width:42px;height:72px;border:3px solid #ffda65;border-radius:7px;animation:landscape-hint 2s ease-in-out infinite}
@keyframes landscape-hint{0%,25%{transform:rotate(0deg)}65%,100%{transform:rotate(-90deg)}}
@media(orientation:portrait) and (pointer:coarse){#girar{display:flex}body.auth-screen::after{content:'Rotate your phone to enter';position:fixed;inset:0;z-index:2147483646;background:#101a32;color:#ffda65;display:grid;place-items:center;text-align:center;font:700 24px "Trebuchet MS",Arial,sans-serif;padding:24px}}
html[data-orientation-gate=ready] body.auth-screen::after{display:none}
html[data-mobile-portrait=true] #girar{display:flex!important}
html[data-mobile-portrait=false] #girar{display:none!important}
@media(prefers-reduced-motion:reduce){#girar .movil{animation:none;transform:rotate(-90deg)}}