/*==================================================
HERO.CSS
==================================================*/
.hero{
min-height:var(--hero-height);
display:flex;
align-items:center;
position:relative;
overflow:hidden;
background:linear-gradient(rgba(8,8,8,.82),rgba(8,8,8,.92)),url("../img/hero.png") center/cover no-repeat;
}
.hero::before{
content:"";
position:absolute;inset:0;
background:radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 40%);
pointer-events:none;
}
.hero-content{position:relative;z-index:2;max-width:760px;padding:80px 0;}
.hero-title{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:20px;}
.hero-subtitle{font-size:22px;color:var(--text-light);margin-bottom:35px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:20px;margin-top:50px;flex-wrap:wrap;}
.hero-stat{
background:rgba(255,255,255,.04);
border:1px solid var(--border-color);
padding:18px 24px;border-radius:16px;
backdrop-filter:blur(10px);
}
.hero-stat strong{display:block;font-size:28px;color:var(--gold-500);}
@media(max-width:768px){
.hero{min-height:auto;padding:80px 0;}
.hero-title{font-size:42px;}
.hero-subtitle{font-size:18px;}
}