body.darkmode{margin:0;font-family:Quicksand,Arial,sans-serif;background-color:#121212;color:#e0e0e0;line-height:1.6;transition:background-color .3s ease,color .3s ease}.top-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#333,#1c1c1c);color:#fff;padding:10px 40px;box-shadow:0 2px 6px #00000080;position:sticky;top:0;z-index:1000;border-bottom:2px solid #444444;transition:background-color .3s ease}#website-name{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:5px;color:#fff;margin:0;text-align:center;padding:10px 0;position:relative;text-shadow:0 0 20px rgba(255,255,255,.9),0 0 40px rgba(255,255,255,.8),0 0 60px rgba(255,255,255,.7)}#website-name{background:linear-gradient(to right,#ff5f6d,#ffc3a0);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-shadow:none}.lightmode-button{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,gold 40%,#ff8c00 70%,#ff8c0000 80%);border:none;box-shadow:0 0 15px #fc0,0 0 30px #fc09,0 0 50px #ffcc004d;cursor:pointer;position:relative;transition:all .3s ease-in-out,transform .2s ease;transform-style:preserve-3d;transform-origin:center;animation:earth-rotation-light 10s infinite linear}.lightmode-button:before{content:"";position:absolute;top:50%;left:50%;width:130%;height:130%;background:radial-gradient(circle,#ffcc004d 30%,#fc00 80%);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}@keyframes earth-rotation-light{0%{transform:rotateY(0) rotateX(23deg)}to{transform:rotateY(360deg) rotateX(23deg)}}.lightmode-button:hover{box-shadow:0 0 25px #fc0,0 0 50px #fc0c,0 0 75px #ffcc004d;transform:scale(1.1) rotateY(15deg)}.lightmode-button:active{background:radial-gradient(circle,#ffec80 40%,#ffae00 70%,#ff8c0000 80%);box-shadow:inset 0 0 15px #0000004d}.darkmode-button{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,silver 40%,#5a5a5a 70%,#5a5a5a00 80%);margin-left:25px;border:none;box-shadow:0 0 15px #b0b0b0,0 0 30px #b0b0b099,0 0 50px #b0b0b04d;cursor:pointer;position:relative;transition:all .3s ease-in-out,transform .2s ease;transform-style:preserve-3d;transform-origin:center;animation:earth-rotation-dark 10s infinite linear}.darkmode-button:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,#b0b0b04d 30%,#b0b0b000 80%);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;animation:moon-pulse 2s infinite ease-in-out}@keyframes moon-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.4}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}@keyframes earth-rotation-dark{0%{transform:rotateY(0) rotateX(23deg)}to{transform:rotateY(360deg) rotateX(23deg)}}.darkmode-button:hover{box-shadow:0 0 20px #b0b0b0,0 0 40px #b0b0b0cc,0 0 75px #b0b0b04d;transform:scale(1.1) rotateY(15deg)}.darkmode-button:active{background:radial-gradient(circle,#e0e0e0 40%,#6a6a6a 70%,#5a5a5a00 80%);box-shadow:inset 0 0 15px #0000004d}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.login-box{background:#1f1f1f;padding:40px 30px;border-radius:8px;box-shadow:0 4px 20px #00000059;width:100%;max-width:400px}.darkmode h2{font-family:Poppins,sans-serif;color:#fff;font-size:2rem;font-weight:600;text-align:center;margin-bottom:30px}.darkmode .input-group{margin-bottom:20px}.darkmode .input-group label{font-family:Poppins,sans-serif;font-size:1.1rem;color:#e0e0e0;display:block;margin-bottom:5px}.darkmode .input-group input{width:95%;padding:10px;background-color:#333;border:1px solid #444444;border-radius:5px;color:#e0e0e0;font-size:1rem;transition:border .3s ease}.darkmode .input-group input:focus{border:1px solid #ff7043;outline:none}.remember-me{display:flex;align-items:center;margin-bottom:20px}.remember-me input[type=checkbox]{margin-right:10px}.remember-me label{font-family:Poppins,sans-serif;color:#e0e0e0;font-size:1rem}.login-btn{width:100%;padding:12px;background-color:coral;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.login-btn:hover{background-color:#ff7043;transform:scale(1.05)}.register-link{text-align:center;color:#e0e0e0;font-size:.9rem}.register-link a{color:#ff7043;text-decoration:none}.register-link a:hover{text-decoration:underline}@media (max-width: 768px){.login-box{padding:30px 20px}h2{font-size:1.8rem}}@media (max-width: 480px){.login-box{padding:20px}h2{font-size:1.5rem}}body.lightmode{margin:0;font-family:Quicksand,Arial,sans-serif;background-color:#fff;color:#121212;line-height:1.6;transition:background-color .3s ease,color .3s ease}.lightmode .top-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#fff,#f1f1f1);color:#121212;padding:10px 40px;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:2px solid #e0e0e0;transition:background-color .3s ease}.lightmode #website-name{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:5px;color:#121212;margin:0;text-align:center;padding:10px 0;position:relative;text-shadow:0 0 10px rgba(0,0,0,.1),0 0 20px rgba(0,0,0,.15);background:linear-gradient(to right,#ff5f6d,#ffc3a0);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.lightmode .login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.lightmode .login-box{background:#f1f1f1;padding:40px 30px;border-radius:8px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.lightmode h2{font-family:Poppins,sans-serif;color:#121212;font-size:2rem;font-weight:600;text-align:center;margin-bottom:30px}.lightmode .input-group.label{font-family:Poppins,sans-serif;font-size:1.1rem;color:#121212;display:block;margin-bottom:5px}.lightmode .input-group input{width:95%;padding:10px;background-color:#fff;border:1px solid #dcdcdc;border-radius:5px;color:#121212;font-size:1rem;transition:border .3s ease}.lightmode .remember-me{display:flex;align-items:center;margin-bottom:20px}.lightmode .remember-me input[type=checkbox]{margin-right:10px}.lightmode .remember-me label{font-family:Poppins,sans-serif;color:#121212;font-size:1rem}.lightmode .login-btn{width:100%;padding:12px;background-color:coral;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.lightmode .login-btn:hover{background-color:#ff7043;transform:scale(1.05)}.lightmode .register-link{text-align:center;color:#121212;font-size:.9rem}.lightmode .register-link a{color:#ff7043;text-decoration:none}.lightmode .register-link a:hover{text-decoration:underline}@media (max-width: 768px){.lightmode .login-box{padding:30px 20px}.lightmode h2{font-size:1.8rem}}@media (max-width: 480px){.lightmode .login-box{padding:20px}.lightmode h2{font-size:1.5rem}}.lightmode .input-group{margin-bottom:20px}.lightmode .input-group label{font-family:Poppins,sans-serif;font-size:1.1rem;color:#121212;display:block;margin-bottom:5px}.lightmode .input-group input{width:95%;padding:10px;background-color:#fff;border:1px solid #878787;border-radius:5px;color:#121212;font-size:1rem;transition:border .3s ease}.lightmode .input-group input:focus{border:1px solid #ff7043;outline:none}html{transition:all .4s ease-in-out}