*{box-sizing:border-box}:root{color-scheme:dark;--pink:#ff3ebc;--cyan:#57edff}body{margin:0;background:#09051a;color:#f5f2ff;font:16px/1.5 'Segoe UI',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.login-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(410px,1fr);min-height:100svh}.arcade-art{position:relative;isolation:isolate;min-height:800px;overflow:hidden;background:#160a32 url('/login-assets/neon-arcade.webp') center 62%/cover no-repeat;border-right:1px solid #ff3ebc55}.art-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07051dbb 0%,#10072833 32%,transparent 54%,#09051a55 74%,#09051af5 100%)}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 4px);z-index:2}.art-heading{position:relative;padding:52px 8% 0;z-index:3}.edition,.player-label,.art-footer,.panel-footer span,.panel-topline,.insert-coin{font-family:Consolas,'Courier New',monospace}.edition{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px;color:#d6d0ed}.edition-line{width:26px;height:3px;background:var(--cyan);box-shadow:0 0 14px #57edff}.art-heading h1{font-family:'Arial Black','Segoe UI',sans-serif;font-size:clamp(62px,7.4vw,122px);font-weight:950;line-height:.9;letter-spacing:-5px;margin:32px 0 25px;transform:skew(-7deg);color:#edfbff;text-shadow:3px 3px 0 #5434ac,6px 6px 0 #241553,0 0 35px #69dfff33}.art-heading h1 span{display:block;color:var(--pink);background:linear-gradient(#ffd8f3 2%,#ff71dc 32%,#f929b0 56%,#b83ee3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 4px 0 #421057);text-shadow:none}.arcade-tagline{font-size:18px;line-height:1.45;letter-spacing:.3px;color:#e3dbf5;margin:0}.insert-coin{position:absolute;left:8%;bottom:116px;z-index:3;transform:rotate(-3deg);text-align:center;padding:13px 24px;border:1px solid #65f5ff;background:#081725dc;box-shadow:5px 5px 0 #fb32b9,0 0 30px #42dafa33}.insert-coin span{font-size:23px;font-weight:900;letter-spacing:5px;color:var(--cyan)}.insert-coin small{display:block;font-size:10px;letter-spacing:1px;color:#d0d8ed;margin-top:3px}.art-footer{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;gap:18px;z-index:3;color:#c9c2dd;font-size:12px;line-height:1.8}.art-footer i{font-style:normal;color:var(--pink);margin:0 5px}
.login-panel{display:grid;align-items:center;padding:42px 9%;background:radial-gradient(ellipse at top right,#35205b88,transparent 55%),radial-gradient(ellipse at bottom left,#112d4566,transparent 55%),#0b081b;position:relative}.login-panel:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pink),#8b65ff,var(--cyan))}.login-content{width:100%;max-width:400px;margin:auto;position:relative}.panel-topline{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #81729b40;padding-bottom:16px;margin-bottom:28px;font-size:12px;letter-spacing:1.5px;color:#bdb1d5}.panel-topline span:last-child{color:var(--cyan)}.asn-logo{display:block;width:112px;height:auto;margin:0 0 28px}.player-label{color:var(--pink);font-size:12px;letter-spacing:2px;margin:0 0 13px}.login-content h2{font-size:clamp(36px,3.7vw,54px);font-weight:750;line-height:1.05;letter-spacing:-2px;margin:0}.login-content h2 span{color:var(--cyan)}.intro{color:#b8aecb;font-size:16px;line-height:1.6;margin:18px 0 26px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px;color:#e7def5}input{width:100%;height:54px;border:1px solid #655678;border-radius:6px;background:#191329;padding:0 15px;color:#fff;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--cyan);box-shadow:0 0 20px #57edff15}input::placeholder{color:#9d92b0}.password-field{position:relative}.password-field input{padding-right:76px}.password-field button{position:absolute;right:5px;top:5px;min-height:44px;width:64px;border:0;background:none;color:#c7bfd8;font-size:14px}.start-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;background:linear-gradient(105deg,#e92cad,#b13eef);color:white;border:1px solid #ff83e3;border-radius:6px;margin-top:26px;padding:0 20px;font-size:16px;font-weight:800;letter-spacing:2px;box-shadow:0 4px 0 #67205e,0 7px 28px #f52bbc30;transition:filter .15s,transform .15s}.start-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.start-button:disabled{opacity:.65;cursor:wait;transform:none}.start-button span{font-size:25px}.access-note{font-size:12px;line-height:1.7;color:#a89cbd;margin-top:20px}.login-error{font-size:14px;line-height:1.5;color:#ffbccf;border-left:3px solid #ff6b9d;padding:10px 12px;margin:18px 0;background:#46193355}.panel-footer{border-top:1px solid #81729b40;padding-top:24px;margin-top:32px;display:flex;gap:14px;flex-direction:column;align-items:flex-start}.panel-footer img{width:174px;height:auto}.panel-footer span{color:#9d91b3;font-size:12px;letter-spacing:1px}
@media(min-width:1600px){.login-panel{padding:65px 14%}.arcade-art{min-height:900px}}@media(max-width:1000px){.login-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.login-panel{padding:36px 9%}.art-heading{padding:46px 7% 0}.art-heading h1{font-size:clamp(48px,7.4vw,74px);letter-spacing:-3px}.art-footer{flex-direction:column;gap:3px}.edition{font-size:11px;letter-spacing:1px}.insert-coin{left:7%;padding:12px 15px}.insert-coin span{font-size:19px}}@media(max-width:700px){.login-layout{display:block}.arcade-art{min-height:320px;border-right:0;border-bottom:1px solid #ff3ebc66;background-position:center 56%}.art-shade{background:linear-gradient(90deg,#0b061dee,#0b061d88 55%,#0b061d11),linear-gradient(0deg,#09051a,transparent 30%)}.art-heading{padding:30px 7%}.art-heading h1{font-size:62px;margin:24px 0 16px;letter-spacing:-3px}.arcade-tagline{font-size:15px}.art-footer,.insert-coin{display:none}.edition{font-size:10px}.login-panel{padding:26px 7% 35px}.login-content{max-width:440px}.panel-topline{margin-bottom:20px}.asn-logo{width:90px;margin-bottom:20px}.login-content h2{font-size:38px}.login-content h2 br{display:none}.login-content h2 span:before{content:' '}.intro{margin:14px 0 22px}.panel-footer{margin-top:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}