body{
    margin:0;
    font-family:'Poppins',sans-serif;
    background:linear-gradient(135deg,#0f172a,#1e293b);
    color:#fff;
}

/* BOX */
.box{
    max-width:400px;
    margin:30px auto;
    padding:25px;
    border-radius:20px;
    background:rgba(255,255,255,0.05);
    backdrop-filter:blur(15px);
    box-shadow:0 10px 40px rgba(0,0,0,0.4);
}

/* INPUT */
input{
    width:100%;
    padding:14px;
    margin-top:10px;
    border-radius:10px;
    border:none;
    background:rgba(255,255,255,0.1);
    color:#fff;
}

/* BUTTON */
button{
    width:100%;
    padding:14px;
    margin-top:12px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#6366f1,#8b5cf6);
    color:#fff;
    font-weight:bold;
    font-size:16px;
}

/* CARD */
.card{
    padding:15px;
    margin-top:10px;
    border-radius:12px;
    background:rgba(255,255,255,0.08);
}

/* TOP */
.top{
    border-left:5px solid gold;
}