Zentlemen.vn
.btn-outline:hover background: var(--deep-charcoal); color: white; transform: translateY(-2px);
/* abstract men's style illustration (pure CSS + text) */ .art-gent text-align: center; font-weight: 600; font-size: 1.2rem; color: #5f4e38; zentlemen.vn
<!-- newsletter / join community --> <div class="newsletter"> <div class="container"> <div class="newsletter-card"> <h3>Join the inner circle</h3> <p style="margin-top: 0.5rem; max-width: 500px; margin-left: auto; margin-right: auto;">Be the first to experience new collections, exclusive events, and private trunk shows.</p> <div class="form-group"> <input type="email" placeholder="Your email address" id="newsEmail"> <button class="btn btn-primary" id="subscribeBtn">Subscribe</button> </div> <p style="font-size: 0.7rem; margin-top: 1rem; opacity: 0.7;">No spam, only timeless inspiration.</p> </div> </div> </div> </main> .btn-outline:hover background: var(--deep-charcoal)
.feature-card p color: #5c5c6b; line-height: 1.4; !-- newsletter / join community -->
/* footer */ footer background: var(--deep-charcoal); color: #dddcdc; padding: 3rem 0 2rem; border-radius: 32px 32px 0 0; margin-top: 1rem;
.product-info h3 font-size: 1.3rem;