
:root{
  --navy: #0F2A47;
  --gold: #F2D28C;
  --muted: rgba(255,255,255,0.85);
  --card-bg: rgba(255,255,255,0.04);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;background:var(--navy);color:#fff;line-height:1.6}
.container{max-width:1100px;margin:40px auto;padding:24px}
.header{display:flex;align-items:center;gap:20px;padding:28px 24px;background:var(--navy);border-bottom:1px solid rgba(255,255,255,0.06)}
.header img{width:120px;height:auto}
.header h1{margin:0;font-size:28px;letter-spacing:0.6px}
.nav{display:flex;gap:16px;margin-left:auto}
a.navlink{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:6px}
a.navlink:hover{background:var(--card-bg);color:#fff}
.hero{background:var(--card-bg);padding:28px;border-radius:12px}
h2{color:var(--gold)}
.section{margin-top:20px;padding:18px;background:transparent;border-radius:10px}
.card{background:rgba(255,255,255,0.03);padding:18px;border-radius:10px}
.footer{padding:24px;text-align:center;color:#cfcfcf;border-top:1px solid rgba(255,255,255,0.04);margin-top:40px}
.form-row{display:flex;gap:12px}
.input, textarea, select{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:#fff}
button.primary{background:var(--gold);border:none;padding:10px 14px;border-radius:8px;color:var(--navy);cursor:pointer}
.small{font-size:13px;color:rgba(255,255,255,0.7)}
.alert{padding:12px;background:rgba(242,210,140,0.12);border-left:4px solid var(--gold);color:var(--gold);border-radius:6px}
.download-list a{color:var(--muted);display:block;margin-bottom:8px}
