:root{
  --bg:#081124;
  --ink:#e5c46f;
  --ink-2:#caa74f;
  --muted:#8ea0c2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 30% 10%, #10203f 0%, #081124 40%, #060b18 80%);color:#e8e8ea;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--ink);text-decoration:none}
a:hover{opacity:.85}
.container{max-width:1200px;margin:0 auto;padding:28px}
.hero{
  display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;
  padding:60px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.badge{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:8px 14px;border-radius:999px;font-size:13px;color:#dcdbe2}
.h1{font-size:52px;line-height:1.05;margin:18px 0 10px;color:var(--ink);letter-spacing:.4px}
.sub{font-size:18px;color:#d6d6dc;max-width:720px}
.cta{display:flex;gap:14px;margin-top:26px}
.btn{padding:12px 18px;border:1px solid var(--ink-2);color:#0a0f1e;background:linear-gradient(180deg, #ffe8a4, var(--ink));border-radius:10px;font-weight:700}
.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.22)}
.logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;margin:40px 0 10px}
.logo-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.logo-card img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(0,0,0,.45))}
.section{padding:44px 0}
.section h2{color:var(--ink);margin:0 0 14px;font-size:28px}
.card{
  background:linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;padding:22px;
}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mood{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mood div{height:140px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.footer{padding:40px 0;border-top:1px solid rgba(255,255,255,.08);color:#9aa5be;font-size:14px}
.flag{border-left:6px solid var(--ink-2);padding-left:12px;margin-top:12px;color:#cfd6e7}
.lang{margin-top:16px;font-size:13px;color:#b7c1d9}
.form{display:grid;gap:12px;margin-top:12px}
.form input,.form textarea{padding:12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);color:#fff}
.form button{justify-self:start}
small.note{color:#93a1c9}
.brand-hero{display:flex;gap:24px;align-items:center;margin:26px 0}
.brand-hero img{width:140px;height:140px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);padding:8px}
.badges{display:flex;gap:10px;flex-wrap:wrap}
.badges span{font-size:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:999px}
hr.sep{border:0;border-top:1px dashed rgba(255,255,255,.14);margin:18px 0}