*{margin:0;padding:0;box-sizing:border-box}
body{
background:#050505;
font-family:'Cinzel',serif;
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
overflow-x:hidden;
}
.bg{
position:fixed;inset:0;
background:
radial-gradient(circle at left center, rgba(140,0,0,.20), transparent 25%),
radial-gradient(circle at right center, rgba(140,0,0,.20), transparent 25%);
}
.container{
width:92%;
max-width:760px;
position:relative;
z-index:2;
padding:20px;
}
.logo{
display:block;
width:320px;
max-width:80%;
margin:0 auto 10px;
filter:drop-shadow(0 0 10px rgba(255,0,0,.15));
}
.divider{
width:55%;
height:2px;
margin:10px auto 35px;
background:linear-gradient(90deg,transparent,#d11,transparent);
}
.btn{
display:flex;
align-items:center;
gap:22px;
text-decoration:none;
color:#f2f2f2;
margin:18px 0;
padding:22px 28px;
border-radius:40px;
background:
linear-gradient(180deg,rgba(35,35,35,.95),rgba(8,8,8,.95));
border:1px solid rgba(255,255,255,.18);
box-shadow:
inset 0 2px 0 rgba(255,255,255,.15),
0 0 18px rgba(255,0,0,.12);
transition:.35s;
}
.btn:hover{
transform:translateY(-3px);
box-shadow:
inset 0 2px 0 rgba(255,255,255,.2),
0 0 28px rgba(255,0,0,.30);
}
.btn i{
font-size:42px;
color:#e11;
width:52px;
}
.btn span{
flex:1;
font-size:20px;
letter-spacing:3px;
}
.btn b{
font-size:38px;
color:#e11;
}
.footer{
text-align:center;
margin-top:34px;
color:#c11;
letter-spacing:10px;
font-size:14px;
}