.auth-wrap{
min-height:84vh;
display:flex;
justify-content:center;
align-items:center;
padding:50px;
}

.auth-card{
width:440px;
max-width:100%;
background:rgba(255,255,255,.05);
backdrop-filter:blur(18px);
padding:48px;
border-radius:30px;
box-shadow:0 25px 70px rgba(0,0,0,.4);
}

.auth-card h1{
font-size:36px;
margin-top:0;
margin-bottom:14px;
}

.notice{
color:#94a3b8;
margin-bottom:28px;
line-height:1.5;
}

.auth-message{
background:#052e16;
padding:14px;
border-radius:12px;
margin-bottom:18px;
}

.auth-card input{
width:100%;
box-sizing:border-box;
padding:16px;
margin-bottom:16px;
border:none;
outline:none;
border-radius:14px;
background:#1e293b;
color:white;
font-size:15px;
}

.auth-card input:focus{
box-shadow:0 0 0 2px #38bdf8;
}

.auth-card button{
width:100%;
padding:16px;
border:none;
border-radius:14px;
font-weight:700;
background:linear-gradient(90deg,#38bdf8,#6366f1);
color:white;
cursor:pointer;
transition:.25s;
}

.auth-card button:hover{
transform:translateY(-2px);
}

.switch-link{
margin-top:22px;
text-align:center;
}

.switch-link a{
color:#38bdf8;
text-decoration:none;
}

/* Button  styles */

.danger-btn{
margin-top:18px;
padding:12px 18px;
border:none;
border-radius:14px;
cursor:pointer;

background:#7f1d1d;
color:#fff;
font-weight:600;
}

.danger-btn:hover{
background:#991b1b;
}