*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Vazirmatn',sans-serif;
}

body{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:#09090f;
overflow:hidden;
}

.background{

position:absolute;
width:100%;
height:100%;
background:
radial-gradient(circle at top,#4f46e5,transparent 40%),
radial-gradient(circle at bottom,#06b6d4,transparent 40%);
filter:blur(90px);

}

.card{

position:relative;

width:420px;

padding:40px;

border-radius:25px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.15);

box-shadow:0 0 60px rgba(79,70,229,.35);

}

.card h1{

color:white;

margin-bottom:10px;

}

.card p{

color:#bdbdbd;

margin-bottom:25px;

}

input{

width:100%;

padding:15px;

margin-bottom:15px;

border:none;

outline:none;

border-radius:12px;

background:rgba(255,255,255,.08);

color:white;

font-size:15px;

}

input::placeholder{

color:#bdbdbd;

}

button{

width:100%;

padding:15px;

border:none;

border-radius:12px;

background:#4f46e5;

color:white;

font-size:16px;

cursor:pointer;

transition:.3s;

}

button:hover{

background:#6366f1;

transform:translateY(-2px);

}

.login{

margin-top:20px;

color:white;

text-align:center;

}

.login a{

color:#60a5fa;

text-decoration:none;

}
.toast{
position: fixed;
top: 30px;
left: 50%;
transform: translateX(-50%);
min-width: 320px;
max-width: 420px;
display: flex;
align-items: stretch;
border-radius: 14px;
overflow: hidden;
z-index: 99999;
box-shadow: 0 15px 40px rgba(0,0,0,.35);
animation: pop .25s ease;
font-family: Vazirmatn;
}

/* سمت رنگی (هدر) */
.toast::before{
content: "";
width: 8px;
display: block;
}

/* متن داخل */
.toast span{
padding: 14px 16px;
background: #ffffff;
color: #111827;
font-size: 14px;
line-height: 1.5;
width: 100%;
}

/* ERROR */
.toast.error::before{
background: #ef4444;
}

/* SUCCESS */
.toast.success::before{
background: #22c55e;
}

@keyframes pop{
from{
transform: translateX(-50%) scale(0.9);
opacity: 0;
}
to{
transform: translateX(-50%) scale(1);
opacity: 1;
}
}