
:root{--bg:#111;--card:#1b1b1b;--accent:#f5b400;--text:#fff;--muted:#bbb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0d0d0d;color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;background:#111e;backdrop-filter:blur(10px);z-index:5;border-bottom:1px solid #292929}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{font-size:1.35rem;font-weight:900;color:var(--accent)}
.links{display:flex;gap:22px}.hero{padding:90px 0;background:radial-gradient(circle at 80% 20%,#5c3700 0,transparent 38%),#111}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1;margin:.2em 0}.lead{font-size:1.15rem;color:#ddd}
.btn{display:inline-block;background:var(--accent);color:#111;padding:13px 20px;border-radius:10px;font-weight:800;margin:8px 8px 8px 0}
.hero-card,.card{background:var(--card);border:1px solid #2b2b2b;border-radius:20px;padding:28px}
.hero-card{font-size:5rem;text-align:center}.section{padding:70px 0}.section h2{font-size:2.2rem;margin-top:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{color:var(--accent);font-weight:900}
footer{border-top:1px solid #292929;padding:35px 0;color:var(--muted)}input,textarea{width:100%;padding:13px;margin:7px 0;background:#111;border:1px solid #444;color:#fff;border-radius:8px}
@media(max-width:760px){.hero-grid,.grid{grid-template-columns:1fr}.links{display:none}.hero{padding:60px 0}}
