:root{--bg:#000;--panel:#0f0f0f;--text:#fff;--muted:#b5b5b5;--gold:#c9a24d;--line:#1f1f1f}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--gold)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.topbar{border-bottom:1px solid var(--line)}
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:42px}
.title div{font-size:12px;color:var(--muted)}
.nav a{margin-left:16px;color:var(--muted);text-decoration:none;font-weight:600}
.nav a.active{color:var(--gold)}
.btn{background:var(--gold);color:#000;padding:10px 16px;border-radius:6px;font-weight:700;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero{padding:50px 0}
.hero-card{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}
.card{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:10px}
.kicker{color:var(--gold);font-size:12px;text-transform:uppercase;margin-bottom:6px}
.muted{color:var(--muted)}
.small{font-size:13px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.hr{height:1px;background:var(--line);margin:16px 0}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid var(--line)}
th{color:var(--gold);text-align:left}
.footer{border-top:1px solid var(--line);padding:30px 0;margin-top:40px;color:var(--muted)}
.split{display:flex;justify-content:space-between;flex-wrap:wrap}
@media (max-width:700px){.header{flex-direction:column;align-items:flex-start}.nav a{margin-left:0;margin-right:12px}}
/* === Background slideshow === */
body::before{
content:"";
position:fixed;
inset:0;
z-index:-2;
background:url("bg-1.jpg") center/cover no-repeat;
filter:brightness(0.35) contrast(1.05);
animation:bgSwap 18s infinite;
}

body::after{
content:"";
position:fixed;
inset:0;
z-index:-1;
background:linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.90));
}

@keyframes bgSwap{
0%, 33% { background-image:url("bg-1.jpg"); }
34%, 66% { background-image:url("bg-2.jpg"); }
67%, 100% { background-image:url("bg-3.jpg"); }
}