.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#070c19;position:relative;overflow:hidden;color:#fff;width:100vw}.logo-container{position:absolute;top:20px;left:50%;transform:translate(-50%)}.logo{max-width:200px;height:auto}.login-container h2{margin-bottom:20px;color:#fff}.login-container button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#0056b3}.app-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:radial-gradient(circle at center,#000 70%,#0a0f0a);color:#00ff9d;padding:20px;box-sizing:border-box;text-align:center;font-family:Courier New,Courier,monospace;box-shadow:inset 0 0 200px #00ff641a;text-shadow:0 0 6px rgba(0,255,100,.7),0 0 15px rgba(0,255,100,.4)}body{background-color:#000;margin:0;height:100vh;overflow:hidden}.app-container ul{list-style-type:none;padding-left:0;margin-left:0;max-width:400px}.app-container ul li{font-size:1.2rem;font-weight:700;color:#00ff9d;padding:14px 24px;margin:10px 0;border-radius:6px;background:#001400e6;border:1px solid rgba(0,255,100,.4);box-shadow:0 0 10px #00ff6480,inset 0 0 6px #00ff6433;cursor:pointer;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.app-container ul li:hover,.app-container ul li:focus{transform:scale(1.07);background:#002800f2;color:#0fa;box-shadow:0 0 20px #00ff78e6,inset 0 0 10px #00ff7866;outline:none}button{font-family:Courier New,Courier,monospace;font-size:1.1rem;padding:12px 28px;border-radius:6px;border:1px solid rgba(0,255,100,.5);background:linear-gradient(135deg,#002800e6,#001400f2);color:#00ff9d;cursor:pointer;box-shadow:0 0 12px #00ff64b3,inset 0 0 8px #00ff6433;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}button:hover,button:focus{background:linear-gradient(135deg,#003c00,#001e00);transform:scale(1.08);box-shadow:0 0 25px #00ff78,inset 0 0 12px #00ff6480;outline:none}a,a:visited,a:hover,a:active{color:#ff2e2ec0;text-decoration:none;text-shadow:0 0 6px rgba(0,255,100,.7),0 0 15px rgba(0,255,100,.4)}.divider{width:80%;height:2px;margin:20px 0;background:linear-gradient(to right,transparent,rgba(0,255,100,.7),transparent);box-shadow:0 0 6px #00ff64cc}.login-button{position:absolute;top:20px;right:20px;font-family:Courier New,Courier,monospace;font-size:1.1rem;padding:10px 20px;border-radius:6px;border:1px solid rgba(0,255,100,.5);background:linear-gradient(135deg,#002800e6,#001400f2);color:#00ff9d;cursor:pointer;box-shadow:0 0 12px #00ff64b3,inset 0 0 8px #00ff6433;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.login-button:hover{background:linear-gradient(135deg,#003c00,#001e00);transform:scale(1.05);box-shadow:0 0 20px #00ff78,inset 0 0 12px #00ff6480}@keyframes twinkle{0%,to{text-shadow:0 0 8px #ffd700,0 0 16px #ffec8b,0 0 24px #fff8dc}50%{text-shadow:0 0 4px #ffd700,0 0 12px #ffec8b,0 0 20px #fff8dc}}.animate-twinkle{animation:twinkle 2s infinite ease-in-out;color:#000}