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

body{
    width:100%;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#0f172a;
    overflow:hidden;
    color:white;
}

.background{
    position:fixed;
    inset:0;
    background:linear-gradient(135deg,#0f172a,#111827,#1e293b);
}

/* ==========================================
   Toast Notification
========================================== */

.toast{

position:fixed;

top:20px;

right:20px;

padding:14px 22px;

border-radius:10px;

color:#fff;

font-weight:600;

opacity:0;

transform:translateY(-20px);

transition:.3s;

z-index:9999;

}

.toast.show{

opacity:1;

transform:translateY(0);

}

.toast.success{

background:#22c55e;

}

.toast.error{

background:#ef4444;

}

.toast.warning{

background:#f59e0b;

}