:root{
  --bg:#f8fafb;
  --primary:#0f2a47;
  --muted:#6b7280;
  --card:#ffffff;
  --accent:#1f77ff;
}
*{box-sizing:border-box;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
body{margin:0;background:var(--bg);color:var(--primary);}
.header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:transparent;}
.logo{display:flex;gap:12px;align-items:center;}
.logo img{height:40px;}
.btn{background:var(--primary);color:white;padding:10px 16px;border-radius:8px;text-decoration:none;}
.hero{padding:40px;margin:20px auto;max-width:1100px;}
.hero h1{font-size:40px;margin:8px 0;}
.grid{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start;}
.card{background:var(--card);border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(15,42,71,0.06);}
.filters select, .filters label{display:block;margin-bottom:8px;}
.wheel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 0;}
.footer{padding:24px;text-align:center;color:var(--muted);font-size:14px;}