:root{
--lavender:#7F5AF0;
--lightLav:#EDE9FE;
--darkLav:#4C1D95;
--white:#ffffff;
--gray:#444;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Segoe UI, sans-serif;
}

body{
background:#faf9ff;
color:var(--gray);
line-height:1.6;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 10%;
background:var(--white);
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

nav a{
margin-left:20px;
text-decoration:none;
color:var(--darkLav);
font-weight:600;
}

.login-btn{
background:var(--lavender);
color:white;
padding:8px 14px;
border-radius:5px;
}

.hero{
text-align:center;
padding:100px 20px;
background:linear-gradient(135deg,var(--lavender),var(--darkLav));
color:white;
}

.cta{
display:inline-block;
margin-top:20px;
background:white;
color:var(--lavender);
padding:10px 20px;
border-radius:5px;
text-decoration:none;
font-weight:bold;
}

.section{
padding:60px 10%;
text-align:center;
}

.lavender-bg{
background:var(--lightLav);
}

footer{
background:var(--darkLav);
color:white;
text-align:center;
padding:30px;
}

footer a{
color:white;
margin:0 10px;
text-decoration:none;
}