@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--background:#0f0e0c;--text:#fff;--primary:#ff3a3a;--secondary:#1894bc;--accent:#d4bd02}.register-container{background-color:var(--background);letter-spacing:.5px;min-height:100vh;color:var(--text);background:linear-gradient(#0f0e0ceb,#0f0e0ceb),repeating-linear-gradient(0deg,#0000 0 2px,#188cb31a 3px 3px);justify-content:center;align-items:center;padding:100px 2rem 2rem;font-family:"Press Start 2P",cursive;line-height:1.6;display:flex;position:relative;overflow:hidden}.register-container:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#188cb308 1px,#0000 1px),linear-gradient(#188cb308 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:15s linear infinite gridMove;position:absolute;inset:0}.register-container:after{content:"";filter:blur(10px);background:radial-gradient(circle at 20% 30%,#188cb31a 0,#0000 100px),radial-gradient(circle at 80% 70%,#d4bd021a 0,#0000 100px),radial-gradient(circle at 40% 80%,#b22a261a 0,#0000 100px);animation:8s ease-in-out infinite alternate floatingLights;position:absolute;inset:0}.scanlines{pointer-events:none;background:linear-gradient(#0000 50%,#0000000d 51%) 0 0/100% 4px;width:100%;height:100%;animation:10s linear infinite scanline;position:fixed;top:0;left:0}.register-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;width:100%;max-width:800px;color:var(--text);background:#0f0e0cf2;border:3px solid #1894bc;border-radius:12px;padding:2.5rem;font-family:"Press Start 2P",cursive;position:relative;overflow:hidden;box-shadow:0 0 30px #188cb333,0 0 60px #188cb31a,inset 0 0 20px #188cb31a}.register-form:before{content:"";background:linear-gradient(90deg,#0000,#1894bc,#0000);height:2px;animation:2s linear infinite scanline;position:absolute;top:0;left:0;right:0}.form-group{margin-bottom:1.5rem;position:relative}.register-input,select.register-input{letter-spacing:1px;appearance:none;background-color:#0f0e0ccc;border:2px solid #1894bc;border-radius:4px;width:100%;margin-top:.5rem;padding:16px;font-family:"Press Start 2P",cursive;font-size:.6rem;transition:all .3s;color:#fff!important}.register-input:focus,select.register-input:focus{background-color:#0f0e0ce6;border-color:#d4bd02;outline:none;box-shadow:0 0 15px #188cb34d;color:#fff!important}.register-input option{color:#fff;background-color:#0f0e0c;font-family:monospace}.input-focused{border-color:#d4bd02;box-shadow:0 0 15px #188cb34d}.register-label{color:#d4bd02;text-shadow:0 0 5px #d4bd024d;letter-spacing:1px;margin-bottom:.8rem;font-family:"Press Start 2P",cursive;font-size:.6rem;font-weight:700;display:block}.error-message{color:#ff3a3a;text-shadow:1px 1px 1px #000000b3;margin-top:.25rem;font-family:monospace;font-size:.875rem;font-weight:700}.register-btn{letter-spacing:1px;text-transform:uppercase;background:linear-gradient(45deg,#af2924,#b22a26);width:100%;margin-top:2rem;padding:1rem;font-family:"Press Start 2P",cursive;font-size:.8rem;position:relative;overflow:hidden}.register-btn:after{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:2s linear infinite buttonGlow;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.register-alternate{text-align:center;color:var(--text);letter-spacing:.5px;margin-top:1.5rem;font-family:"Press Start 2P",cursive;font-size:.6rem;line-height:1.8}.register-alternate a{color:#d4bd02;margin-left:.5rem;text-decoration:none;transition:all .3s}.register-alternate a:hover{text-decoration:underline}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes buttonGlow{0%{transform:rotate(45deg)translate(-100%)}to{transform:rotate(45deg)translate(100%)}}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes floatingLights{0%{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-20px)scale(1.1)}to{opacity:.5;transform:translateY(0)scale(1)}}@media (max-width:768px){.register-form{padding:1.5rem}.register-label{font-size:.5rem}.register-input{padding:14px;font-size:.5rem}.error-message{font-size:.45rem}.register-alternate{font-size:.5rem}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.register-input,select.register-input,.register-container,.register-form{background-color:#000;color:#fff!important}.register-label{color:#ff0!important}}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f0e0c!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f0e0c!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f0e0c!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f0e0c!important}.register-container *{forced-color-adjust:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.retro-loading{letter-spacing:2px;font-family:monospace;animation:1s infinite loading}@keyframes loading{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}