:root{--blue:#0059ff;--gray:#f5f5f5;--dark:#111;--accent:#ffcd00;font-family:'Inter',system-ui,sans-serif;}
body{margin:0;color:var(--dark);background:#fff;}
header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 5px #0001;position:sticky;top:0;}
header nav a{margin-left:1rem;text-decoration:none;color:var(--dark);font-weight:500;}
.hero{display:flex;align-items:center;justify-content:space-between;padding:3rem 2rem;flex-wrap:wrap;background:var(--gray);}
.hero-text{max-width:500px;}
.hero h1 span{color:var(--blue);}
.hero form{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;}
.hero form input,.hero form select{padding:.6rem;border:1px solid #ccc;border-radius:4px;}
.hero form button{background:var(--blue);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:4px;cursor:pointer;}
.content{padding:3rem 2rem;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:.8rem 1.5rem;border-radius:5px;text-decoration:none;}
footer{padding:1rem;text-align:center;background:#eee;margin-top:2rem;}
.hero-img{max-width:520px;width:100%;height:auto;}