.su-upload,
.su-login {

    max-width:850px;

    margin:40px auto;

    padding:40px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}


.su-dropzone {

    border:2px dashed #999;

    padding:50px 20px;

    text-align:center;

    border-radius:12px;

    cursor:pointer;

    margin-top:30px;

}


.su-dropzone:hover {

    opacity:.8;

}


.su-icon {

    font-size:40px;

    margin-bottom:15px;

}


.su-button {

    display:inline-block;

    margin-top:20px;

    padding:12px 25px;

    background:#222;

    color:#fff;

    border-radius:5px;

    cursor:pointer;

}


.su-button input {

    display:none;

}


.su-preview {

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-top:25px;

}


.su-preview img {

    width:120px;

    height:120px;

    object-fit:cover;

    border-radius:8px;

}


.su-upload-button {

    margin-top:30px;

    padding:12px 30px;

    border:0;

    border-radius:5px;

    cursor:pointer;

}