@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@900&display=swap'); .rh-hero-content { position: relative; z-index: 10; text-align: center; max-width: 900px; margin: 0 auto; } .rh-title { font-family: 'Playfair Display', serif; font-size: clamp(3rem, 8vw, 6.5rem); font-weight: 900; line-height: 1; margin: 0 0 1rem 0; color: #ffffff; text-transform: uppercase; letter-spacing: -0.02em; text-shadow: 0 4px 30px rgba(255, 0, 60, 0.3); } .rh-subtitle { font-size: clamp(1rem, 2.5vw, 1.35rem); line-height: 1.6; color: rgba(224, 224, 224, 0.85); margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; } .rh-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .rh-btn { position: relative; padding: 1rem 2.5rem; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; border-radius: 4px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; overflow: hidden; } .rh-btn-primary { background: #ff003c; color: #ffffff; border: 2px solid #ff003c; box-shadow: 0 0 20px rgba(255, 0, 60, 0.4); } .rh-btn-primary:hover { background: #ff2a6d; border-color: #ff2a6d; box-shadow: 0 0 40px rgba(255, 42, 109, 0.6); transform: translateY(-3px); } .rh-btn-secondary { background: transparent; color: #e0e0e0; border: 2px solid rgba(224, 224, 224, 0.3); } .rh-btn-secondary:hover { border-color: #ffffff; color: #ffffff; background: rgba(255, 255, 255, 0.05); transform: translateY(-3px); } @media (max-width: 768px) { .rh-buttons { flex-direction: column; align-items: center; } .rh-btn { width: 100%; max-width: 300px; text-align: center; } }