*{margin:0;padding:0;box-sizing:border-box}#hero{background-image:url(/pictures/pic1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:90vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:0 20px;margin-top:60px;position:relative}.hero-content{background-color:#00000080;padding:30px;border-radius:15px;max-width:800px}body{overflow-x:hidden}.light{background-color:#f5faff;color:#000}.dark{background-color:#121212;color:#eee}.dark a{color:#ccc}.navbar{position:fixed;top:0;width:100%;z-index:1000;background-color:#036;color:#fff;display:flex;justify-content:space-between;padding:15px 30px}.logo{font-weight:700;font-size:1.5rem}.nav-links{display:flex;gap:15px;list-style:none;align-items:center}.nav-links a,.nav-links router-link,.nav-links button{color:#fff;background:none;border:none;cursor:pointer;text-decoration:none;font-size:1em}section{padding:80px 20px;text-align:center;border-bottom:1px solid #ccc;margin-top:60px}#hero img{width:300px;margin-top:20px;border-radius:10px}.login-container{max-width:400px;margin:100px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}input,button{width:100%;margin:10px 0;padding:10px}button{background-color:#4caf50;color:#fff;border:none;cursor:pointer}button:hover{background-color:#45a049}.register-container{max-width:400px;margin:100px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}input,button{width:90%;margin:10px 10PX;padding:10px}button{background-color:#007bff;color:#fff;border:none;cursor:pointer}button:hover{background-color:#0069d9}.dashboard{max-width:600px;margin:80px auto;padding:30px;background:#e6ffe6;border-radius:12px;text-align:center}button{padding:10px 20px;background-color:#dc143c;color:#fff;border:none;cursor:pointer}