body{background-color:#fdfdf7;font-family:Arial,sans-serif}.navbar{background:linear-gradient(45deg,#1b5e20,#4caf50);padding:15px 30px}.hero{display:flex;align-items:center;justify-content:center;padding:100px 0}.hero-content{display:flex;align-items:center;max-width:900px}.hero img{width:350px;height:350px;border-radius:50%;object-fit:cover;margin-right:40px}.hero-text{max-width:400px}.hero h1{font-size:2.5rem;font-weight:700;color:#333}.hero p{font-size:1.2rem;color:#555;margin-bottom:20px}.btn-custom{background-color:#28a745;color:#fff;padding:12px 24px;border:none;font-size:1rem;border-radius:30px;text-decoration:none;display:inline-block;transition:.3s}.btn-custom:hover{background-color:#218838}.info-section{text-align:center;padding:60px 20px;max-width:900px;margin:auto}.info-section h2{font-size:2rem;margin-bottom:20px}.info-section p{font-size:1.1rem;color:#555;margin-bottom:15px}body{background-color:#3e8e41;color:#fff;margin:0;padding:0;position:relative;overflow-x:hidden}canvas{position:absolute;left:0;top:0;width:100%;height:100%}.bg-gradient{background:linear-gradient(45deg,#1b5e20,#4caf50)}.btn-outline-light:hover{background-color:#fff;color:#1b5e20}.offcanvas{transition:all .5s ease-in-out}.offcanvas .nav-link{padding:10px 15px;border-radius:8px;transition:background .3s}.offcanvas .nav-link:hover{background:linear-gradient(45deg,#006400,#1a1d20)}.bg-menu{background:linear-gradient(45deg,#1b5e20,#4caf50)}.user-menu{margin-left:auto;position:relative;display:inline-block}.logout-button{position:absolute;top:100%;left:0;width:100%;background:#dc3545;color:#fff;padding:10px;border-radius:5px;text-align:center;font-size:14px;display:none}.logout-button a{color:#fff;text-decoration:none}.logout-button a:hover{text-decoration:underline}