:root{
  --primary:#0b5cff;
  --accent:#4fd1c5;
  --bg:#f6f9ff;
  --text:#1f2937;
  --muted:#6b7280;
  --card:#ffffff;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.05);
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.75;
}

.container{
  max-width:1100px;
  margin:auto;
  padding:40px 20px;
}

header{
  background:linear-gradient(135deg,#0b5cff,#4fd1c5);
  color:#fff;
  padding:70px 20px;
  text-align:center;
}

header h1{
  font-size:clamp(28px,4vw,44px);
  margin-bottom:15px;
  font-weight:700;
}

header p{
  max-width:760px;
  margin:auto;
  font-size:18px;
  opacity:.95;
}

section{
  margin-top:50px;
  background:var(--card);
  border-radius:var(--radius);
  padding:40px;
  box-shadow:var(--shadow);
}

h2{
  color:var(--primary);
  font-size:26px;
  margin-bottom:20px;
}

h3{
  font-size:20px;
  margin-top:30px;
}

p{margin:15px 0}

ul{
  padding-left:20px;
}

li{
  margin-bottom:10px;
}

.highlight{
  background:#eef5ff;
  border-left:4px solid var(--primary);
  padding:20px;
  border-radius:10px;
  margin:25px 0;
}

a{
  color:var(--primary);
  font-weight:600;
  text-decoration:none;
}

a:hover{text-decoration:underline}

.faq-item{
  margin-bottom:25px;
}

.faq-item strong{
  display:block;
  margin-bottom:8px;
}

@media(max-width:768px){
  section{padding:25px}
}