:root{
  --light-blue:#9dccff;
  --med-blue:#7f9df3;
  --lavender:#a69eff;
  --orange:#fa9c28;
  --dark:#141313;
}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--dark)}
header{position:sticky;top:0;background:#fff;border-bottom:2px solid var(--light-blue)}
nav{max-width:980px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--dark)}
.brand img{height:32px;width:auto}
nav a{color:var(--dark);text-decoration:none;margin-left:16px;font-weight:600}
nav a:hover{color:var(--orange)}
.container{max-width:980px;margin:0 auto;padding:28px 18px}
h1{color:var(--med-blue)}
.btn{background:var(--orange);color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.btn:hover{filter:brightness(.95)}
.card{background:#fff;border:1px solid var(--light-blue);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:18px;margin:12px 0}
form{display:flex;gap:10px;flex-wrap:wrap}
input[type=email]{flex:1;min-width:240px;padding:12px;border:1px solid var(--lavender);border-radius:10px}
button{background:var(--med-blue);color:#fff;border:0;padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer}
button:hover{background:var(--lavender)}
footer{border-top:2px solid var(--light-blue);margin-top:30px;padding:20px 0;text-align:center}