.header{background-color:#282c34;padding:1rem 0;box-shadow:0 2px 4px #0003;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-logo{font-size:1.5rem;font-weight:700;color:#61dafb;text-decoration:none}.nav-menu a{color:#fff;text-decoration:none;margin-left:2rem;font-size:1rem;transition:color .3s}.nav-menu a:hover{color:#61dafb}.burger-menu{display:none;background:none;border:none;cursor:pointer;padding:.5rem;position:relative;z-index:1100}.burger-line{width:25px;height:3px;background-color:#fff;margin:5px 0;transition:all .3s ease}@media(max-width:768px){.burger-menu{display:block}.nav-menu{display:none;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#282c34;padding-top:5rem;box-shadow:0 4px 8px #0000004d;transform:translate(100%);transition:transform .3s ease-in-out}.nav-menu.is-open{display:flex;transform:translate(0)}.nav-menu a{margin:1.5rem 0;font-size:1.5rem;text-align:center}.line-1-open{transform:rotate(-45deg) translate(-5px,6px)}.line-2-open{opacity:0}.line-3-open{transform:rotate(45deg) translate(-5px,-6px)}}:root{--color-bg-dark: #0a0a0a;--color-neon-red: #ff073a;--color-neon-shadow: #8B0000;--color-border: #222;--color-text-light: #ccc;--color-text-faded: #aaa}.login-gate{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-dark);color:#fff;font-family:Consolas,Courier New,monospace;overflow:hidden}.login-gate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,var(--color-bg-dark),var(--color-bg-dark) 50%,var(--color-neon-shadow) 51%,var(--color-bg-dark) 52%);background-size:100% 200px;opacity:.2;animation:moveWaves 15s linear infinite}@keyframes moveWaves{0%{background-position:0 0}to{background-position:0 200px}}.login-box{position:relative;background:#1e1e1e;padding:3rem 4rem;border-radius:8px;max-width:450px;width:90%;z-index:10;border:1px solid var(--color-neon-red);box-shadow:0 0 25px var(--color-neon-shadow),0 0 5px var(--color-neon-red) inset;transition:transform .3s ease}.login-box:hover{transform:scale(1.01)}.login-box h1{color:var(--color-neon-red);text-shadow:0 0 10px var(--color-neon-red);margin-bottom:.2rem;font-size:2rem}.login-box p{color:var(--color-text-faded);margin-bottom:2rem}.error-message{color:var(--color-neon-red);text-shadow:0 0 5px rgba(255,51,102,.5);margin:1rem 0;font-weight:700;border:1px solid var(--color-neon-red);padding:.5rem;background-color:#ff33660d}.input-group{margin-bottom:1.5rem;text-align:left}.input-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--color-text-light)}.password-wrapper{position:relative;width:100%}.input-group input{width:100%;padding:.75rem 3rem .75rem .75rem;border:1px solid var(--color-border);border-radius:4px;background:#111;color:var(--color-neon-red);box-sizing:border-box;text-shadow:0 0 5px var(--color-neon-shadow);transition:border-color .3s}.input-group input:focus{outline:none;border-color:var(--color-neon-red);box-shadow:0 0 8px var(--color-neon-red)}.cyber-eye{width:25px;height:25px;background:#111;border-radius:50%;border:2px solid var(--color-neon-shadow);position:absolute;top:50%;right:.8rem;transform:translateY(-50%);overflow:hidden;cursor:pointer;z-index:5;transition:all .2s ease,box-shadow .2s}.cyber-eye.peeking{height:15px;border-radius:5px;border-color:#555;border-top:1px solid var(--color-neon-shadow);border-bottom:1px solid var(--color-neon-shadow);border-left:none;border-right:none;box-shadow:0 0 5px #00000080}.cyber-eye.open{height:25px;border-radius:50%;border-color:var(--color-neon-red);box-shadow:0 0 10px var(--color-neon-red)}.cyber-eye.closed{height:4px;width:25px;border-radius:4px;border-top:2px solid var(--color-neon-red);border-bottom:2px solid var(--color-neon-red);border-left:none;border-right:none;box-shadow:0 0 10px var(--color-neon-shadow)}.pupil{width:6px;height:6px;background:var(--color-neon-red);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px var(--color-neon-red);transition:transform .05s linear}.cyber-eye.closed .pupil{opacity:0}.login-box button{width:100%;padding:1rem;background-color:var(--color-neon-red);color:var(--color-bg-dark);border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;box-shadow:0 0 10px var(--color-neon-red)}.login-box button:hover:not(:disabled){background-color:#ff4564;box-shadow:0 0 20px #ff4564,0 0 5px #ff4564 inset;transform:translateY(-2px)}.login-box button:disabled{background-color:#444;color:#888;box-shadow:none;cursor:not-allowed}.toggle-view{margin-top:1.5rem;color:var(--color-text-faded);cursor:pointer;text-decoration:underline;transition:color .3s}.toggle-view:hover{color:var(--color-neon-red)}body{margin:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f9}#root{min-height:100vh}