body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:20px 0 0;background-color:#f5f5f5;color:#2e6f40}a{color:#2e6f40;text-decoration:none}a:hover{text-decoration:underline}html,body{height:100%;margin:0;display:flex;flex-direction:column}body#home-page{display:block;height:auto}.post-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid #ddd}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#2e6f40;color:#fff;padding:10px 20px;position:relative}.navbar a{color:#fff;text-decoration:none;font-weight:700}.navbar-left a:hover{text-decoration:underline}.menu-button{background-color:transparent;color:#fff;border:none;cursor:pointer;font-size:16px}.profile-section{position:relative;display:inline-block}.profile-button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-weight:700;font-size:16px}.profile-button:after{content:" ▾";font-size:12px;margin-left:5px}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px #00000026;min-width:160px;text-align:left;display:flex;flex-direction:column;padding:0;margin-top:5px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:1000}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a,.dropdown-menu button{padding:10px 15px;text-decoration:none;color:#333;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:14px;width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#f2f2f2}main{flex:1;padding:20px;max-width:1200px;margin:0 auto}.home-container{min-width:0;display:0;max-width:700px;margin:100px auto 40px;padding:0 15px;font-family:Arial,sans-serif}.create-post{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.post-input{width:90%;resize:none;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:6px;font-family:inherit}.post-button{margin-top:10px;background-color:#2e6f40;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer}.post-button:hover{background-color:#68ba7f}.feed{display:flex;flex-direction:column;gap:15px}.post{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#555;font-size:14px}.username{font-weight:700;color:#1e1e1e}.date{color:#888;font-size:13px}.post-content{font-size:15px;color:#333;line-height:1.5}.profile-container{max-width:700px;margin:100px auto 40px;padding:0 15px;font-family:Arial,sans-serif}.profile-banner img{width:100%;height:200px;object-fit:cover;border-radius:8px 8px 0 0;cursor:pointer}.profile-header{display:flex;align-items:center;background-color:#fff;padding:20px;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.profile-avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;cursor:pointer}.profile-info{margin-left:20px}.profile-info h2{margin:0}.bio{margin:5px 0 10px;color:#555}.bio-edit{width:100%;padding:10px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc;font-family:inherit;font-size:14px}.edit-profile-button{padding:8px 16px;background-color:#2e6f40;color:#fff;border:none;border-radius:6px;cursor:pointer}.edit-profile-button:hover{background-color:#68ba7f}.profile-posts h3{margin-bottom:15px}.profile-posts .post{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px}.profile-posts .post-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#555}.profile-posts .username{font-weight:700;color:#1e1e1e}.profile-posts .date{color:#888;font-size:13px}.profile-posts .post-content{font-size:15px;line-height:1.5;color:#333}.signup-container{max-width:400px;margin:100px auto 40px;padding:0 15px;font-family:Arial,sans-serif}.signup-form{background-color:#fff;padding:25px 20px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.signup-form h2{text-align:center;margin-bottom:20px}.signup-form label{display:block;margin-bottom:5px;font-weight:700}.signup-form input{width:90%;padding:10px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-family:inherit}.signup-button{width:100%;padding:10px;background-color:#2e6f40;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.signup-button:hover{background-color:#68ba7f}.login-link{text-align:center;margin-top:15px;font-size:14px}.login-link a{color:#2e6f40;text-decoration:none;font-weight:700}.login-link a:hover{text-decoration:underline}.about-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.about-box p{color:#1e1e1e}footer{background-color:#2e6f40;color:#fff;text-align:center;padding:15px;position:relative;bottom:0;width:100%}.faq-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.faq-box p{color:#1e1e1e}.faq-answer{display:none}.active .faq-answer{display:block}.page-container{max-width:400px;margin:100px auto 40px;padding:0 15px;font-family:Arial,sans-serif}.page-container input,.page-container textarea{width:100%;padding:10px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-family:inherit}.page-container button{padding:8px 16px;background-color:#2e6f40;color:#fff;border:none;border-radius:6px;cursor:pointer}.page-container button:hover{background-color:#68ba7f}.success-text{color:green;font-weight:700;margin-bottom:10px}