@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Poppins:wght@300;500&display=swap’);

body {
margin: 0;
background: radial-gradient(circle at top, #2b002b, #050005);
color: #fff;
font-family: ‘Poppins’, sans-serif;
overflow-x: hidden;
}

.hero {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 40px 20px;
background: linear-gradient(180deg, rgba(233,30,99,0.15), transparent);
}

.hero h1 {
font-family: ‘Playfair Display’, serif;
font-size: 4rem;
letter-spacing: 3px;
margin-bottom: 10px;
color: #ff4fd8;
text-shadow: 0 0 15px rgba(255,79,216,0.8);
animation: glow 2s infinite alternate;
}

@keyframes glow {
from { text-shadow: 0 0 10px #ff4fd8; }
to { text-shadow: 0 0 25px #ff4fd8, 0 0 40px #ff1493; }
}

.hero p {
max-width: 650px;
font-size: 1.3rem;
opacity: 0.9;
}

.hero a {
margin-top: 30px;
padding: 15px 40px;
border-radius: 40px;
background: linear-gradient(45deg, #ff1493, #ff4fd8);
color: #fff;
font-size: 1.2rem;
text-decoration: none;
box-shadow: 0 0 25px rgba(255,20,147,0.8);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hero a:hover {
transform: scale(1.08);
box-shadow: 0 0 40px rgba(255,20,147,1);
}

.section {
padding: 80px 20px;
max-width: 1000px;
margin: auto;
}

.section h2 {
font-size: 2.8rem;
color: #ff4fd8;
margin-bottom: 20px;
text-shadow: 0 0 10px rgba(255,79,216,0.7);
}

.section p {
font-size: 1.15rem;
line-height: 1.8;
}

.highlight {
color: #ff4fd8;
font-weight: 500;
}

.tip-zone {
background: linear-gradient(180deg, transparent, rgba(255,20,147,0.2));
text-align: center;
padding: 100px 20px;
}

.tip-zone h2 {
font-size: 3rem;
}

.tip-btn {
margin-top: 30px;
display: inline-block;
padding: 18px 50px;
font-size: 1.4rem;
border-radius: 50px;
background: #ff1493;
color: #fff;
text-decoration: none;
box-shadow: 0 0 30px rgba(255,20,147,0.9);
animation: pulse 1.5s infinite;
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.07); }
100% { transform: scale(1); }
}

footer {
text-align: center;
padding: 40px 10px;
font-size: 0.9rem;
opacity: 0.6;
}