:root {
  --bg: #120b02;
  --panel: rgba(24, 12, 5, 0.88);
  --panel-2: rgba(39, 18, 8, 0.88);
  --text: #fff6dd;
  --muted: #ffd28d;
  --accent: #ff7a00;
  --accent-2: #ffcf33;
  --line: rgba(255, 183, 77, 0.28);
  --danger: #ff5a3d;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: var(--text); background: radial-gradient(circle at top, #673100 0%, #241103 42%, #120b02 100%); }
a { color: inherit; text-decoration: none; }
.bg-video { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; background: #180d05; }
.video-overlay { position: fixed; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8,6,4,.45), rgba(18,11,2,.82)); }
.site-header, .site-footer { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding: 1rem 1.25rem; backdrop-filter: blur(8px); background: rgba(15,9,4,.65); border-bottom: 1px solid var(--line); }
.site-footer { border-top:1px solid var(--line); border-bottom:0; margin-top:2rem; flex-wrap:wrap; }
.brand-kicker { color: var(--accent-2); font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.brand-title { font-size:1.5rem; font-weight:800; text-shadow:0 0 12px rgba(255,122,0,.3); }
.nav-links { display:flex; flex-wrap:wrap; gap:.85rem; align-items:center; }
.nav-links a { padding:.55rem .8rem; border-radius:999px; }
.nav-links a:hover { background: rgba(255,255,255,.08); }
.page-shell { width:min(1120px, 92vw); margin: 1.5rem auto; }
.hero-card, .panel, .form-card { border:1px solid var(--line); background: linear-gradient(180deg, var(--panel), var(--panel-2)); border-radius: 24px; padding: 1.35rem; box-shadow: 0 24px 80px rgba(0,0,0,.35); }
.hero-card h1, .panel h1, .form-card h1 { margin-top: 0; font-size: clamp(2rem, 5vw, 4rem); }
.hero-card .lead { font-size:1.1rem; color: var(--muted); max-width: 760px; }
.badge { display:inline-block; padding:.45rem .8rem; border-radius:999px; background: rgba(255,122,0,.15); color: var(--accent-2); border:1px solid var(--line); margin-bottom:.85rem; }
.cta-row { display:flex; gap:.85rem; flex-wrap:wrap; margin-top:1rem; }
.button { display:inline-block; border:0; cursor:pointer; font-weight:700; padding:.85rem 1rem; border-radius:16px; color:#1c0e00; background: linear-gradient(135deg, var(--accent-2), var(--accent)); }
.button.secondary { color: var(--text); background: rgba(255,255,255,.08); border: 1px solid var(--line); }
.button.small { padding:.55rem .8rem; }
.grid { display:grid; gap:1rem; margin-top:1rem; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.2rem; }
.stat-box { border:1px solid var(--line); border-radius:18px; padding:1rem; background: rgba(255,255,255,.04); }
.stat-box strong, label { display:block; margin-bottom:.4rem; }
input, select, textarea { width:100%; padding:.9rem 1rem; border-radius:14px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: var(--text); margin: .25rem 0 .95rem; }
textarea { min-height: 120px; }
.checkbox { display:flex; gap:.7rem; align-items:center; }
.checkbox input { width:auto; margin:0; }
.alert { padding: .8rem 1rem; border-radius: 14px; margin-bottom: .8rem; }
.alert.error { background: rgba(255,90,61,.12); border:1px solid rgba(255,90,61,.35); }
.alert.success { background: rgba(72,255,127,.12); border:1px solid rgba(72,255,127,.25); }
.note { color: var(--muted); }
.warn { color: #ffd1a3; }
.result-box, .table-wrap { border:1px solid var(--line); border-radius:18px; padding:1rem; background: rgba(0,0,0,.22); overflow:auto; }
table { width:100%; border-collapse: collapse; }
th, td { padding:.7rem; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.footer-links { display:flex; gap:1rem; }
@media (max-width: 860px) {
  .grid.two, .stat-grid { grid-template-columns: 1fr; }
  .site-header, .site-footer { align-items:flex-start; flex-direction:column; }
}