.settings-section{

    margin-top:30px;

}

.settings-section h2{

    margin-bottom:15px;

    color:#ffffff;

}

.settings-card{

    background:#111827;

    border:1px solid #334155;

    border-radius:15px;

    padding:20px 25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    transition:.3s;

    margin-bottom:15px;

}

.settings-card:hover{

    border-color:#2563eb;

    transform:translateY(-2px);

}

.settings-card h3{

    margin-bottom:5px;

    font-size:18px;

}

.settings-card p{

    color:#94a3b8;

    font-size:14px;

}

.settings-card span{

    font-size:30px;

    color:#94a3b8;

}

.logout-card:hover{

    border-color:#dc2626;

}

.popup-overlay{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.6);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:1000;

}

.popup-box{

    width:420px;

    background:#111827;

    border-radius:18px;

    padding:30px;

    display:flex;

    flex-direction:column;

    gap:18px;

}

.popup-box input{

    width:100%;

    padding:14px;

    border:none;

    border-radius:10px;

    background:#1f2937;

    color:white;

    font-size:15px;

}

.popup-buttons{

    display:flex;

    gap:15px;

}

.popup-buttons button{

    flex:1;

    padding:12px;

    border:none;

    border-radius:10px;

    cursor:pointer;

    font-size:15px;

}

#saveProfile{

    background:#2563eb;

    color:white;

}

#closeProfileModal{

    background:#374151;

    color:white;

}