:root { --amber:#e59a1a; --navy:#07111f; --panel:#101c2e; --ink:#f6f3ec; --muted:#c5ced8; --line:#24344c; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font-family:Arial, Helvetica, sans-serif; background:var(--navy); color:var(--ink); }
img { max-width:100%; display:block; }
a { color:var(--amber); }
header { background:#06101c; border-bottom:4px solid var(--amber); }
.top { max-width:1120px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
.brand img { width:58px; height:58px; border-radius:50%; background:#fff; }
.brand strong { display:block; font-size:18px; letter-spacing:.04em; }
.brand span { display:block; margin-top:2px; color:var(--amber); font-size:11px; letter-spacing:.12em; }
.meta { display:flex; gap:28px; font-size:13px; color:#d7dee6; }
.meta b { display:block; margin-top:2px; color:#fff; font-size:16px; }
.nav-toggle { display:none; }
.nav-toggle + label { display:none; }
nav { max-width:1120px; margin:0 auto; padding:0 24px 12px; display:flex; gap:22px; }
nav a { color:#fff; text-decoration:none; padding:8px 0; }
.hero { min-height:560px; background:url(images/hero.jpg) center 40%/cover no-repeat; position:relative; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(5,12,22,.88) 0%, rgba(5,12,22,.62) 48%, rgba(5,12,22,.35) 100%); }
.hero-inner { position:relative; max-width:1120px; margin:0 auto; padding:56px 24px; display:grid; grid-template-columns:1.3fr .7fr; gap:32px; align-items:center; }
.hero h1 { font-size:64px; line-height:.92; margin:0 0 16px; }
.facts { display:flex; flex-wrap:wrap; gap:18px; color:#f0e6cf; margin:0 0 8px; }
.lead { max-width:36rem; color:#e6edf4; font-size:18px; line-height:1.45; }
.card { background:#fff; color:#172033; border-radius:12px; padding:22px; box-shadow:0 16px 40px rgba(0,0,0,.28); }
.card h2 { margin:0 0 14px; font-size:22px; }
label { display:block; font-size:13px; margin:0 0 6px; }
input, textarea { width:100%; border:1px solid #d7dde6; border-radius:6px; padding:12px; margin:0 0 12px; font:inherit; }
button, .btn { display:inline-block; width:100%; text-align:center; background:var(--amber); color:#1b1406; text-decoration:none; font-weight:800; border:0; border-radius:6px; padding:14px 16px; cursor:pointer; }
.strip { max-width:1120px; margin:0 auto; padding:8px 24px 28px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.strip div { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:16px 18px; }
.strip b { display:block; margin-bottom:4px; }
.strip span { color:var(--muted); font-size:14px; line-height:1.4; }
.wrap { max-width:1120px; margin:0 auto; padding:12px 24px 56px; }
.wrap h1 { font-size:40px; margin:8px 0 16px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.panel { background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:16px 18px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:12px 10px; border-bottom:1px solid var(--line); }
th { color:var(--amber); }
footer { border-top:4px solid var(--amber); padding:20px 24px 28px; color:var(--muted); }
footer div { max-width:1120px; margin:0 auto; }
@media (max-width:800px) {
  .top { align-items:flex-start; }
  .meta { display:none; }
  .nav-toggle + label { display:inline-flex; align-items:center; height:44px; padding:0 12px; border:1px solid #345; color:#fff; border-radius:6px; }
  nav { display:none; flex-direction:column; gap:0; }
  .nav-toggle:checked ~ nav { display:flex; }
  .hero-inner, .strip, .grid { display:block; }
  .hero h1 { font-size:42px; }
  .card, .strip div, .panel { margin-top:12px; }
}