
:root{
  --bg:#0b1b33; --card:#0f223d; --ink:#e6edf6; --muted:#9fb0c8;
  --brand:#d4af37; --accent:#3b82f6; --danger:#ef4444; --success:#10b981;
  --shadow: 0 20px 50px rgba(0,0,0,0.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--brand);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
h1{font-size:38px;line-height:1.15;margin:12px 0 6px}
h2{font-size:24px;margin:6px 0 8px}
h3{font-size:18px;margin:0 0 6px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);font-size:12px}
.hero{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(1200px 400px at 10% -20%, rgba(212,175,55,0.18),transparent), radial-gradient(1000px 400px at 100% -40%, rgba(59,130,246,0.18),transparent);padding:28px;border:1px solid rgba(255,255,255,0.08)}
.cta{display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border-radius:12px;background:linear-gradient(180deg, var(--brand), #b9942e);color:black;border:0;cursor:pointer;font-weight:700}
.row{display:flex;gap:16px;flex-wrap:wrap}
.input, select, textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.04);color:var(--ink)}
label{font-size:12px;color:var(--muted)}
footer{opacity:.7;font-size:12px;margin-top:40px}
hr{border:0;border-top:1px solid rgba(255,255,255,0.12);margin:18px 0}
.small{font-size:12px;color:var(--muted)}
.lang-switch{margin-left:auto}
.banner{display:flex;align-items:center;gap:12px;justify-content:space-between}
.pulse{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%, rgba(212,175,55,.12), transparent 40%), radial-gradient(circle at 20% 30%, rgba(59,130,246,.09), transparent 35%);animation:pulse 6s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)} 50%{transform:scale(1.03)}}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table tr td,.table tr th{padding:12px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.table tr th{text-align:left}
