body{
margin:0;
background:#050505;
color:white;
font-family:Inter,sans-serif;
overflow-x:hidden;
}

.hero{
height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;

background:
radial-gradient(circle at center,#2b000f,#000);
}

#particles{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.hero-content{
position:relative;
z-index:2;
backdrop-filter: blur(12px);
padding:40px;
border-radius:20px;
}

.profile{
width:220px;
height:220px;
border-radius:50%;
object-fit:cover;
border:3px solid #800020;
box-shadow:0 0 60px rgba(128,0,32,.8);
}

h1{
font-family:Cinzel,serif;
letter-spacing:4px;
font-size:3rem;
}

.btn{
padding:14px 30px;
margin:10px;
border-radius:40px;
text-decoration:none;
transition:.4s;
display:inline-block;
}

.primary{
background:#800020;
color:white;
box-shadow:0 0 40px rgba(128,0,32,.7);
}

.secondary{
border:1px solid #800020;
color:#800020;
}

section{
padding:120px 20px;
text-align:center;
}

.about{
max-width:700px;
margin:auto;
}

.newsletter input{
padding:14px;
margin:10px;
border:none;
border-radius:6px;
width:260px;
}

.newsletter button{
padding:14px 30px;
background:#800020;
border:none;
color:white;
border-radius:6px;
}

.cursor-glow{
position:fixed;
width:200px;
height:200px;
background:radial-gradient(circle,#80002055,transparent);
pointer-events:none;
transform:translate(-50%,-50%);
z-index:1;
}