:root{
--bg:#0b0b0b;
--panel:#121212;
--border:#1f1f1f;
--text:#f1f1f1;
--muted:#9b9b9b;
--amber:#c05a1a;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:var(--bg);
color:var(--text);
font-family:Inter,Arial,sans-serif;
line-height:1.7;
background-image:
radial-gradient(circle at top right, rgba(192,90,26,.08), transparent 30%);
}

a{
text-decoration:none;
color:inherit;
transition:.2s ease;
}

img{
display:block;
max-width:100%;
}

.container{
width:min(1380px,94%);
margin:auto;
}

header{
position:sticky;
top:0;
z-index:10;
background:rgba(11,11,11,.95);
border-bottom:1px solid var(--border);
backdrop-filter:blur(10px);
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}

.brand{
display:flex;
align-items:center;
gap:14px;
}

.brand img{
width:46px;
border-radius:10px;
}

.brand h1{
font-size:1rem;
letter-spacing:3px;
}

.links{
display:flex;
gap:26px;
}

.links a{
color:var(--muted);
}

.links a:hover{
color:var(--text);
}

.layout{
display:grid;
grid-template-columns:1fr 320px;
gap:34px;
padding:40px 0 70px;
}

.hero{
padding-bottom:50px;
border-bottom:1px solid var(--border);
}

.label{
color:var(--amber);
font-size:.82rem;
letter-spacing:2px;
margin-bottom:18px;
}

.video-frame{
background:#000;
border:1px solid var(--border);
border-radius:22px;
overflow:hidden;
}

.video-frame iframe{
width:100%;
aspect-ratio:16/9;
border:none;
}

.hero-content{
margin-top:26px;
}

.hero-content h2{
font-size:3rem;
line-height:1;
margin-bottom:16px;
}

.hero-content p{
color:var(--muted);
max-width:760px;
}

.tags{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:18px;
}

.tag{
padding:8px 12px;
border-radius:999px;
border:1px solid rgba(192,90,26,.3);
background:rgba(192,90,26,.06);
font-size:.78rem;
letter-spacing:1px;
}

.tag:hover{
background:var(--amber);
border-color:var(--amber);
color:#fff;
}

.button{
display:inline-block;
margin-top:24px;
padding:13px 20px;
border:1px solid var(--amber);
border-radius:10px;
}

.button:hover{
background:var(--amber);
}

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:20px;
}

.card{
background:var(--panel);
border:1px solid var(--border);
border-radius:18px;
overflow:hidden;
transition:.2s ease;
}

.card:hover{
border-color:var(--amber);
background:#171717;
transform:translateY(-4px);
}

.card-content{
padding:18px;
}

.card-content p{
color:var(--muted);
font-size:.92rem;
}

.sidebar{
background:#101010;
border:1px solid var(--border);
border-radius:22px;
padding:28px;
height:fit-content;
position:sticky;
top:90px;
}

.sidebar-description{
color:var(--muted);
margin-top:16px;
}

.side-section{
margin-top:30px;
padding-top:26px;
border-top:1px solid var(--border);
}

.side-heading{
font-size:.78rem;
letter-spacing:2px;
color:var(--amber);
margin-bottom:18px;
}

.stat{
display:flex;
justify-content:space-between;
padding:10px 0;
}

.topic{
display:flex;
justify-content:space-between;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.04);
}

.topic:hover{
color:var(--amber);
}

.quote{
margin-top:20px;
padding:18px;
border-radius:14px;
background:rgba(192,90,26,.05);
border:1px solid rgba(192,90,26,.12);
}

.page{
padding:50px 0 70px;
}

.disclaimer{
color:var(--muted);
font-size:.92rem;
max-width:960px;
padding:36px 0;
border-top:1px solid var(--border);
margin-top:60px;
}

@media(max-width:1100px){
.layout{
grid-template-columns:1fr;
}
.grid{
grid-template-columns:1fr;
}
.sidebar{
position:relative;
top:auto;
}
}

.sources-list{
display:flex;
flex-direction:column;
gap:14px;
margin-top:24px;
}

.sources-list a{
color:var(--muted);
padding-bottom:12px;
border-bottom:1px solid rgba(255,255,255,.06);
}

.sources-list a:hover{
color:var(--amber);
padding-left:6px;
}