/* =========================
   Student Upload Form
========================= */

.sus-form,
.sus-success{
    max-width:760px;
    margin:50px auto;
    padding:35px;
    background:#fff;
    border-radius:18px;
    border:1px solid #e7eaf3;
    box-shadow:0 20px 60px rgba(15,23,42,.08);
}

.sus-form h2{
    margin:0 0 10px;
    text-align:center;
    font-size:30px;
    color:#0f172a;
}

.sus-form p{
    text-align:center;
    color:#64748b;
    margin-bottom:35px;
}

.sus-group{
    margin-bottom:22px;
}

.sus-group label{
    display:block;
    margin-bottom:8px;
    color:#334155;
    font-weight:600;
    font-size:14px;
}

.sus-group input[type=text]{
    width:100%;
    height:56px;
    border:1px solid #dbe3ef;
    border-radius:12px;
    padding:0 18px;
    font-size:15px;
    transition:.25s;
    box-sizing:border-box;
    background:#fafcff;
}

.sus-group input[type=text]:focus{
    outline:none;
    border-color:#2563eb;
    background:#fff;
    box-shadow:0 0 0 4px rgba(37,99,235,.15);
}

.sus-group input[type=file]{
    width:100%;
    border:2px dashed #cbd5e1;
    border-radius:14px;
    padding:20px;
    background:#f8fafc;
    transition:.25s;
    cursor:pointer;
    box-sizing:border-box;
}

.sus-group input[type=file]:hover{
    border-color:#2563eb;
    background:#eff6ff;
}

.sus-form button{
    width:100%;
    height:58px;
    border:none;
    border-radius:14px;
    background:#000;
    color:#fff;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    transition:.25s;
}

.sus-form button:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px #ccc;
}

.sus-form button:active{
    transform:scale(.98);
}

/* پیام موفقیت */

.sus-success{
    text-align:center;
    border-right:5px solid #22c55e;
}

.sus-success h3{
    color:#15803d;
    margin-top:0;
}

.sus-success strong{
    color:#166534;
}

/* موبایل */

@media(max-width:768px){

.sus-form,
.sus-success{
    margin:20px;
    padding:25px;
}

.sus-form h2{
    font-size:24px;
}

}

/* ===========================
   Notice Box
=========================== */

.sus-notice{

    max-width:760px;
    margin:40px auto 25px;
    padding:22px 26px;
    border-radius:12px;
    border-right:5px solid #0d6efd;
    background:#eef6ff;
    border:1px solid #cfe2ff;

}

.sus-notice-title{

    font-size:20px;
    font-weight:700;
    color:#0d6efd;
    margin-bottom:15px;

}

.sus-notice ul{

    margin:0;
    padding-right:22px;

}

.sus-notice li{

    line-height:2;
    color:#444;
    margin-bottom:8px;

}

.sus-notice strong{

    color:#0d6efd;

}
/* ===========================
   Upload Card
=========================== */

.sus-upload-card{

    display:block;
    text-align:center;
    padding:28px;
    border:2px dashed #d0d7e2;
    border-radius:14px;
    background:#fafcff;
    cursor:pointer;
    transition:.25s;

}

.sus-upload-card:hover{

    border-color:#0d6efd;
    background:#eef6ff;

}

.sus-upload-icon{

    font-size:56px;
    margin-bottom:12px;

}

.sus-upload-title{

    font-size:18px;
    font-weight:700;
    color:#222;

}

.sus-upload-subtitle{

    margin-top:8px;
    color:#777;
    font-size:14px;

}

.sus-file-name{

    margin-top:18px;
    padding:10px;
    background:#fff;
    border-radius:8px;
    border:1px solid #ddd;
    color:#0d6efd;
    font-weight:600;
    word-break:break-all;

}