@charset "UTF-8";@font-face{font-family:Tektur;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/tektur/v5/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszacvGHE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Tektur;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/tektur/v5/XoH62YHtS7q969kXCjzlV0aSkS_o8Oacsz-cvGHE.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Tektur;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/tektur/v5/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszicvGHE.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Tektur;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/tektur/v5/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszScvGHE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Tektur;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/tektur/v5/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszWcvGHE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Tektur;font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/tektur/v5/XoH62YHtS7q969kXCjzlV0aSkS_o8OacszucvA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{margin:0;padding:0;scrollbar-color:#a100a1 #ffcc00;scrollbar-width:thin}body{margin:0;padding:0;background-color:#0a0a0a;color:#0ff;font-family:Orbitron,sans-serif;text-shadow:0 0 10px #0ff;width:100vw;height:100vh;overflow:hidden}app-root{margin:0;padding:0;width:100vw;height:100vh}.page-container{display:flex;flex-direction:column;align-items:center;padding-top:10vh;text-align:center;min-height:100%}.form-container{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;align-items:flex-start}.form-label{font-size:1rem;color:#0ff;margin-bottom:5px}button{background-color:#caa200;border:2px solid #ffcc00;border-radius:0;padding:10px 20px;font-size:1rem;cursor:pointer;text-transform:uppercase;color:#fff;transition:.5s ease-in-out}button:hover{background-color:#fc0;color:#000;box-shadow:0 0 10px #fc0}button.danger{background-color:#a100a1;border-color:#f0f;box-shadow:0 0 10px #f0f}button.danger:hover{background-color:#f0f;color:#000}button.primary{border-color:#fc0;box-shadow:0 0 10px #fc0}button.warning{background-color:#e93f01}input{background-color:#1a1919;color:#0ff;border:2px solid #ffcc00;padding:12px;font-family:Orbitron,sans-serif;font-size:1rem;width:100%;border-radius:3px;box-shadow:0 0 10px #fc0;transition:.3s ease-in-out}input:focus{outline:none;box-shadow:0 0 10px #f0f;border-color:#f0f}input::placeholder{color:#fff9;text-transform:uppercase}.dropdown{background-color:#1a1919;color:#0ff;border:2px solid #ffcc00;padding:12px;font-family:Orbitron,sans-serif;font-size:1rem;width:100%;border-radius:3px;box-shadow:0 0 10px #fc0;transition:.3s ease-in-out;appearance:none}.dropdown:hover{box-shadow:0 0 10px #f0f;border-color:#f0f}.dropdown:focus{outline:none;box-shadow:0 0 10px #f0f;border-color:#f0f}.dropdown-wrapper{position:relative;width:100%}.dropdown-wrapper:after{content:"\25bc";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#fc0;text-shadow:0 0 10px #ffcc00;pointer-events:none}option{background-color:#1a1919;color:#0ff;padding:10px}.login-box{background:#ffffff1a;padding:30px;border-radius:3px;box-shadow:0 0 10px #0ff;text-align:center;width:400px;transition:box-shadow 1s}.login-box:hover{box-shadow:0 0 10px #f0f}.logo{animation:color-change 10s infinite;margin:0;padding:0}.logo:before{animation:logo-flicker 10s infinite;position:fixed;display:block;color:#fc0;margin:-10px;content:"Nullspire";transition:1s}.logo:after{content:"Tech test";position:fixed;font-size:.2em;top:15px;right:-15px;width:50px;color:#fc0;transform:rotate(30deg)}@keyframes color-change{0%{transform:skew(0);color:#f0f}97%{color:#f0f;transform:skew(0);text-decoration:none}98%{color:#3d8801;transform:skew(-30deg);text-decoration:line-through}99%{color:#f0f;transform:skew(30deg);text-decoration:none}to{color:#f0f;transform:skew(0);text-decoration:none}}@keyframes logo-flicker{0%{content:""}96%{content:""}97%{content:"Nullspire"}to{content:""}}h1{color:#f0f;text-transform:uppercase;text-shadow:0 0 10px #ff00ff;font-family:Tektur,sans-serif;font-size:4rem}h2{color:#fc0;text-transform:uppercase;text-shadow:0 0 10px #ffcc00}h3{color:#fc0;text-shadow:0 0 10px #ffcc00}.footer{position:fixed;bottom:0;left:0;width:100%;padding:15px;font-size:15px;border-top:1px solid #ffcc00;background-color:#0a0a0a;color:#0ff;text-align:right}.footer ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:15px}.footer li{margin-bottom:4px}.footer a{color:#0ff;text-decoration:underline;text-shadow:0 0 8px #0ff;transition:.3s ease-in-out}.footer a:hover{text-decoration:underline;color:#f0f;text-shadow:0 0 12px #ff00ff}
