/* ============================================================
   ICC Apply • 12K Glossy High Contrast Final Layer
   Loads last. Keeps the clean corporate page, but makes it sharper,
   glossy, readable and high-contrast in both day and night.
   ============================================================ */

:root{
  --icc-12k-red:#c8102e;
  --icc-12k-red-dark:#9f0f28;
  --icc-12k-blue:#003b70;
  --icc-12k-blue-2:#005eb8;
  --icc-12k-navy:#001b3f;
  --icc-12k-ink:#071426;
  --icc-12k-muted:#344155;
  --icc-12k-line:#cbd5e1;
  --icc-12k-soft:#f6f8fb;
  --icc-12k-white:#ffffff;
  --icc-12k-green:#008a6a;
  --icc-12k-gold:#d49a1e;
  --icc-12k-shadow:0 28px 82px rgba(2, 16, 40, .13);
  --icc-12k-card-shadow:0 18px 48px rgba(2, 16, 40, .095);
  --icc-12k-gloss:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.96));
}

html,body,button,input,select,textarea{
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

/* =========================
   DAY / DEFAULT LOOK
   ========================= */

html:not([data-event-theme]),
html[data-event-theme="event-day"],
html[data-event-theme="worldcup2026-day"],
html[data-event-theme="icc-original"]{
  --page-bg:
    radial-gradient(900px 520px at 8% 0%,rgba(0,94,184,.13),transparent 60%),
    radial-gradient(760px 460px at 94% 8%,rgba(200,16,46,.09),transparent 58%),
    linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%);
  --page-card:#ffffff;
  --page-card-2:#f8fbff;
  --page-text:#071426;
  --page-muted:#334155;
  --page-line:#cbd5e1;
  --page-sidebar:#f7f9fc;
  --page-sidebar-text:#172033;
  --page-input:#ffffff;
  --page-input-text:#071426;
}

html:not([data-event-theme]) body.ibkr-body,
html[data-event-theme="event-day"] body.ibkr-body,
html[data-event-theme="worldcup2026-day"] body.ibkr-body,
html[data-event-theme="icc-original"] body.ibkr-body{
  background:var(--page-bg) !important;
  color:var(--page-text) !important;
}

.admissions-start-page{
  background:var(--page-bg) !important;
  padding:34px 18px !important;
}

.start-card{
  position:relative !important;
  width:min(1120px,100%) !important;
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.13) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,1),rgba(250,252,255,.98)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.75),rgba(0,59,112,.16),rgba(200,16,46,.12)) border-box !important;
  box-shadow:var(--icc-12k-shadow) !important;
  overflow:hidden !important;
}

.start-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(116deg,transparent 0 18%,rgba(255,255,255,.84) 22%,transparent 32%),
    radial-gradient(720px 260px at 50% -16%,rgba(255,255,255,.88),transparent 70%) !important;
  opacity:.72 !important;
  z-index:1 !important;
}

.start-card > *{
  position:relative !important;
  z-index:2 !important;
}

.start-top-band{
  height:6px !important;
  background:linear-gradient(90deg,var(--icc-12k-red) 0%,var(--icc-12k-blue) 58%,var(--icc-12k-green) 100%) !important;
  box-shadow:0 2px 14px rgba(0,59,112,.22) !important;
}

.start-card-inner{
  padding:clamp(28px,4vw,48px) !important;
}

.start-logo-wrap{
  width:92px !important;
  height:92px !important;
  border-radius:18px !important;
  background:
    linear-gradient(#ffffff,#ffffff) padding-box,
    linear-gradient(135deg,rgba(0,59,112,.28),rgba(200,16,46,.25)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:0 18px 42px rgba(2,16,40,.10) !important;
}

.start-logo{
  width:72px !important;
  height:72px !important;
  filter:drop-shadow(0 8px 14px rgba(2,16,40,.08)) !important;
}

.start-kicker{
  border-radius:6px !important;
  background:#f6f8fb !important;
  color:var(--icc-12k-blue) !important;
  border:1px solid var(--icc-12k-line) !important;
  font-weight:700 !important;
  letter-spacing:.10em !important;
}

.start-card h1{
  color:var(--icc-12k-ink) !important;
  font-weight:650 !important;
  letter-spacing:-.032em !important;
  text-wrap:balance !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7) !important;
}

.start-card .start-subtitle{
  color:var(--icc-12k-muted) !important;
  font-weight:450 !important;
}

.start-school-card,
.start-info-item,
.start-documents{
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.14) !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:var(--icc-12k-card-shadow) !important;
}

.start-school-card:hover,
.start-info-item:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 22px 54px rgba(2,16,40,.13) !important;
  border-color:rgba(0,59,112,.25) !important;
}

.start-school-card .school-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  width:42px !important;
  height:28px !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,#ffffff,#eef4ff) !important;
  border:1px solid #cbd5e1 !important;
  color:var(--icc-12k-blue) !important;
  font-size:.72rem !important;
  font-weight:750 !important;
  letter-spacing:.09em !important;
}

.start-school-card strong,
.start-info-item strong,
.start-documents strong{
  color:var(--icc-12k-ink) !important;
  font-weight:650 !important;
}

.start-school-card span,
.start-info-item span,
.start-documents li{
  color:var(--icc-12k-muted) !important;
  font-weight:430 !important;
}

.start-school-link,
.start-btn,
.start-actions .start-btn,
.start-actions a.start-btn,
.step-btn,
.ibkr-submit,
.save-application-btn,
.icc-save-continue-btn,
.summer-btn,
.admissions-shop-btn{
  border-radius:8px !important;
  font-weight:650 !important;
  letter-spacing:-.005em !important;
  box-shadow:none !important;
}

.start-btn,
.start-actions .start-btn:not(.secondary):not(.manage),
.step-btn.next,
.ibkr-submit,
.save-application-btn,
.icc-save-continue-btn,
.summer-btn:not(.secondary){
  background:linear-gradient(180deg,#d51232 0%,#b80f2b 100%) !important;
  border:1px solid #a90f28 !important;
  color:#ffffff !important;
  box-shadow:0 13px 30px rgba(200,16,46,.18) !important;
}

.start-btn:hover,
.step-btn.next:hover,
.ibkr-submit:hover,
.save-application-btn:hover,
.icc-save-continue-btn:hover{
  background:linear-gradient(180deg,#bf102d 0%,#9f0f28 100%) !important;
  transform:translateY(-1px) !important;
}

.start-btn.secondary,
.start-actions .start-btn.secondary,
.start-actions .start-btn.manage,
.start-actions a.start-btn.manage,
.step-btn.back,
.summer-btn.secondary{
  background:#ffffff !important;
  color:var(--icc-12k-blue) !important;
  border:1px solid #b8c1cc !important;
  box-shadow:0 8px 18px rgba(2,16,40,.055) !important;
}

.simple-mode .admissions-shell{
  width:min(1180px,calc(100% - 38px)) !important;
}

.simple-mode .premium-form-card{
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.13) !important;
  background:#ffffff !important;
  box-shadow:var(--icc-12k-shadow) !important;
}

.simple-mode .premium-form-card::before{
  height:6px !important;
  background:linear-gradient(90deg,var(--icc-12k-red),var(--icc-12k-blue),var(--icc-12k-green)) !important;
  box-shadow:0 2px 14px rgba(0,59,112,.20) !important;
}

.simple-mode .stepper-container{
  grid-template-columns:218px minmax(0,1fr) !important;
}

.simple-mode .stepper-vertical{
  background:linear-gradient(180deg,#f8fafc,#f1f5f9) !important;
  border-right:1px solid #cbd5e1 !important;
  padding:26px 16px !important;
}

.stepper-step{
  border-radius:10px !important;
  color:#334155 !important;
  min-height:52px !important;
}

.stepper-step strong{
  color:#1e293b !important;
  font-weight:650 !important;
}

.stepper-step small{
  color:#64748b !important;
  font-weight:430 !important;
}

.stepper-step.active{
  background:#ffffff !important;
  border-color:rgba(0,59,112,.22) !important;
  color:var(--icc-12k-red) !important;
  box-shadow:0 14px 30px rgba(2,16,40,.08) !important;
}

.stepper-step.active strong{
  color:var(--icc-12k-red) !important;
}

.stepper-step.completed .step-number,
.stepper-step.active .step-number{
  background:linear-gradient(180deg,var(--icc-12k-blue-2),var(--icc-12k-blue)) !important;
  color:#ffffff !important;
}

.form-workspace,
.simple-mode .form-workspace{
  background:#ffffff !important;
  padding:30px 34px !important;
}

.step-heading{
  border-bottom:1px solid #d6dde8 !important;
}

.step-label{
  color:var(--icc-12k-red) !important;
  font-weight:700 !important;
}

.step-heading h3{
  color:var(--icc-12k-ink) !important;
  font-weight:600 !important;
}

.step-heading p{
  color:var(--icc-12k-muted) !important;
  font-weight:430 !important;
}

.cloud-save-strip,
.route-select-card,
.premium-route-selector,
.campus-route-selector,
.referral-route-selector,
.upload-card,
.payment-panel,
.assessment-card,
.entrance-date-lifeline-card,
.selected-session-panel,
.exam-integrity-note,
.signature-panel,
.agreement-version-note,
.agreement-card,
.summer-section,
.summer-choice-card,
.summer-check-card,
.summer-summary-box{
  border-radius:14px !important;
  border:1px solid #cbd5e1 !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  color:var(--icc-12k-ink) !important;
  box-shadow:0 12px 30px rgba(2,16,40,.065) !important;
}

.cloud-save-strip{
  background:
    linear-gradient(180deg,#ffffff,#f9fbff) !important;
  border-color:#cbd5e1 !important;
}

.route-helper-grid > div{
  border-radius:12px !important;
  background:linear-gradient(180deg,#ffffff,#f2f6fb) !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 10px 22px rgba(2,16,40,.055) !important;
}

.field label,
.route-select-card > label,
.summer-field label,
.simple-mode label{
  color:#172033 !important;
  font-weight:600 !important;
}

.field input,
.field select,
.field textarea,
.route-select-card select,
.summer-field input,
.summer-field select,
.summer-field textarea,
.simple-mode input,
.simple-mode select,
.simple-mode textarea,
input,
select,
textarea{
  border-radius:8px !important;
  border:1px solid #aeb8c5 !important;
  background:#ffffff !important;
  color:#071426 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--icc-12k-blue) !important;
  box-shadow:0 0 0 3px rgba(0,59,112,.14) !important;
}

/* =========================
   NIGHT HIGH CONTRAST LOOK
   ========================= */

html[data-event-theme="event-night"],
html[data-event-theme="worldcup2026-night"]{
  --page-bg:
    radial-gradient(780px 520px at 8% 0%,rgba(0,94,184,.25),transparent 60%),
    radial-gradient(740px 460px at 92% 4%,rgba(200,16,46,.16),transparent 56%),
    linear-gradient(180deg,#061426 0%,#091d36 100%);
  --page-card:#0b2342;
  --page-card-2:#102f55;
  --page-text:#f8fafc;
  --page-muted:#d5e1ef;
  --page-line:rgba(255,255,255,.18);
  --page-sidebar:#071a33;
  --page-sidebar-text:#e9f2ff;
  --page-input:#061426;
  --page-input-text:#ffffff;
}

html[data-event-theme="event-night"] body.ibkr-body,
html[data-event-theme="worldcup2026-night"] body.ibkr-body,
html[data-event-theme="event-night"] body.application-started,
html[data-event-theme="worldcup2026-night"] body.application-started{
  background:var(--page-bg) !important;
  color:var(--page-text) !important;
}

html[data-event-theme="event-night"] .admissions-start-page,
html[data-event-theme="worldcup2026-night"] .admissions-start-page{
  background:var(--page-bg) !important;
}

html[data-event-theme="event-night"] .start-card,
html[data-event-theme="worldcup2026-night"] .start-card,
html[data-event-theme="event-night"] .premium-form-card,
html[data-event-theme="worldcup2026-night"] .premium-form-card{
  border:1px solid rgba(255,255,255,.18) !important;
  background:
    linear-gradient(180deg,rgba(10,35,66,.98),rgba(6,20,38,.98)) padding-box,
    linear-gradient(135deg,rgba(255,255,255,.18),rgba(0,94,184,.35),rgba(200,16,46,.26)) border-box !important;
  box-shadow:0 34px 90px rgba(0,0,0,.42) !important;
}

html[data-event-theme="event-night"] .start-card h1,
html[data-event-theme="worldcup2026-night"] .start-card h1,
html[data-event-theme="event-night"] .step-heading h3,
html[data-event-theme="worldcup2026-night"] .step-heading h3{
  color:#ffffff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.28) !important;
}

html[data-event-theme="event-night"] .start-card .start-subtitle,
html[data-event-theme="worldcup2026-night"] .start-card .start-subtitle,
html[data-event-theme="event-night"] .step-heading p,
html[data-event-theme="worldcup2026-night"] .step-heading p{
  color:#dbe7f6 !important;
}

html[data-event-theme="event-night"] .start-logo-wrap,
html[data-event-theme="worldcup2026-night"] .start-logo-wrap,
html[data-event-theme="event-night"] .start-kicker,
html[data-event-theme="worldcup2026-night"] .start-kicker{
  background:#ffffff !important;
  color:var(--icc-12k-blue) !important;
}

html[data-event-theme="event-night"] .start-school-card,
html[data-event-theme="event-night"] .start-info-item,
html[data-event-theme="event-night"] .start-documents,
html[data-event-theme="event-night"] .form-workspace,
html[data-event-theme="event-night"] .cloud-save-strip,
html[data-event-theme="event-night"] .route-select-card,
html[data-event-theme="event-night"] .premium-route-selector,
html[data-event-theme="event-night"] .campus-route-selector,
html[data-event-theme="event-night"] .referral-route-selector,
html[data-event-theme="event-night"] .upload-card,
html[data-event-theme="event-night"] .payment-panel,
html[data-event-theme="event-night"] .assessment-card,
html[data-event-theme="event-night"] .assessment-route-card,
html[data-event-theme="event-night"] .entrance-date-lifeline-card,
html[data-event-theme="event-night"] .selected-session-panel,
html[data-event-theme="event-night"] .exam-integrity-note,
html[data-event-theme="event-night"] .signature-panel,
html[data-event-theme="event-night"] .agreement-version-note,
html[data-event-theme="event-night"] .agreement-card,
html[data-event-theme="worldcup2026-night"] .start-school-card,
html[data-event-theme="worldcup2026-night"] .start-info-item,
html[data-event-theme="worldcup2026-night"] .start-documents,
html[data-event-theme="worldcup2026-night"] .form-workspace,
html[data-event-theme="worldcup2026-night"] .cloud-save-strip,
html[data-event-theme="worldcup2026-night"] .route-select-card,
html[data-event-theme="worldcup2026-night"] .premium-route-selector,
html[data-event-theme="worldcup2026-night"] .campus-route-selector,
html[data-event-theme="worldcup2026-night"] .referral-route-selector,
html[data-event-theme="worldcup2026-night"] .upload-card,
html[data-event-theme="worldcup2026-night"] .payment-panel,
html[data-event-theme="worldcup2026-night"] .assessment-card,
html[data-event-theme="worldcup2026-night"] .assessment-route-card,
html[data-event-theme="worldcup2026-night"] .entrance-date-lifeline-card,
html[data-event-theme="worldcup2026-night"] .selected-session-panel,
html[data-event-theme="worldcup2026-night"] .exam-integrity-note,
html[data-event-theme="worldcup2026-night"] .signature-panel,
html[data-event-theme="worldcup2026-night"] .agreement-version-note,
html[data-event-theme="worldcup2026-night"] .agreement-card{
  background:linear-gradient(180deg,#102f55,#0b2342) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  box-shadow:0 18px 48px rgba(0,0,0,.30) !important;
}

html[data-event-theme="event-night"] .simple-mode .stepper-vertical,
html[data-event-theme="worldcup2026-night"] .simple-mode .stepper-vertical{
  background:linear-gradient(180deg,#071a33,#061426) !important;
  border-right:1px solid rgba(255,255,255,.16) !important;
}

html[data-event-theme="event-night"] .stepper-step,
html[data-event-theme="worldcup2026-night"] .stepper-step{
  color:#d5e1ef !important;
}

html[data-event-theme="event-night"] .stepper-step strong,
html[data-event-theme="worldcup2026-night"] .stepper-step strong{
  color:#f8fafc !important;
}

html[data-event-theme="event-night"] .stepper-step small,
html[data-event-theme="worldcup2026-night"] .stepper-step small{
  color:#b9c7d8 !important;
}

html[data-event-theme="event-night"] .stepper-step.active,
html[data-event-theme="worldcup2026-night"] .stepper-step.active{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.24) !important;
}

html[data-event-theme="event-night"] .start-school-card strong,
html[data-event-theme="event-night"] .start-info-item strong,
html[data-event-theme="event-night"] .start-documents strong,
html[data-event-theme="event-night"] .cloud-save-strip strong,
html[data-event-theme="event-night"] .route-select-card strong,
html[data-event-theme="event-night"] .assessment-card h4,
html[data-event-theme="event-night"] .entrance-date-lifeline-card strong,
html[data-event-theme="event-night"] .agreement-card h4,
html[data-event-theme="event-night"] .signature-panel label,
html[data-event-theme="worldcup2026-night"] .start-school-card strong,
html[data-event-theme="worldcup2026-night"] .start-info-item strong,
html[data-event-theme="worldcup2026-night"] .start-documents strong,
html[data-event-theme="worldcup2026-night"] .cloud-save-strip strong,
html[data-event-theme="worldcup2026-night"] .route-select-card strong,
html[data-event-theme="worldcup2026-night"] .assessment-card h4,
html[data-event-theme="worldcup2026-night"] .entrance-date-lifeline-card strong,
html[data-event-theme="worldcup2026-night"] .agreement-card h4,
html[data-event-theme="worldcup2026-night"] .signature-panel label{
  color:#ffffff !important;
}

html[data-event-theme="event-night"] .start-school-card span,
html[data-event-theme="event-night"] .start-info-item span,
html[data-event-theme="event-night"] .start-documents li,
html[data-event-theme="event-night"] .cloud-save-strip span,
html[data-event-theme="event-night"] .route-helper-grid span,
html[data-event-theme="event-night"] .assessment-card p,
html[data-event-theme="event-night"] .entrance-date-lifeline-card span,
html[data-event-theme="event-night"] .entrance-date-helper,
html[data-event-theme="event-night"] .selected-session-panel span,
html[data-event-theme="event-night"] .exam-integrity-note,
html[data-event-theme="event-night"] .agreement-card p,
html[data-event-theme="event-night"] .agreement-card li,
html[data-event-theme="event-night"] .agreement-check span,
html[data-event-theme="event-night"] .signature-panel small,
html[data-event-theme="worldcup2026-night"] .start-school-card span,
html[data-event-theme="worldcup2026-night"] .start-info-item span,
html[data-event-theme="worldcup2026-night"] .start-documents li,
html[data-event-theme="worldcup2026-night"] .cloud-save-strip span,
html[data-event-theme="worldcup2026-night"] .route-helper-grid span,
html[data-event-theme="worldcup2026-night"] .assessment-card p,
html[data-event-theme="worldcup2026-night"] .entrance-date-lifeline-card span,
html[data-event-theme="worldcup2026-night"] .entrance-date-helper,
html[data-event-theme="worldcup2026-night"] .selected-session-panel span,
html[data-event-theme="worldcup2026-night"] .exam-integrity-note,
html[data-event-theme="worldcup2026-night"] .agreement-card p,
html[data-event-theme="worldcup2026-night"] .agreement-card li,
html[data-event-theme="worldcup2026-night"] .agreement-check span,
html[data-event-theme="worldcup2026-night"] .signature-panel small{
  color:#dbe7f6 !important;
}

html[data-event-theme="event-night"] .route-helper-grid > div,
html[data-event-theme="worldcup2026-night"] .route-helper-grid > div,
html[data-event-theme="event-night"] .agreement-check,
html[data-event-theme="worldcup2026-night"] .agreement-check{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#ffffff !important;
}

html[data-event-theme="event-night"] input,
html[data-event-theme="event-night"] select,
html[data-event-theme="event-night"] textarea,
html[data-event-theme="worldcup2026-night"] input,
html[data-event-theme="worldcup2026-night"] select,
html[data-event-theme="worldcup2026-night"] textarea{
  background:#061426 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.24) !important;
}

html[data-event-theme="event-night"] input::placeholder,
html[data-event-theme="event-night"] textarea::placeholder,
html[data-event-theme="worldcup2026-night"] input::placeholder,
html[data-event-theme="worldcup2026-night"] textarea::placeholder{
  color:#aab8c8 !important;
}

html[data-event-theme="event-night"] input:focus,
html[data-event-theme="event-night"] select:focus,
html[data-event-theme="event-night"] textarea:focus,
html[data-event-theme="worldcup2026-night"] input:focus,
html[data-event-theme="worldcup2026-night"] select:focus,
html[data-event-theme="worldcup2026-night"] textarea:focus{
  border-color:#74b3ff !important;
  box-shadow:0 0 0 3px rgba(116,179,255,.20) !important;
}

@media(max-width:900px){
  .simple-mode .stepper-container{
    grid-template-columns:1fr !important;
  }
  .simple-mode .stepper-vertical{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .admissions-start-page{padding:18px 10px !important;}
  .start-card-inner{padding:24px 18px !important;}
  .simple-mode .admissions-shell{width:min(100% - 18px,720px) !important;}
  .form-workspace,.simple-mode .form-workspace{padding:20px !important;}
  .simple-mode .stepper-vertical{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}


/* ============================================================
   ICC Apply • Professional aligned pathway refinement
   Removes clipart feel, aligns landing-page boxes and gives each
   pathway a distinct polished colour.
   ============================================================ */

/* Start page layout proportions */
.start-card {
  width: min(1180px, 100%) !important;
}

.start-card-inner {
  max-width: 1040px !important;
  margin: 0 auto !important;
}

.start-school-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 28px auto 0 !important;
}

.start-info-grid.premium-pathway-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 26px auto 0 !important;
}

.start-school-card,
.start-info-item {
  min-height: 132px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.start-info-item {
  min-height: 118px !important;
  padding: 18px !important;
}

.start-documents.premium-start-note {
  width: 100% !important;
  max-width: none !important;
  margin: 18px auto 0 !important;
}

.start-documents.premium-start-note ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 28px !important;
  columns: auto !important;
  padding-left: 18px !important;
}

.start-actions.premium-start-actions {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  width: 100% !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

.start-actions.premium-start-actions .start-btn:nth-child(1),
.start-actions.premium-start-actions .start-btn:nth-child(2),
.start-actions.premium-start-actions .start-btn:nth-child(3) {
  grid-column: span 2 !important;
}

.start-actions.premium-start-actions .start-btn:nth-child(4),
.start-actions.premium-start-actions .start-btn:nth-child(5) {
  grid-column: span 3 !important;
}

/* Professional labels instead of emoji/clipart */
.start-school-card .school-icon,
.admissions-shop-icon {
  font-family: Arial, Helvetica, sans-serif !important;
  width: fit-content !important;
  min-width: 42px !important;
  height: 28px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #ffffff, #eef4ff) !important;
  border: 1px solid rgba(0, 59, 112, 0.22) !important;
  color: var(--icc-12k-blue) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
  box-shadow: 0 8px 18px rgba(2, 16, 40, 0.08) !important;
}

/* Subtle distinct labels for the four school-value cards */
.start-school-card:nth-child(1) .school-icon {
  color: #003b70 !important;
  border-color: rgba(0, 59, 112, 0.28) !important;
}
.start-school-card:nth-child(2) .school-icon {
  color: #007a5e !important;
  border-color: rgba(0, 122, 94, 0.28) !important;
}
.start-school-card:nth-child(3) .school-icon {
  color: #7a4d00 !important;
  border-color: rgba(212, 154, 30, 0.34) !important;
}
.start-school-card:nth-child(4) .school-icon {
  color: #9f0f28 !important;
  border-color: rgba(159, 15, 40, 0.28) !important;
}

/* Distinct professional pathway cards */
.start-info-item.pathway-school,
.start-info-item.pathway-summer,
.start-info-item.pathway-internship {
  position: relative !important;
  overflow: hidden !important;
}

.start-info-item.pathway-school::before,
.start-info-item.pathway-summer::before,
.start-info-item.pathway-internship::before {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 5px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;
}

.start-info-item.pathway-school {
  border-top: 3px solid #c8102e !important;
}
.start-info-item.pathway-school::before {
  background: #c8102e !important;
}
.start-info-item.pathway-summer {
  border-top: 3px solid #008a6a !important;
}
.start-info-item.pathway-summer::before {
  background: #008a6a !important;
}
.start-info-item.pathway-internship {
  border-top: 3px solid #d49a1e !important;
}
.start-info-item.pathway-internship::before {
  background: #d49a1e !important;
}

/* Distinct action button colours */
.start-actions .start-btn.school-action,
.start-actions .start-btn.school-action:not(.secondary):not(.manage) {
  background: linear-gradient(180deg, #dc1237 0%, #b80f2b 100%) !important;
  border-color: #a80f28 !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(200, 16, 46, 0.20) !important;
}

.start-actions .start-btn.summer-action,
.start-actions .start-btn.summer,
.start-btn.summer {
  background: linear-gradient(180deg, #00a176 0%, #007a5e 100%) !important;
  border-color: #007a5e !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 138, 106, 0.20) !important;
}

.start-actions .start-btn.internship-action,
.start-actions .start-btn.internship,
.start-btn.internship {
  background: linear-gradient(180deg, #d49a1e 0%, #9a6a12 100%) !important;
  border-color: #9a6a12 !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(212, 154, 30, 0.22) !important;
}

.start-actions .start-btn.school-action:hover,
.start-actions .start-btn.summer-action:hover,
.start-actions .start-btn.internship-action:hover {
  filter: brightness(0.96) !important;
  transform: translateY(-1px) !important;
}

/* Improve night landing arrangement without changing the accepted night feel */
html[data-event-theme="event-night"] .start-school-card,
html[data-event-theme="event-night"] .start-info-item,
html[data-event-theme="worldcup2026-night"] .start-school-card,
html[data-event-theme="worldcup2026-night"] .start-info-item {
  background: linear-gradient(180deg, rgba(16, 47, 85, 0.98), rgba(11, 35, 66, 0.98)) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html[data-event-theme="event-night"] .start-school-card .school-icon,
html[data-event-theme="worldcup2026-night"] .start-school-card .school-icon,
html[data-event-theme="event-night"] .admissions-shop-icon,
html[data-event-theme="worldcup2026-night"] .admissions-shop-icon {
  background: rgba(255,255,255,.96) !important;
  color: #003b70 !important;
  border-color: rgba(255,255,255,.45) !important;
}

html[data-event-theme="event-night"] .start-documents.premium-start-note,
html[data-event-theme="worldcup2026-night"] .start-documents.premium-start-note {
  background: linear-gradient(180deg, rgba(16, 47, 85, 0.98), rgba(11, 35, 66, 0.98)) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Form page card alignment */
.simple-mode .stepper-container {
  grid-template-columns: 230px minmax(0,1fr) !important;
}

.simple-mode .stepper-vertical {
  padding: 28px 16px !important;
}

.simple-mode .form-workspace {
  padding: 32px 36px !important;
}

/* Responsive */
@media (max-width: 980px) {
  .start-school-info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .start-info-grid.premium-pathway-grid {
    grid-template-columns: 1fr !important;
  }

  .start-actions.premium-start-actions {
    grid-template-columns: 1fr !important;
  }

  .start-actions.premium-start-actions .start-btn,
  .start-actions.premium-start-actions .start-btn:nth-child(1),
  .start-actions.premium-start-actions .start-btn:nth-child(2),
  .start-actions.premium-start-actions .start-btn:nth-child(3),
  .start-actions.premium-start-actions .start-btn:nth-child(4),
  .start-actions.premium-start-actions .start-btn:nth-child(5) {
    grid-column: auto !important;
  }

  .start-documents.premium-start-note ul {
    grid-template-columns: 1fr !important;
  }

  .simple-mode .stepper-container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .start-school-info {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   ICC Apply • Remove diagonal white gloss strip
   The previous glossy layer created a bright diagonal white line
   across the landing page. This removes it completely.
   ============================================================ */
.start-card::before,
html[data-event-theme="event-night"] .start-card::before,
html[data-event-theme="worldcup2026-night"] .start-card::before,
html[data-event-theme="event-day"] .start-card::before,
html[data-event-theme="worldcup2026-day"] .start-card::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* Keep the page glossy without the ugly diagonal beam */
.start-card {
  background:
    radial-gradient(700px 260px at 50% -12%, rgba(255,255,255,.08), transparent 70%),
    linear-gradient(180deg, rgba(10,35,66,.98), rgba(6,20,38,.98)) !important;
}

html:not([data-event-theme]) .start-card,
html[data-event-theme="event-day"] .start-card,
html[data-event-theme="worldcup2026-day"] .start-card,
html[data-event-theme="icc-original"] .start-card {
  background:
    radial-gradient(700px 260px at 50% -12%, rgba(255,255,255,.80), transparent 70%),
    linear-gradient(180deg, #ffffff, #f8fbff) !important;
}


/* ============================================================
   ICC Apply • Executive Clean Final Refinement
   Purpose:
   - Daytime: premium white corporate admissions page
   - Night: clean navy, no ugly beam, no clutter
   - Landing page boxes aligned and calmer
   ============================================================ */

/* ---------- DAYTIME LANDING PAGE ---------- */
html:not([data-event-theme]) .admissions-start-page,
html[data-event-theme="event-day"] .admissions-start-page,
html[data-event-theme="worldcup2026-day"] .admissions-start-page,
html[data-event-theme="icc-original"] .admissions-start-page {
  background:
    radial-gradient(820px 420px at 10% 0%, rgba(0, 59, 112, .08), transparent 62%),
    radial-gradient(760px 420px at 96% 0%, rgba(200, 16, 46, .055), transparent 58%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
}

html:not([data-event-theme]) .start-card,
html[data-event-theme="event-day"] .start-card,
html[data-event-theme="worldcup2026-day"] .start-card,
html[data-event-theme="icc-original"] .start-card {
  width: min(1120px, 100%) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .12) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .10) !important;
}

html:not([data-event-theme]) .start-card-inner,
html[data-event-theme="event-day"] .start-card-inner,
html[data-event-theme="worldcup2026-day"] .start-card-inner,
html[data-event-theme="icc-original"] .start-card-inner {
  padding: clamp(28px, 4vw, 46px) !important;
}

html:not([data-event-theme]) .start-card h1,
html[data-event-theme="event-day"] .start-card h1,
html[data-event-theme="worldcup2026-day"] .start-card h1,
html[data-event-theme="icc-original"] .start-card h1 {
  color: #061426 !important;
  font-size: clamp(1.9rem, 3.4vw, 2.85rem) !important;
  font-weight: 650 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
}

html:not([data-event-theme]) .start-card .start-subtitle,
html[data-event-theme="event-day"] .start-card .start-subtitle,
html[data-event-theme="worldcup2026-day"] .start-card .start-subtitle,
html[data-event-theme="icc-original"] .start-card .start-subtitle {
  color: #425066 !important;
  font-size: .98rem !important;
  line-height: 1.55 !important;
  font-weight: 420 !important;
}

html:not([data-event-theme]) .start-school-card,
html:not([data-event-theme]) .start-info-item,
html:not([data-event-theme]) .start-documents,
html[data-event-theme="event-day"] .start-school-card,
html[data-event-theme="event-day"] .start-info-item,
html[data-event-theme="event-day"] .start-documents,
html[data-event-theme="worldcup2026-day"] .start-school-card,
html[data-event-theme="worldcup2026-day"] .start-info-item,
html[data-event-theme="worldcup2026-day"] .start-documents,
html[data-event-theme="icc-original"] .start-school-card,
html[data-event-theme="icc-original"] .start-info-item,
html[data-event-theme="icc-original"] .start-documents {
  background: #ffffff !important;
  border: 1px solid #d7dee8 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .055) !important;
}

html:not([data-event-theme]) .start-school-card,
html[data-event-theme="event-day"] .start-school-card,
html[data-event-theme="worldcup2026-day"] .start-school-card,
html[data-event-theme="icc-original"] .start-school-card {
  min-height: 128px !important;
  padding: 18px !important;
}

html:not([data-event-theme]) .start-info-item,
html[data-event-theme="event-day"] .start-info-item,
html[data-event-theme="worldcup2026-day"] .start-info-item,
html[data-event-theme="icc-original"] .start-info-item {
  min-height: 112px !important;
  padding: 18px !important;
}

html:not([data-event-theme]) .start-school-card strong,
html:not([data-event-theme]) .start-info-item strong,
html:not([data-event-theme]) .start-documents strong,
html[data-event-theme="event-day"] .start-school-card strong,
html[data-event-theme="event-day"] .start-info-item strong,
html[data-event-theme="event-day"] .start-documents strong,
html[data-event-theme="worldcup2026-day"] .start-school-card strong,
html[data-event-theme="worldcup2026-day"] .start-info-item strong,
html[data-event-theme="worldcup2026-day"] .start-documents strong,
html[data-event-theme="icc-original"] .start-school-card strong,
html[data-event-theme="icc-original"] .start-info-item strong,
html[data-event-theme="icc-original"] .start-documents strong {
  color: #071426 !important;
  font-weight: 650 !important;
}

html:not([data-event-theme]) .start-school-card span,
html:not([data-event-theme]) .start-info-item span,
html:not([data-event-theme]) .start-documents li,
html[data-event-theme="event-day"] .start-school-card span,
html[data-event-theme="event-day"] .start-info-item span,
html[data-event-theme="event-day"] .start-documents li,
html[data-event-theme="worldcup2026-day"] .start-school-card span,
html[data-event-theme="worldcup2026-day"] .start-info-item span,
html[data-event-theme="worldcup2026-day"] .start-documents li,
html[data-event-theme="icc-original"] .start-school-card span,
html[data-event-theme="icc-original"] .start-info-item span,
html[data-event-theme="icc-original"] .start-documents li {
  color: #475569 !important;
  font-weight: 420 !important;
}

/* ---------- LANDING PAGE ALIGNMENT ---------- */
.start-school-info {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.start-info-grid.premium-pathway-grid {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.start-documents.premium-start-note {
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.start-actions.premium-start-actions {
  width: 100% !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------- PROFESSIONAL PATHWAY COLOURS ---------- */
.start-actions .start-btn.school-action {
  background: linear-gradient(180deg, #d31235, #a90f28) !important;
  border-color: #a90f28 !important;
}

.start-actions .start-btn.summer-action {
  background: linear-gradient(180deg, #00a176, #006f56) !important;
  border-color: #006f56 !important;
}

.start-actions .start-btn.internship-action {
  background: linear-gradient(180deg, #d49a1e, #8f620f) !important;
  border-color: #8f620f !important;
}

.start-btn.secondary,
.start-actions .start-btn.secondary,
.start-actions .start-btn.manage,
.start-actions a.start-btn.manage {
  background: #ffffff !important;
  color: #003b70 !important;
  border: 1px solid #cbd5e1 !important;
}

/* ---------- DAYTIME APPLICATION FORM ---------- */
html:not([data-event-theme]) body.application-started,
html[data-event-theme="event-day"] body.application-started,
html[data-event-theme="worldcup2026-day"] body.application-started,
html[data-event-theme="icc-original"] body.application-started {
  background:
    radial-gradient(900px 480px at 8% 0%, rgba(0, 59, 112, .075), transparent 62%),
    linear-gradient(180deg, #f8fafc, #eef3f8) !important;
}

html:not([data-event-theme]) .premium-form-card,
html[data-event-theme="event-day"] .premium-form-card,
html[data-event-theme="worldcup2026-day"] .premium-form-card,
html[data-event-theme="icc-original"] .premium-form-card {
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .10) !important;
}

html:not([data-event-theme]) .simple-mode .stepper-vertical,
html[data-event-theme="event-day"] .simple-mode .stepper-vertical,
html[data-event-theme="worldcup2026-day"] .simple-mode .stepper-vertical,
html[data-event-theme="icc-original"] .simple-mode .stepper-vertical {
  background: #f8fafc !important;
}

html:not([data-event-theme]) .form-workspace,
html[data-event-theme="event-day"] .form-workspace,
html[data-event-theme="worldcup2026-day"] .form-workspace,
html[data-event-theme="icc-original"] .form-workspace {
  background: #ffffff !important;
}

html:not([data-event-theme]) .route-select-card,
html:not([data-event-theme]) .cloud-save-strip,
html:not([data-event-theme]) .upload-card,
html:not([data-event-theme]) .payment-panel,
html:not([data-event-theme]) .assessment-card,
html:not([data-event-theme]) .entrance-date-lifeline-card,
html:not([data-event-theme]) .agreement-card,
html[data-event-theme="event-day"] .route-select-card,
html[data-event-theme="event-day"] .cloud-save-strip,
html[data-event-theme="event-day"] .upload-card,
html[data-event-theme="event-day"] .payment-panel,
html[data-event-theme="event-day"] .assessment-card,
html[data-event-theme="event-day"] .entrance-date-lifeline-card,
html[data-event-theme="event-day"] .agreement-card,
html[data-event-theme="worldcup2026-day"] .route-select-card,
html[data-event-theme="worldcup2026-day"] .cloud-save-strip,
html[data-event-theme="worldcup2026-day"] .upload-card,
html[data-event-theme="worldcup2026-day"] .payment-panel,
html[data-event-theme="worldcup2026-day"] .assessment-card,
html[data-event-theme="worldcup2026-day"] .entrance-date-lifeline-card,
html[data-event-theme="worldcup2026-day"] .agreement-card,
html[data-event-theme="icc-original"] .route-select-card,
html[data-event-theme="icc-original"] .cloud-save-strip,
html[data-event-theme="icc-original"] .upload-card,
html[data-event-theme="icc-original"] .payment-panel,
html[data-event-theme="icc-original"] .assessment-card,
html[data-event-theme="icc-original"] .entrance-date-lifeline-card,
html[data-event-theme="icc-original"] .agreement-card {
  background: #ffffff !important;
  border-color: #d7dee8 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05) !important;
}

/* ---------- NIGHT CLEANUP: KEEP NAVY, REMOVE VISUAL NOISE ---------- */
html[data-event-theme="event-night"] .start-card,
html[data-event-theme="worldcup2026-night"] .start-card {
  background:
    radial-gradient(700px 260px at 50% -14%, rgba(255,255,255,.10), transparent 70%),
    linear-gradient(180deg, #0b2342, #061426) !important;
}

html[data-event-theme="event-night"] .start-card::before,
html[data-event-theme="worldcup2026-night"] .start-card::before {
  display: none !important;
  content: none !important;
}

html[data-event-theme="event-night"] .start-school-card,
html[data-event-theme="event-night"] .start-info-item,
html[data-event-theme="event-night"] .start-documents,
html[data-event-theme="worldcup2026-night"] .start-school-card,
html[data-event-theme="worldcup2026-night"] .start-info-item,
html[data-event-theme="worldcup2026-night"] .start-documents {
  background: linear-gradient(180deg, #102f55, #0b2342) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width: 920px){
  .start-school-info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width: 640px){
  .start-school-info,
  .start-info-grid.premium-pathway-grid,
  .start-documents.premium-start-note ul,
  .start-actions.premium-start-actions {
    grid-template-columns: 1fr !important;
  }

  .start-card-inner {
    padding: 24px 18px !important;
  }
}


/* ============================================================
   ICC Apply • Better night landing + clear form instructions
   ============================================================ */

.form-guide-panel {
  max-width: 980px !important;
  padding: 18px !important;
}

.form-guide-panel > strong {
  display: block !important;
  margin-bottom: 14px !important;
  font-size: 1rem !important;
}

.form-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.form-guide-item {
  position: relative !important;
  min-height: 118px !important;
  padding: 15px 15px 15px 18px !important;
  border-radius: 14px !important;
  border: 1px solid #d7dee8 !important;
  background: #ffffff !important;
}

.form-guide-item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: #c8102e !important;
}

.form-guide-item.summer-guide::before {
  background: #008a6a !important;
}

.form-guide-item.internship-guide::before {
  background: #d49a1e !important;
}

.form-guide-item span {
  display: block !important;
  color: #071426 !important;
  font-size: .86rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-bottom: 7px !important;
}

.form-guide-item p {
  margin: 0 !important;
  color: #475569 !important;
  font-size: .78rem !important;
  line-height: 1.48 !important;
  font-weight: 430 !important;
}

/* Better night landing: calmer, cleaner, more premium */
html[data-event-theme="event-night"] .admissions-start-page,
html[data-event-theme="worldcup2026-night"] .admissions-start-page {
  background:
    radial-gradient(680px 380px at 50% -8%, rgba(116, 179, 255, .18), transparent 70%),
    radial-gradient(760px 460px at 7% 8%, rgba(0, 138, 106, .11), transparent 60%),
    radial-gradient(760px 460px at 98% 12%, rgba(200, 16, 46, .10), transparent 60%),
    linear-gradient(180deg, #051225 0%, #061a31 56%, #04101f 100%) !important;
}

html[data-event-theme="event-night"] .start-card,
html[data-event-theme="worldcup2026-night"] .start-card {
  width: min(1140px, 100%) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(660px 260px at 50% -12%, rgba(255,255,255,.095), transparent 70%),
    linear-gradient(180deg, rgba(11,35,66,.985), rgba(4,16,31,.99)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 40px 110px rgba(0,0,0,.48) !important;
}

html[data-event-theme="event-night"] .start-top-band,
html[data-event-theme="worldcup2026-night"] .start-top-band {
  height: 5px !important;
  background: linear-gradient(90deg, #c8102e 0%, #005eb8 48%, #008a6a 100%) !important;
  opacity: .96 !important;
}

html[data-event-theme="event-night"] .start-card h1,
html[data-event-theme="worldcup2026-night"] .start-card h1 {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
}

html[data-event-theme="event-night"] .start-card .start-subtitle,
html[data-event-theme="worldcup2026-night"] .start-card .start-subtitle {
  color: #d9e6f7 !important;
  font-weight: 430 !important;
}

html[data-event-theme="event-night"] .start-school-card,
html[data-event-theme="event-night"] .start-info-item,
html[data-event-theme="event-night"] .form-guide-panel,
html[data-event-theme="worldcup2026-night"] .start-school-card,
html[data-event-theme="worldcup2026-night"] .start-info-item,
html[data-event-theme="worldcup2026-night"] .form-guide-panel {
  background: linear-gradient(180deg, rgba(16,47,85,.96), rgba(9,29,55,.96)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.24) !important;
}

html[data-event-theme="event-night"] .start-school-card strong,
html[data-event-theme="event-night"] .start-info-item strong,
html[data-event-theme="event-night"] .form-guide-panel > strong,
html[data-event-theme="worldcup2026-night"] .start-school-card strong,
html[data-event-theme="worldcup2026-night"] .start-info-item strong,
html[data-event-theme="worldcup2026-night"] .form-guide-panel > strong {
  color: #ffffff !important;
}

html[data-event-theme="event-night"] .start-school-card span,
html[data-event-theme="event-night"] .start-info-item span,
html[data-event-theme="worldcup2026-night"] .start-school-card span,
html[data-event-theme="worldcup2026-night"] .start-info-item span {
  color: #d7e4f5 !important;
}

html[data-event-theme="event-night"] .form-guide-item,
html[data-event-theme="worldcup2026-night"] .form-guide-item {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: none !important;
}

html[data-event-theme="event-night"] .form-guide-item span,
html[data-event-theme="worldcup2026-night"] .form-guide-item span {
  color: #ffffff !important;
}

html[data-event-theme="event-night"] .form-guide-item p,
html[data-event-theme="worldcup2026-night"] .form-guide-item p {
  color: #d7e4f5 !important;
}

html[data-event-theme="event-night"] .start-school-card .school-icon,
html[data-event-theme="worldcup2026-night"] .start-school-card .school-icon {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.38) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.18) !important;
}

html[data-event-theme="event-night"] .start-school-link,
html[data-event-theme="worldcup2026-night"] .start-school-link,
html[data-event-theme="event-night"] .start-btn.secondary,
html[data-event-theme="event-night"] .start-actions .start-btn.secondary,
html[data-event-theme="event-night"] .start-actions .start-btn.manage,
html[data-event-theme="event-night"] .start-actions a.start-btn.manage,
html[data-event-theme="worldcup2026-night"] .start-btn.secondary,
html[data-event-theme="worldcup2026-night"] .start-actions .start-btn.secondary,
html[data-event-theme="worldcup2026-night"] .start-actions .start-btn.manage,
html[data-event-theme="worldcup2026-night"] .start-actions a.start-btn.manage {
  background: #ffffff !important;
  color: #003b70 !important;
  border-color: rgba(255,255,255,.72) !important;
}

/* Better proportions after removing the old note */
.start-school-info,
.start-info-grid.premium-pathway-grid,
.form-guide-panel,
.start-actions.premium-start-actions {
  max-width: 980px !important;
}

.start-info-grid.premium-pathway-grid {
  margin-top: 24px !important;
}

.form-guide-panel {
  margin-top: 18px !important;
}

.start-actions.premium-start-actions {
  margin-top: 22px !important;
}

@media(max-width: 900px) {
  .form-guide-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   ICC Apply • Neat Aligned Boxes Final
   Aligns every landing-page row into clean equal-width boxes.
   Removes duplicate badge appearance.
   ============================================================ */

.start-card-inner {
  max-width: 1080px !important;
  margin: 0 auto !important;
}

.start-school-info,
.start-info-grid.premium-pathway-grid,
.form-guide-panel,
.start-actions.premium-start-actions {
  width: 100% !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Row 1: four equal information cards */
.start-school-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  margin-top: 30px !important;
}

.start-school-card {
  min-height: 158px !important;
  height: 100% !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

/* Professional badge: one label only */
.start-school-card .school-icon,
.start-school-card .school-icon span,
.admissions-shop-icon,
.admissions-shop-icon span {
  font-family: Arial, Helvetica, sans-serif !important;
}

.start-school-card .school-icon {
  width: auto !important;
  min-width: 54px !important;
  max-width: none !important;
  height: 30px !important;
  padding: 0 10px !important;
  margin: 0 0 14px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  border: 1px solid rgba(203, 213, 225, .92) !important;
  box-shadow: 0 6px 14px rgba(2, 16, 40, .10) !important;
  overflow: hidden !important;
  color: #003b70 !important;
  line-height: 1 !important;
  font-size: 0 !important;
}

.start-school-card .school-icon span {
  display: inline-block !important;
  color: inherit !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
}

.start-school-card .school-icon::before,
.start-school-card .school-icon::after,
.admissions-shop-icon::before,
.admissions-shop-icon::after {
  display: none !important;
  content: none !important;
}

.start-school-card strong {
  min-height: 22px !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
  font-size: .95rem !important;
  line-height: 1.25 !important;
}

.start-school-card span:not(.school-icon span) {
  margin: 0 !important;
  display: block !important;
  font-size: .84rem !important;
  line-height: 1.48 !important;
}

/* Learn more button spacing */
.start-school-link-row {
  margin: 18px auto 0 !important;
}

/* Row 2: three equal pathway boxes */
.start-info-grid.premium-pathway-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin-top: 28px !important;
}

.start-info-item {
  min-height: 132px !important;
  height: 100% !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.start-info-item::before {
  flex: 0 0 auto !important;
  width: 56px !important;
  height: 5px !important;
  margin: 0 0 16px 0 !important;
}

.start-info-item strong {
  min-height: 22px !important;
  margin: 0 0 8px 0 !important;
  font-size: .95rem !important;
  line-height: 1.25 !important;
}

.start-info-item span {
  margin: 0 !important;
  font-size: .84rem !important;
  line-height: 1.48 !important;
}

/* Row 3: instruction panel aligned with clean internal cards */
.form-guide-panel {
  margin-top: 20px !important;
  padding: 20px !important;
  border-radius: 18px !important;
}

.form-guide-panel > strong {
  margin: 0 0 16px 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
}

.form-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.form-guide-item {
  min-height: 146px !important;
  height: 100% !important;
  padding: 18px 16px 16px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.form-guide-item span {
  min-height: 22px !important;
  margin: 0 0 8px 0 !important;
  font-size: .95rem !important;
  line-height: 1.25 !important;
}

.form-guide-item p {
  margin: 0 !important;
  font-size: .83rem !important;
  line-height: 1.5 !important;
}

/* Row 4: action buttons align exactly with rows above */
.start-actions.premium-start-actions {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-top: 24px !important;
}

.start-actions.premium-start-actions .start-btn {
  min-height: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  white-space: normal !important;
  text-align: center !important;
}

.start-actions.premium-start-actions .start-btn:nth-child(1),
.start-actions.premium-start-actions .start-btn:nth-child(2),
.start-actions.premium-start-actions .start-btn:nth-child(3) {
  grid-column: span 2 !important;
}

.start-actions.premium-start-actions .start-btn:nth-child(4),
.start-actions.premium-start-actions .start-btn:nth-child(5) {
  grid-column: span 3 !important;
}

/* Make night mode boxes visually equal and not floating */
html[data-event-theme="event-night"] .start-school-info,
html[data-event-theme="event-night"] .start-info-grid.premium-pathway-grid,
html[data-event-theme="event-night"] .form-guide-panel,
html[data-event-theme="event-night"] .start-actions.premium-start-actions,
html[data-event-theme="worldcup2026-night"] .start-school-info,
html[data-event-theme="worldcup2026-night"] .start-info-grid.premium-pathway-grid,
html[data-event-theme="worldcup2026-night"] .form-guide-panel,
html[data-event-theme="worldcup2026-night"] .start-actions.premium-start-actions {
  max-width: 1040px !important;
}

html[data-event-theme="event-night"] .start-school-card,
html[data-event-theme="event-night"] .start-info-item,
html[data-event-theme="event-night"] .form-guide-item,
html[data-event-theme="worldcup2026-night"] .start-school-card,
html[data-event-theme="worldcup2026-night"] .start-info-item,
html[data-event-theme="worldcup2026-night"] .form-guide-item {
  border-color: rgba(255,255,255,.18) !important;
}

html[data-event-theme="event-night"] .start-school-card .school-icon,
html[data-event-theme="worldcup2026-night"] .start-school-card .school-icon {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.42) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

/* Mobile/tablet alignment */
@media(max-width: 980px) {
  .start-school-info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .start-info-grid.premium-pathway-grid,
  .form-guide-grid {
    grid-template-columns: 1fr !important;
  }

  .start-actions.premium-start-actions {
    grid-template-columns: 1fr !important;
  }

  .start-actions.premium-start-actions .start-btn,
  .start-actions.premium-start-actions .start-btn:nth-child(1),
  .start-actions.premium-start-actions .start-btn:nth-child(2),
  .start-actions.premium-start-actions .start-btn:nth-child(3),
  .start-actions.premium-start-actions .start-btn:nth-child(4),
  .start-actions.premium-start-actions .start-btn:nth-child(5) {
    grid-column: auto !important;
  }
}

@media(max-width: 640px) {
  .start-school-info {
    grid-template-columns: 1fr !important;
  }

  .start-school-card,
  .start-info-item,
  .form-guide-item {
    min-height: auto !important;
  }
}


/* ============================================================
   ICC Apply • Return Home Tab
   Small fixed tab to return from School Application,
   Summer School or Internship back to the main application home.
   ============================================================ */

.icc-application-home-tab {
  display: none !important;
  position: fixed !important;
  left: 18px !important;
  top: 150px !important;
  z-index: 1200 !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #003b70 !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.12) !important;
  backdrop-filter: blur(12px) !important;
}

body.application-started .icc-application-home-tab,
body.summer-application-started .icc-application-home-tab,
body.internship-application-started .icc-application-home-tab {
  display: inline-flex !important;
}

.icc-application-home-tab:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(0,59,112,.35) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.16) !important;
}

html[data-event-theme="event-night"] .icc-application-home-tab,
html[data-event-theme="worldcup2026-night"] .icc-application-home-tab {
  background: rgba(255,255,255,.96) !important;
  color: #003b70 !important;
  border-color: rgba(255,255,255,.62) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.34) !important;
}

@media (max-width: 900px) {
  .icc-application-home-tab {
    top: auto !important;
    left: 12px !important;
    bottom: 14px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    font-size: 0.76rem !important;
  }
}

@media (max-width: 520px) {
  .icc-application-home-tab {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
  }
}