:root {
        --olive-sage: #8A9A5B;
            --vibrant-coral: #FF7F50;
                --charcoal: #36454F;
                    --white: #FFFFFF;
                    }

                    body { font-family: sans-serif; background-color: #F8F9FA; color: var(--charcoal); margin: 0; }
                    .hero { background-color: var(--charcoal); color: var(--white); padding: 3rem 1rem; text-align: center; }
                    #domain-name { font-size: 2.5rem; font-weight: 900; font-style: italic; margin: 1rem 0; }
                    .value-tag { display: inline-block; border: 2px solid var(--vibrant-coral); border-radius: 8px; padding: 10px 20px; font-weight: bold; }
                    .price { color: var(--vibrant-coral); font-size: 1.5rem; }
                    .offer-section { padding: 3rem 1rem; max-width: 500px; margin: 0 auto; text-align: center; }
                    .form-input { width: 100%; padding: 15px; margin: 5px 0; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; }
                    .send-btn { width: 100%; background: var(--vibrant-coral); color: white; border: none; padding: 15px; border-radius: 8px; font-weight: bold; cursor: pointer; }
                    .contact { text-align: center; padding: 2rem; color: #666; }
                    
}