@keyframes containerScan{0%{opacity:.6;transform:translateY(-100%)}to{opacity:0;transform:translateY(100%)}}@keyframes containerBoot{0%{opacity:0;clip-path:inset(50% 8%)}40%{opacity:1;clip-path:inset(0% 4%)}70%{clip-path:inset(0% 1%)}to{clip-path:inset(0%)}}@keyframes cornerPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes labelSlide{0%{opacity:0;letter-spacing:.15em;transform:translate(-6px)}to{opacity:1;letter-spacing:.06em;transform:translate(0)}}@keyframes inputGlitch{0%{clip-path:inset(0 0 98%);transform:translate(-2px)}20%{clip-path:inset(30% 0 50%);transform:translate(2px)}40%{clip-path:inset(60% 0 20%);transform:translate(-1px)}60%{clip-path:inset(80% 0 5%);transform:translate(1px)}80%{clip-path:inset(10% 0 75%);transform:translate(-2px)}to{clip-path:inset(0);transform:translate(0)}}@keyframes borderTrace{0%{width:0;height:1px;top:0;left:0}25%{width:100%;height:1px;top:0;left:0}26%{width:1px;height:0;top:0;left:auto;right:0}50%{width:1px;height:100%;top:0;left:auto;right:0}51%{width:0;height:1px;top:auto;bottom:0;right:0}75%{width:100%;height:1px;inset:auto 0 0}76%{width:1px;height:0;top:auto;bottom:0;left:0}to{width:1px;height:100%;top:0;bottom:auto;left:0}}@keyframes btnSweep{0%{transform:translate(-100%)skew(-12deg)}to{transform:translate(250%)skew(-12deg)}}@keyframes btnGlitchOn{0%{clip-path:inset(0 100% 0 0)}30%{clip-path:inset(0 60% 0 0)}60%{clip-path:inset(0 20% 0 0)}to{clip-path:inset(0)}}@keyframes chargePulse{0%{box-shadow:0 0 #ff2d9b,inset 0 0 #e1034d00}50%{box-shadow:0 0 0 6px #e1034d00,inset 0 0 12px #e1034d14}to{box-shadow:0 0 #e1034d00,inset 0 0 #e1034d00}}@keyframes scanline{0%{top:-8%}to{top:108%}}main{color:#e6e6e6;background-color:#080a0e;background-image:linear-gradient(#4c8dff05 1px,#0000 1px),linear-gradient(90deg,#4c8dff05 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}main .form-container{isolation:isolate;background:#0d1017;border:1px solid #1e2535;border-radius:.25rem;flex-direction:column;gap:1.35rem;min-width:350px;padding:2rem 2rem 1.75rem;animation:.65s cubic-bezier(.16,1,.3,1) both containerBoot;display:flex;position:relative;overflow:hidden}main .form-container:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#4c8dff0a 40%,#4c8dff12 50%,#4c8dff0a 60%,#0000 100%);height:30%;animation:1.4s cubic-bezier(.4,0,.6,1) .65s both scanline;position:absolute;left:0;right:0}main .form-container:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0%,#4c8dff99 30%,#4c8dffe6 50%,#4c8dff99 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}main .form-container .corner-tl,main .form-container .corner-tr,main .form-container .corner-bl,main .form-container .corner-br{pointer-events:none;z-index:2;width:10px;height:10px;animation:3s ease-in-out infinite cornerPulse;position:absolute}main .form-container{outline:1px solid #0000;box-shadow:-1px -1px #4c8dffb3,1px -1px #4c8dffb3,-1px 1px #e1034d80,1px 1px #e1034d80,0 8px 40px #0009,0 2px 10px #0006}main form{z-index:2;flex-direction:column;gap:1rem;display:flex;position:relative}main .input-group{flex-direction:column;gap:.45rem;display:flex}main .input-group label{letter-spacing:.06em;text-transform:uppercase;color:#4a7abf;font-size:.72rem;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) both labelSlide}main .input-group label:first-child{animation-delay:.7s}main .input-group label{transition:color .2s,letter-spacing .25s}main .input-group:focus-within label{color:#6eb3ff;letter-spacing:.1em}main .input-group input{color:#c8d8f0;letter-spacing:.04em;background:#070910;border:1px solid #1e2535;border-radius:.15rem;outline:none;padding-block:.72rem;padding-inline:.95rem;font-family:Courier New,Consolas,monospace;font-size:.93rem;transition:border-color .2s,background-color .25s,box-shadow .25s,color .2s;position:relative}main .input-group input::placeholder{color:#2a3348;letter-spacing:.02em}main .input-group input:hover:not(:focus){background:#080b12;border-color:#2a3a55}main .input-group input:focus{color:#def;caret-color:#4c8dff;background:#070a12;border-color:#3d72d7;animation:.25s step-end both inputGlitch;box-shadow:0 0 0 1px #3d72d759,0 0 12px #3d72d71f,inset 0 0 20px #3d72d70a}main .input-group input:not(:placeholder-shown):not(:focus){color:#b8ccec;border-color:#253045}main .input-group input:-webkit-autofill{-webkit-text-fill-color:#c8d8f0;caret-color:#4c8dff;border-color:#3d72d7;-webkit-box-shadow:inset 0 0 0 1000px #070910}main a{color:#e1034d;letter-spacing:.04em;text-transform:uppercase;width:fit-content;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}main a:after{content:"";background:linear-gradient(90deg,#e1034d,#ff4d7a);width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;box-shadow:0 0 6px #e1034d80}main a:hover{color:#f36;text-shadow:0 0 12px #e1034d66;text-decoration:none}main a:hover:after{width:100%}main .button{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;isolation:isolate;border:none;border-radius:.15rem;outline:none;padding-block:.75rem;padding-inline:1.5rem;font-family:Courier New,Consolas,monospace;font-size:.85rem;font-weight:700;transition:background-color .2s,box-shadow .2s,transform .12s cubic-bezier(.34,1.2,.64,1),color .2s;position:relative;overflow:hidden}main .button:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:40%;position:absolute;top:0;bottom:0;transform:translate(-100%)skew(-12deg)}main .button:after{content:"";opacity:.5;background:linear-gradient(90deg,#0000,currentColor,#0000);height:2px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}main .button.primary-button{color:#ffd6e0;background-color:#ff2d9b;border-top:1px solid #ff648240;box-shadow:0 0 0 1px #e1034d33,0 2px 12px #e1034d26,inset 0 1px #ff96aa1a}main .button.primary-button:hover{color:#ffe8ee;background-color:#b8023f}main .button.primary-button:hover:before{animation:.55s cubic-bezier(.4,0,.2,1) both btnSweep}main .button.primary-button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #e1034d66,0 4px 20px #e1034d40,inset 0 1px #ff96aa26}main .button.primary-button:focus-visible{outline:none;animation:.6s both chargePulse}main .button.primary-button:focus-visible:after{opacity:1;animation:.3s steps(2,end) both btnGlitchOn}main .button:active{transform:scale(.96)translateY(0);box-shadow:0 0 0 1px #e1034d80,inset 0 2px 8px #0000004d}main .button:active:before{animation:none}main .button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:saturate(.3)brightness(.7);box-shadow:none}@media (width<=480px){main{background-size:28px 28px;align-items:flex-start;padding:1.5rem 1rem}main .form-container{min-width:unset;width:100%;padding:1.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){main .form-container,main .form-container:before,main .input-group input:focus,main .button.primary-button:hover:before,main .button:focus-visible{animation:none}}*{box-sizing:border-box;margin:0%;padding:0%}html,body,#root{color:#a29d9d;background-color:#2b2a2a;width:100%;height:100%;font-family:Poppins,sans-serif}body{color:#fff;background:#0f0f0f;margin:0;font-family:Poppins,sans-serif}.neon-button{color:#0fc;cursor:pointer;background:0 0;border:2px solid #0fc;border-radius:10px;padding:12px 24px;transition:all .3s}.neon-button:hover{color:#000;background:#0fc;box-shadow:0 0 20px #0fc}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;padding:16px}