
:root {
  --bg: #121212;
  --bg-2: #1A1A1A;
  --fg: #FFFFFF;
  --accent: #CC5500;
  --muted: #bfbfbf;
  --card: #0f0f0f;
  --border: rgba(255,255,255,0.08);
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--fg); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.5; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width:100%; height:auto; }
.container { width:100%; max-width:1100px; margin:0 auto; padding:0 20px; }
header.site-header { position:sticky; top:0; z-index:1000; background:linear-gradient(180deg,#000 0%,var(--bg) 70%); border-bottom:1px solid var(--border); padding:10px 0; }
.navbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-logo { width:44px; height:44px; border-radius:10px; object-fit:contain; }
.navlinks { display:flex; gap:16px; font-weight:600; }
.hero { position:relative; background:radial-gradient(1200px 600px at 80% -20%, rgba(204,85,0,0.25), transparent 60%), radial-gradient(900px 500px at -10% 20%, rgba(204,85,0,0.18), transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%); padding:80px 0 60px; border-bottom:1px solid var(--border);}
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 6px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.25) 0px, rgba(0,0,0,0.25) 1px, transparent 1px, transparent 6px); opacity:0.18; mix-blend-mode:overlay; }
.hero-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:30px; align-items:center; }
.hero h1 { font-size:40px; margin:0 0 10px; }
.hero p.subline { color:var(--muted); margin:0 0 24px; }
.cta-row { display:flex; gap:14px; align-items:center; flex-wrap:wrap;}
.section { padding:48px 0; }
.grid { display:grid; gap:20px; }
.grid-3 { grid-template-columns:repeat(3,1fr);}
.card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:20px; }
.form-card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:22px; width:100%; max-width:640px; margin:0 auto; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-row .full { grid-column:1/-1; }
label { display:block; font-weight:600; margin:10px 0 6px; }
input, select, textarea { width:100%; padding:12px; border-radius:10px; background:#0c0c0c; border:1px solid var(--border); color:var(--fg);}
textarea { min-height:120px; resize:vertical; }
input:focus, textarea:focus, select:focus { outline:none; border-color:rgba(204,85,0,0.6); box-shadow:0 0 0 3px rgba(204,85,0,0.15);}
footer.site-footer { border-top:1px solid var(--border); padding:28px 0; background:linear-gradient(180deg,var(--bg-2),#000); color:var(--muted);}
.footer-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:20px; }
.footer-small { color:var(--muted); font-size:13px; margin-top:8px; }
.footer-banner{ border-top:1px solid var(--border); padding:14px 0 6px; background:linear-gradient(180deg, rgba(204,85,0,0.08), transparent);}
.footer-banner img{ width:100%; height:160px; object-fit:contain; display:block; opacity:0.95; filter:drop-shadow(0 0 6px rgba(204,85,0,0.35));}
.badge { display:inline-block; padding:6px 10px; border-radius:999px; font-size:12px; background:rgba(204,85,0,0.15); color:#CC5500; border:1px solid rgba(204,85,0,0.35);}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;}
  .grid-3{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .navlinks{display:none;}
}
