*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
font-family:'Montserrat',sans-serif;
background:url('assets/background.jpg') center center/cover no-repeat fixed;
overflow:hidden;
position:relative;
color:#fff;
}
.overlay{
position:absolute;inset:0;
background:linear-gradient(rgba(8,8,12,.55),rgba(8,8,12,.55));
backdrop-filter: blur(2px);
}
.hero{position:relative;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}
.content{max-width:900px}
h1{font-weight:300;letter-spacing:14px;font-size:clamp(2.2rem,6vw,5rem);margin-bottom:22px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.subtitle{font-weight:300;letter-spacing:4px;font-size:clamp(.95rem,2vw,1.35rem);opacity:.9;margin-bottom:40px}
.divider{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:28px}
.divider span{width:90px;height:1px;background:rgba(255,255,255,.6)}
.brand{letter-spacing:8px;font-size:1rem;font-weight:400;opacity:.95}
@media (max-width:600px){
 h1{letter-spacing:8px}
 .divider span{width:50px}
 .subtitle{letter-spacing:2px}
 .brand{letter-spacing:5px}
}