/* All India School Cinema Competition 2027 - shared styles */
.sc-page { background:#f8f9fa; padding:60px 0 80px; }
.sc-hero { background:linear-gradient(135deg,#111 0%,#2b2115 100%); color:#fff; border-radius:8px; padding:45px 30px; text-align:center; margin-bottom:40px; border-bottom:4px solid #e2a750; }
.sc-hero .sc-kicker { color:#e2a750; letter-spacing:2px; text-transform:uppercase; font-size:13px; font-weight:600; margin-bottom:10px; }
.sc-hero h1 { color:#fff; font-size:34px; font-weight:700; text-transform:uppercase; margin:0 0 10px; line-height:1.25; }
.sc-hero h1 span { color:#e2a750; }
.sc-hero p { color:#ddd; margin:0 auto 6px; max-width:760px; line-height:1.7; }
.sc-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:22px; padding:0; list-style:none; }
.sc-meta li { background:rgba(226,167,80,.15); border:1px solid rgba(226,167,80,.5); color:#fff; padding:7px 16px; border-radius:30px; font-size:14px; list-style:none; }
.sc-meta li b { color:#e2a750; font-weight:600; }
.sc-meta a { color:#fff; }

.sc-card { background:#fff; border:1px solid #e9ecef; border-radius:8px; margin-bottom:24px; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.sc-card-head { padding:15px 22px; border-bottom:1px solid #e9ecef; background:#fff; border-left:4px solid #e2a750; border-radius:8px 8px 0 0; }
.sc-card-head h3, .sc-card-head h4 { margin:0; font-size:20px; font-weight:600; color:#212529; }
.sc-card-body { padding:22px; color:#495057; line-height:1.8; }
.sc-card-body p:last-child { margin-bottom:0; }
.sc-card-body ul { padding-left:24px; margin-bottom:12px; list-style:disc !important; }
.sc-card-body ul li { display:list-item !important; list-style:disc !important; margin-bottom:8px; }
.sc-card-body ol { padding-left:24px; margin-bottom:12px; list-style:decimal !important; }
.sc-card-body ol li { display:list-item !important; list-style:decimal !important; margin-bottom:8px; }
.sc-card-body h5 { font-size:17px; font-weight:600; color:#212529; margin:18px 0 8px; }
.sc-card-body h5:first-child { margin-top:0; }
.sc-note { background:#fff8ec; border-left:4px solid #e2a750; padding:12px 16px; margin:14px 0 0; color:#5a4520; font-size:14px; }

.sc-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.sc-table { width:100%; border-collapse:collapse; min-width:420px; }
.sc-table th { background:#111; color:#e2a750; text-align:left; padding:12px 16px; font-weight:600; }
.sc-table td { padding:12px 16px; border-bottom:1px solid #e9ecef; }
.sc-table td.sc-prize { color:#b9801f; font-weight:700; white-space:nowrap; }
.sc-chips { display:flex; flex-wrap:wrap; gap:10px; padding:0 !important; list-style:none !important; }
.sc-chips li { list-style:none !important; display:block !important; background:#f7f7f7; border:1px solid #e5e5e5; padding:8px 16px; border-radius:30px; margin:0 !important; font-size:14px; }

.sc-fee { text-align:center; padding:26px 20px; }
.sc-fee .amt { font-size:42px; font-weight:700; color:#e2a750; line-height:1; }
.sc-fee .amt small { font-size:15px; color:#666; font-weight:500; }

/* Form */
.sc-form .sc-section { font-size:16px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#212529; margin:8px 0 22px; }
.sc-form .sc-section span { display:block; border-bottom:1px dashed #d5d5d5; padding-bottom:8px; }
.sc-field { margin-bottom:22px; }
.sc-field > label { display:block; font-weight:600; font-size:14px; color:#333; margin-bottom:6px; }
.sc-field > label .req { color:#d9534f; }
.sc-form input[type=text], .sc-form input[type=email], .sc-form input[type=tel], .sc-form input[type=url], .sc-form input[type=date], .sc-form input[type=number], .sc-form select, .sc-form textarea {
    width:100%; background:#f7f7f7; border:1px solid transparent; border-radius:0; color:#333; font-size:14px; height:52px; padding:2px 16px; transition:.3s; }
.sc-form textarea { height:110px; padding:12px 16px; }
.sc-form input:focus, .sc-form select:focus, .sc-form textarea:focus { outline:none; border-color:#e2a750; background:#fff; }
.sc-form input[readonly] { background:#ececec; cursor:not-allowed; }
.sc-form input[type=file] { width:100%; background:#f7f7f7; padding:12px 16px; height:auto; }
.sc-form .is-invalid { border-color:#d9534f !important; }
.sc-err { color:#d9534f; font-size:13px; margin-top:4px; display:none; }
.sc-opts { display:flex; flex-wrap:wrap; gap:10px 14px; }
.sc-opt { display:inline-flex; align-items:center; gap:8px; background:#f7f7f7; padding:10px 16px; cursor:pointer; margin:0 !important; font-weight:500 !important; border:1px solid transparent; }
.sc-opt:hover { border-color:#e2a750; }
.sc-opt input { width:18px !important; height:18px !important; margin:0; accent-color:#e2a750; flex:none; }
.sc-hint { font-size:12.5px; color:#777; margin-top:5px; }
.sc-declare { font-size:14px; color:#495057; }
.sc-declare li { margin-bottom:8px; }
.sc-accept { display:flex; gap:12px; align-items:flex-start; background:#fff8ec; border:1px solid #f0d8a8; padding:16px; cursor:pointer; }
.sc-accept input { width:20px !important; height:20px !important; flex:none; margin-top:3px; accent-color:#e2a750; }
.sc-btn { background:#e2a750; color:#fff; border:none; padding:14px 38px; font-weight:600; cursor:pointer; transition:.3s; display:inline-block; text-transform:uppercase; letter-spacing:1px; }
.sc-btn:hover { background:#000; color:#fff; }
.sc-btn[disabled] { opacity:.6; cursor:not-allowed; }
.sc-btn-outline { background:transparent; border:2px solid #e2a750; color:#e2a750; }
.sc-btn-outline:hover { background:#e2a750; color:#fff; }
.sc-alert { padding:14px 18px; margin-bottom:20px; border-radius:4px; display:none; }
.sc-alert.ok { background:#e8f6ec; color:#1e6b34; border:1px solid #bfe3ca; }
.sc-alert.bad { background:#fdecea; color:#a12a22; border:1px solid #f3c2bd; }
.sc-cta { text-align:center; margin-top:10px; }
.sc-cta .sc-btn { margin:6px; }

@media (max-width:991px) {
    .sc-hero h1 { font-size:28px; }
}
@media (max-width:767px) {
    .sc-page { padding:35px 0 50px; }
    .sc-hero { padding:30px 18px; }
    .sc-hero h1 { font-size:22px; }
    .sc-card-body { padding:16px; }
    .sc-card-head h3, .sc-card-head h4 { font-size:17px; }
    .sc-opt { width:100%; }
    .sc-btn { width:100%; }
    .sc-meta li { width:100%; text-align:center; border-radius:8px; }
}

/* overrides */
.sc-card-body ul.sc-chips { padding-left:0 !important; list-style:none !important; display:flex; }
.sc-card-body ul.sc-chips li { list-style:none !important; display:block !important; margin:0 !important; }
.sc-hero h1, .sc-card-head h3, .sc-card-head h4, .sc-card-body h5 { font-family:"Roboto",sans-serif; }
.sc-hero ul.sc-meta li { list-style:none; }