:root{
  --orange:#ff6a00;
  --navy:#071526;
  --navy2:#10213a;
  --soft:#f4f6f8;
  --white:#ffffff;
  --text:#172033;
  --muted:#667085;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--soft);color:var(--text)}
a{color:inherit}
.whl-header{background:var(--navy);color:#fff;padding:22px 6%;display:flex;justify-content:space-between;align-items:center}
.whl-logo{font-size:24px;font-weight:900;text-decoration:none}
.whl-logo span{color:var(--orange)}
.whl-nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:700}
.whl-hero{padding:60px 6%;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.whl-hero h1{font-size:44px;margin:0 0 12px}
.whl-hero p{font-size:18px;max-width:820px;line-height:1.7;color:#d9e2ef}
.whl-wrap{padding:45px 6%;max-width:1200px;margin:auto}
.whl-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(7,21,38,.08);margin-bottom:25px}
.whl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
input,textarea,select{width:100%;padding:15px;border:1px solid #d0d5dd;border-radius:14px;font-size:16px}
textarea{font-family:Consolas,monospace}
button,.whl-btn{background:var(--orange);color:#fff;border:0;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}
.whl-footer{background:var(--navy);color:#fff;text-align:center;padding:32px 6%;margin-top:40px}
.whl-footer a{color:var(--orange);font-weight:900;text-decoration:none}
@media(max-width:760px){
  .whl-header{display:block}
  .whl-nav{margin-top:15px}
  .whl-nav a{display:inline-block;margin:8px 12px 0 0}
  .whl-hero h1{font-size:32px}
}