/* =========================================================
   SABARMATI UPDHAN - PDF INFORMATION PREMIUM UI
   ========================================================= */

.pdf-extra-section{
    width:100%;
    padding:34px 15px 10px;
    background:
        radial-gradient(circle at 50% 0, rgba(196,151,59,.09), transparent 32%),
        #f7f1e5;
    font-family:"Anek Gujarati",sans-serif;
}

.pdf-extra-container{
    width:min(100%,850px);
    margin:0 auto;
}


/* ---------- LAST DATE ---------- */

.registration-deadline-card{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:18px;
    padding:24px 26px;
    border:1px solid #ead3a7;
    border-radius:18px;
    background:
        linear-gradient(135deg,#fffdf7 0%,#fff4d5 100%);
    box-shadow:0 16px 42px rgba(94,63,22,.08);
}

.registration-deadline-card::after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    right:-70px;
    top:-70px;
    border-radius:50%;
    background:rgba(173,123,36,.08);
}

.deadline-icon{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    flex:0 0 72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    background:linear-gradient(145deg,#aa2748,#74142d);
    color:#fff;
    font-family:Inter,sans-serif;
    font-size:22px;
    font-weight:800;
    box-shadow:0 12px 25px rgba(120,20,46,.22);
}

.deadline-content{
    position:relative;
    z-index:2;
}

.deadline-kicker{
    display:block;
    color:#ae7c32;
    font-family:Inter,sans-serif;
    font-size:8px;
    font-weight:800;
    letter-spacing:.12em;
}

.deadline-content h3{
    margin:3px 0 0;
    color:#563e35;
    font-size:18px;
    font-weight:800;
}

.deadline-content strong{
    display:block;
    margin:3px 0 0;
    color:#8e1c39;
    font-family:Inter,sans-serif;
    font-size:26px;
    font-weight:800;
}

.deadline-content p{
    margin:5px 0 0;
    color:#83756a;
    font-size:11px;
    line-height:1.6;
}


/* ---------- COMMON CARD ---------- */

.pdf-info-card{
    margin-bottom:18px;
    padding:26px;
    border:1px solid #e7ddcf;
    border-radius:18px;
    background:#fff;
    box-shadow:0 15px 42px rgba(67,45,28,.055);
}

.pdf-card-heading{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.pdf-card-icon{
    width:45px;
    height:45px;
    flex:0 0 45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eed8cd;
    border-radius:14px;
    background:#fcf0eb;
    color:#8f1b39;
    font-size:17px;
    font-weight:800;
}

.pdf-card-heading span{
    display:block;
    color:#b28046;
    font-family:Inter,sans-serif;
    font-size:8px;
    font-weight:800;
    letter-spacing:.12em;
}

.pdf-card-heading h3{
    margin:3px 0 0;
    color:#463730;
    font-size:19px;
    line-height:1.25;
    font-weight:800;
}


/* ---------- VENUE ---------- */

.venue-main{
    position:relative;
    overflow:hidden;
    padding:27px 20px;
    border-radius:15px;
    background:
        radial-gradient(circle at 50% 0,rgba(255,220,155,.16),transparent 48%),
        linear-gradient(135deg,#941d3d,#681129);
    text-align:center;
    box-shadow:0 14px 30px rgba(103,18,42,.13);
}

.venue-main::before{
    content:"✦";
    display:block;
    margin-bottom:7px;
    color:#e9c56e;
    font-size:17px;
}

.venue-main strong{
    display:block;
    max-width:550px;
    margin:0 auto;
    color:#fff4d6;
    font-size:21px;
    line-height:1.45;
    font-weight:800;
}

.venue-main span{
    display:block;
    margin-top:6px;
    color:#f0cbd4;
    font-size:11px;
}


/* ---------- INSTRUCTIONS ---------- */

.instructions-card{
    background:
        linear-gradient(180deg,#ffffff,#fffdfa);
}

.instruction-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.instruction-item{
    display:flex;
    align-items:flex-start;
    gap:11px;
    min-height:76px;
    padding:14px;
    border:1px solid #eee4d9;
    border-radius:13px;
    background:#fdfbf8;
    transition:.2s ease;
}

.instruction-item:hover{
    transform:translateY(-1px);
    border-color:#dfcabd;
    box-shadow:0 8px 20px rgba(75,45,25,.05);
}

.instruction-item i{
    width:29px;
    height:29px;
    flex:0 0 29px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#f3e1e6;
    color:#8c1b38;
    font-family:Inter,sans-serif;
    font-size:9px;
    font-weight:800;
    font-style:normal;
}

.instruction-item p{
    margin:1px 0 0;
    color:#71665e;
    font-size:10px;
    line-height:1.65;
}


/* ---------- SUBMISSION ---------- */

.submission-section{
    margin-bottom:25px;
    padding:28px;
    border:1px solid #e6dac9;
    border-radius:18px;
    background:
        radial-gradient(circle at 50% 0,rgba(224,187,112,.12),transparent 45%),
        #fffaf1;
    box-shadow:0 15px 42px rgba(73,48,26,.055);
}

.submission-title{
    max-width:600px;
    margin:0 auto 22px;
    text-align:center;
}

.submission-title>span{
    display:block;
    color:#a6763d;
    font-family:Inter,sans-serif;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}

.submission-title h3{
    margin:5px 0 0;
    color:#7d1834;
    font-size:22px;
    font-weight:800;
}

.submission-title p{
    margin:6px auto 0;
    color:#94877d;
    font-size:10px;
    line-height:1.6;
}

.submission-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.submission-card{
    position:relative;
    overflow:hidden;
    padding:21px;
    border:1px solid #e7dccd;
    border-radius:14px;
    background:#fff;
    box-shadow:0 8px 22px rgba(73,48,27,.035);
}

.submission-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#8d1836,#d2a347);
}

.submission-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:3px 0 14px;
}

.submission-top span{
    color:#a9783d;
    font-family:Inter,sans-serif;
    font-size:8px;
    font-weight:800;
    letter-spacing:.1em;
}

.submission-top strong{
    padding:5px 8px;
    border-radius:20px;
    background:#f7ecef;
    color:#8d1c39;
    font-size:9px;
    font-weight:800;
}

.submission-card h4{
    margin:0;
    color:#463a34;
    font-size:14px;
    line-height:1.5;
    font-weight:800;
}

.submission-card p{
    margin:5px 0 0;
    color:#81766e;
    font-family:Inter,sans-serif;
    font-size:9px;
    line-height:1.6;
}

.submission-card>a{
    display:inline-flex;
    align-items:center;
    margin-top:11px;
    padding:7px 10px;
    border-radius:8px;
    background:#fff5f7;
    color:#8d1a38;
    text-decoration:none;
    font-family:Inter,sans-serif;
    font-size:10px;
    font-weight:800;
}

.office-time{
    margin-top:14px;
    padding:11px 12px;
    border:1px solid #eee2d0;
    border-radius:10px;
    background:#faf4e9;
}

.office-time span,
.office-time strong{
    display:block;
}

.office-time span{
    color:#9d8d7e;
    font-family:Inter,sans-serif;
    font-size:8px;
    font-weight:700;
}

.office-time strong{
    margin-top:2px;
    color:#59483c;
    font-family:Inter,sans-serif;
    font-size:10px;
    font-weight:800;
}


/* ---------- MOBILE ---------- */

@media(max-width:650px){

    .pdf-extra-section{
        padding:20px 8px 5px;
    }

    .registration-deadline-card{
        align-items:flex-start;
        gap:13px;
        padding:17px 15px;
        border-radius:13px;
    }

    .deadline-icon{
        width:53px;
        height:53px;
        flex-basis:53px;
        border-radius:15px;
        font-size:17px;
    }

    .deadline-content h3{
        font-size:15px;
    }

    .deadline-content strong{
        font-size:19px;
    }

    .deadline-content p{
        font-size:10px;
    }

    .pdf-info-card{
        padding:19px 14px;
        border-radius:13px;
    }

    .pdf-card-heading{
        margin-bottom:15px;
    }

    .pdf-card-icon{
        width:40px;
        height:40px;
        flex-basis:40px;
        border-radius:12px;
    }

    .pdf-card-heading h3{
        font-size:16px;
    }

    .venue-main{
        padding:20px 13px;
        border-radius:12px;
    }

    .venue-main strong{
        font-size:16px;
    }

    .instruction-list{
        grid-template-columns:1fr;
        gap:9px;
    }

    .instruction-item{
        min-height:0;
        padding:12px;
    }

    .submission-section{
        padding:20px 14px;
        border-radius:13px;
    }

    .submission-title h3{
        font-size:18px;
    }

    .submission-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .submission-card{
        padding:18px;
    }
}

/* DETAILS FIRST -> FORM AFTER */

.pdf-extra-section{
    margin-bottom:32px;
}

.pdf-extra-container{
    position:relative;
}

.registration-card{
    margin-top:0 !important;
}

@media(max-width:650px){
    .pdf-extra-section{
        margin-bottom:20px;
    }
}