:root{
--gold:#c6a15a;
--bg:#090909;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
background:radial-gradient(circle at top,#2b1b10,#090909 60%);
font-family:Montserrat,sans-serif;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
overflow:hidden;
}
.bg{
position:fixed;inset:0;
background:url('../img/background.jpg') center/cover no-repeat;
opacity:.18;
filter:blur(2px);
transform:scale(1.05);
}
.card{
position:relative;
z-index:2;
background:rgba(0,0,0,.55);
backdrop-filter:blur(10px);
padding:45px 35px;
border:1px solid rgba(198,161,90,.25);
border-radius:18px;
text-align:center;
max-width:420px;
width:92%;
box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.logo{width:170px;max-width:70%;margin-bottom:10px}
h1{
font-family:"Cormorant Garamond",serif;
letter-spacing:6px;
font-size:2.8rem;
font-weight:700;
}
p{color:var(--gold);letter-spacing:2px;margin:8px 0 35px}
.btn{
display:inline-block;
padding:16px 36px;
background:var(--gold);
color:#111;
font-weight:700;
border-radius:40px;
text-decoration:none;
transition:.25s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(198,161,90,.35)}
small{display:block;margin-top:18px;color:#bbb}