:root {
  --blue: #1e90ff;
  --black: #111;
  --gray: #f5f5f5;
  --white: #fff;
}
body {margin:0;font-family:'Segoe UI',sans-serif;background-color:var(--gray);color:var(--black);}
header {background-color:var(--black);color:var(--white);display:flex;justify-content:space-between;align-items:center;padding:1em 2em;position:sticky;top:0;z-index:1000;}
header h1{font-size:1.5em;color:var(--blue);}
nav a{color:var(--white);text-decoration:none;margin-left:1.2em;font-weight:500;}
nav a:hover{color:var(--blue);}
.section{padding:4em 2em;text-align:center;}
.hero{background-color:var(--black);color:var(--white);padding:4em 2em;text-align:center;}
.hero h2{font-size:2.5em;color:var(--blue);}
.hero p{font-size:1.2em;max-width:600px;margin:1em auto;}
.cta-btn{background-color:var(--blue);color:var(--white);border:none;padding:1em 2em;font-size:1em;border-radius:4px;cursor:pointer;}
.cta-btn:hover{background-color:#0f74d6;}
form{max-width:500px;margin:2em auto;text-align:left;}
form input,form textarea,form select{width:100%;margin-bottom:1em;padding:.8em;border:1px solid #ccc;border-radius:4px;}
form button{background-color:var(--blue);color:var(--white);border:none;padding:1em 2em;border-radius:4px;cursor:pointer;}
form button:hover{background-color:#0f74d6;}
footer{background-color:var(--black);color:var(--white);text-align:center;padding:2em 1em;font-size:0.9em;}
@media(max-width:768px){header{flex-direction:column;}nav a{margin:0.5em;display:inline-block;}}