body {
margin: 0;
font-family: 'Nunito', sans-serif;
background: linear-gradient(135deg, #6A0DAD, #D8B4FE);
color: white;
text-align: center;
}
.header {
display: flex;
justify-content: space-between;
padding: 20px 40px;
background: rgba(0, 0, 0, 0.3);
}
.logo {
font-size: 32px;
font-weight: bold;
color: white;
position: relative;
}
.logo .dot {
color: #FF5DA2;
font-size: 36px;
vertical-align: top;
margin-left: 4px;
}
.nav a {
color: white;
text-decoration: none;
margin-left: 20px;
}
.nav .btn {
background: #FF5DA2;
padding: 8px 16px;
border-radius: 25px;
font-weight: bold;
}
.hero {
margin-top: 80px;
}
.hero h1 {
font-size: 36px;
max-width: 600px;
margin: auto;
line-height: 1.4;
}
.cta {
margin-top: 30px;
padding: 15px 40px;
font-size: 18px;
background: linear-gradient(to right, #FF5DA2, #8E2DE2);
border: none;
border-radius: 30px;
color: white;
cursor: pointer;
}
.region-select {
margin-top: 40px;
}
.region-select button {
margin: 10px;
padding: 10px 20px;
border: none;
border-radius: 20px;
background: #2E0854;
color: white;
cursor: pointer;
font-size: 16px;
}
