.community-wrapper { max-width: 1100px; margin: 0 auto; padding: 50px 20px; font-family: 'Segoe UI', Roboto, sans-serif; } .community-header { text-align: center; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #D4AF37; } .community-header h1 { font-size: 36px; color: #D4AF37; margin: 0 0 10px; } .community-header p { font-size: 16px; color: #555; max-width: 700px; margin: 0 auto; } .info-box { background: #FDFBF5; border-left: 4px solid #D4AF37; padding: 25px; margin: 30px 0; border-radius: 6px; } .info-box strong { color: #D4AF37; } .info-box em { color: #017D8B; font-style: normal; font-weight: 600; } .nft-highlight { background: #EDF7F8; border-left: 4px solid #017D8B; padding: 25px; margin: 30px 0; border-radius: 6px; } .nft-highlight h3 { color: #017D8B; margin-top: 0; } .section { margin-bottom: 40px; } .section h2 { color: #017D8B; font-size: 24px; margin-bottom: 15px; } .section p, .section li { font-size: 16px; line-height: 1.8; color: #333; } .section ul { padding-left: 20px; } .section a { color: #017D8B; font-weight: 600; text-decoration: none; } .section a:hover { color: #D4AF37; } .btn-center { text-align: center; margin-top: 40px; } .home-btn { display: inline-block; padding: 14px 30px; background: #017D8B; color: #fff; text-decoration: none; border-radius: 8px; } .home-btn:hover { background: #D4AF37; } @media (max-width:768px) { .community-header h1 { font-size: 28px; } }