/**
 * IISAUH THEME2026 — Admission Process Page Stylesheet (Redesigned 2026 Edition)
 *
 * Modern Gradient Header, Animated Admission-to-Graduation Pathway,
 * Elevated Glassmorphic Roadmap, Triple Mini-Milestones, Document Verification Hub,
 * Regional Transfer Center & Direct Admissions Help Desk.
 *
 * @package IISAUH_Theme2026
 */

/* --------------------------------------------------------------------------
   1. Admission Hero Section & Interactive Pathway Header
   -------------------------------------------------------------------------- */
.admission-hero {
	position: relative;
	background: 
		radial-gradient(ellipse at 88% 18%, rgba(2, 196, 174, 0.22) 0%, transparent 50%),
		radial-gradient(ellipse at 12% 82%, rgba(56, 189, 248, 0.18) 0%, transparent 48%),
		radial-gradient(ellipse at 65% 75%, rgba(245, 158, 11, 0.08) 0%, transparent 38%),
		linear-gradient(135deg, #051527 0%, #0a2847 38%, #0e3b66 72%, #124d78 100%);
	padding: clamp(45px, 5vw, 65px) 0 clamp(40px, 5vw, 55px);
	overflow: hidden;
	color: #ffffff;
}

.admission-hero__backdrop {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.admission-hero__pattern-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	animation: admissionPatternDrift 45s linear infinite;
}

@keyframes admissionPatternDrift {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(-20px) translateX(15px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

.admission-hero__container {
	position: relative;
	z-index: 2;
	width: min(100%, var(--container-max));
	max-width: var(--container-max);
	margin: 0 auto;
	padding: 0 var(--gutter);
	box-sizing: border-box;
}

.admission-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	align-items: center;
	gap: 36px;
}

.admission-hero__title-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.admission-hero__notice {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.admission-hero__notice-text {
	font-size: clamp(13px, 1.1vw, 14.5px);
	font-weight: 500;
	color: rgba(255, 255, 255, 0.92);
	line-height: 1.4;
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.admission-hero__notice-year {
	color: #38bdf8;
	font-weight: 700;
	letter-spacing: 0.3px;
}

/* Right Column: Student Pathway Showcase */
.admission-hero__journey-showcase {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.admission-hero__journey-showcase:hover {
	border: none;
	background: transparent;
	box-shadow: none;
}

.admission-journey__track {
	position: relative;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.admission-journey__line {
	position: absolute;
	top: 50%;
	left: 4%;
	right: 4%;
	width: 92%;
	height: 45px;
	transform: translateY(-50%);
	z-index: 1;
	pointer-events: none;
}

.journey-dash-anim {
	animation: journeyDashPulse 3s linear infinite;
}

@keyframes journeyDashPulse {
	to {
		stroke-dashoffset: -28;
	}
}

.admission-journey__node {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	animation: journeyNodeFloat 4s ease-in-out infinite;
}

.admission-journey__node--1 { animation-delay: 0s; }
.admission-journey__node--2 { animation-delay: 1s; }
.admission-journey__node--3 { animation-delay: 2s; }
.admission-journey__node--4 { animation-delay: 3s; }

@keyframes journeyNodeFloat {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

.journey-node-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(12, 38, 64, 0.9);
	backdrop-filter: blur(8px);
	border: 1.6px solid #38bdf8;
	color: #38bdf8;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35), inset 0 0 8px rgba(56, 189, 248, 0.2);
	transition: all 0.3s ease;
}

.journey-node-icon--gold {
	border-color: #f59e0b;
	color: #f59e0b;
	box-shadow: 0 4px 18px rgba(245, 158, 11, 0.45), inset 0 0 10px rgba(245, 158, 11, 0.3);
}

.journey-node-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #e0f2fe;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
	white-space: nowrap;
}

.journey-node-label--gold {
	color: #fde68a;
}

/* --------------------------------------------------------------------------
   2. REDESIGNED ADMISSION SECTION CONTAINER & MODERN PATTERN BACKDROP
   -------------------------------------------------------------------------- */
.adm-section {
	position: relative;
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 45%, #ffffff 100%);
	padding: 50px 0 100px;
	min-height: 900px;
	overflow: hidden;
}

.adm-section__pattern {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 1;
}

.adm-section__pattern-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0.95;
	animation: admPatternDrift 60s linear infinite;
}

@keyframes admPatternDrift {
	0% {
		transform: translateY(0) translateX(0);
	}
	50% {
		transform: translateY(-15px) translateX(10px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

.adm-section__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(90px);
	pointer-events: none;
	opacity: 0.45;
}

.adm-section__orb--1 {
	top: 8%;
	left: -8%;
	width: 550px;
	height: 550px;
	background: radial-gradient(circle, rgba(56, 189, 248, 0.14) 0%, rgba(2, 132, 199, 0) 70%);
}

.adm-section__orb--2 {
	top: 48%;
	right: -8%;
	width: 650px;
	height: 650px;
	background: radial-gradient(circle, rgba(0, 196, 174, 0.1) 0%, rgba(2, 132, 199, 0) 70%);
}

.adm-container {
	position: relative;
	z-index: 2;
	width: min(100%, var(--container-max));
	max-width: var(--container-max);
	margin: 0 auto;
	padding: 0 var(--gutter);
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   3. Live Floating Registration Announcement Strip
   -------------------------------------------------------------------------- */
.adm-announcement-strip {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: #ffffff;
	border: 1px solid #bae6fd;
	border-radius: 50px;
	padding: 10px 22px;
	box-shadow: 0 4px 18px rgba(2, 132, 199, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02);
	margin-bottom: 36px;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.adm-announcement-strip:hover {
	border-color: #38bdf8;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(2, 132, 199, 0.14);
}

.adm-live-pulse-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	animation: admPulseLive 1.8s infinite;
	flex-shrink: 0;
}

@keyframes admPulseLive {
	0% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
	}
}

.adm-announcement-strip__text {
	font-size: clamp(13.5px, 1.1vw, 15px);
	font-weight: 600;
	color: #0f172a;
	line-height: 1.5;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.adm-announcement-strip__year {
	color: #0284c7;
	font-weight: 800;
	background: #e0f2fe;
	border: 1px solid #bae6fd;
	padding: 2px 9px;
	border-radius: 6px;
	font-size: 0.95em;
	letter-spacing: 0.3px;
}

/* --------------------------------------------------------------------------
   4. Interactive Roadmap Timeline (Step 1, Step 2, Step 3)
   -------------------------------------------------------------------------- */
.adm-roadmap {
	display: flex;
	flex-direction: column;
	gap: 36px;
	margin-bottom: 50px;
}

.adm-step-block {
	display: flex;
	align-items: stretch;
	gap: 28px;
	position: relative;
}

.adm-step-sidebar {
	flex-shrink: 0;
	width: 72px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.adm-step-number-pill {
	width: 68px;
	height: 68px;
	border-radius: 20px;
	background: linear-gradient(135deg, #0f172a 0%, #0369a1 100%);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35), 0 0 0 4px #ffffff;
	z-index: 2;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.adm-step-block:hover .adm-step-number-pill {
	transform: scale(1.08) translateY(-2px);
	box-shadow: 0 12px 30px rgba(2, 132, 199, 0.5), 0 0 0 4px #ffffff;
}

.adm-step-num {
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	color: #38bdf8;
}

.adm-step-lbl {
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	opacity: 0.85;
	margin-top: 2px;
}

.adm-step-number-pill--icon {
	color: #38bdf8;
	flex-direction: row;
}

.adm-step-number-pill--icon svg {
	width: 26px;
	height: 26px;
}

.adm-step-block--remember .adm-highlight-card,
.adm-step-block--bottom .adm-bottom-grid {
	flex: 1;
	min-width: 0;
	margin-bottom: 0;
}

.adm-step-line {
	position: absolute;
	top: 72px;
	bottom: -40px;
	width: 4px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(180deg, #0284c7 0%, #38bdf8 30%, #00c4ae 65%, #0284c7 100%);
	background-size: 100% 250%;
	border-radius: 4px;
	z-index: 1;
	animation: admLineStream 2.5s linear infinite;
	box-shadow: 0 0 10px rgba(56, 189, 248, 0.45);
	overflow: visible;
}

@keyframes admLineStream {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 0% 250%;
	}
}

/* Glowing traveling laser energy pulse */
.adm-step-line::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 32px;
	border-radius: 12px;
	background: linear-gradient(180deg, transparent 0%, #ffffff 50%, #38bdf8 100%);
	box-shadow: 0 0 14px #38bdf8, 0 0 24px rgba(2, 132, 199, 0.9), 0 0 4px #ffffff;
	animation: admLaserPulse 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes admLaserPulse {
	0% {
		top: 0%;
		opacity: 0;
		transform: translateX(-50%) scaleY(0.4);
	}
	15% {
		opacity: 1;
		transform: translateX(-50%) scaleY(1.2);
	}
	85% {
		opacity: 1;
		transform: translateX(-50%) scaleY(1.2);
	}
	100% {
		top: 96%;
		opacity: 0;
		transform: translateX(-50%) scaleY(0.4);
	}
}

.adm-step-content-box {
	flex: 1;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	padding: 28px 32px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
}

.adm-step-content-box:hover {
	border-color: #cbd5e1;
	box-shadow: 0 12px 32px rgba(2, 132, 199, 0.08);
	transform: translateY(-2px);
}

.adm-step-header {
	margin-bottom: 18px;
}

.adm-step-tag {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 50px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.adm-step-tag--cyan { background: #e0f2fe; color: #0284c7; }
.adm-step-tag--blue { background: #eff6ff; color: #2563eb; }
.adm-step-tag--emerald { background: #ecfdf5; color: #059669; }

.adm-step-heading {
	font-size: clamp(17px, 1.4vw, 20px);
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	letter-spacing: -0.2px;
}

.adm-step-desc {
	font-size: 14.5px;
	line-height: 1.65;
	color: #475569;
	margin: 0 0 20px 0;
}

/* --------------------------------------------------------------------------
   5. Step 1: 2-Column Split & EOI Action Portal Box
   -------------------------------------------------------------------------- */
.adm-step-content-box--split {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 28px;
	align-items: stretch;
}

.adm-step-split__left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.adm-step-split__right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.adm-eoi-visual-card {
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f8fafc 100%);
	border-radius: 16px;
	padding: 20px 22px;
	color: #0f172a;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(2, 132, 199, 0.08), inset 0 0 16px rgba(255, 255, 255, 0.8);
	border: 1px solid #bae6fd;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	height: 100%;
	box-sizing: border-box;
}

.adm-eoi-visual-card::before {
	content: '';
	position: absolute;
	top: -30px;
	right: -30px;
	width: 140px;
	height: 140px;
	background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.adm-eoi-visual-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.adm-eoi-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #0284c7;
	color: #ffffff;
	padding: 4px 12px;
	border-radius: 50px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
}

.adm-eoi-timing {
	font-size: 11.5px;
	font-weight: 700;
	color: #0369a1;
	background: rgba(255, 255, 255, 0.85);
	padding: 3px 8px;
	border-radius: 6px;
	border: 1px solid #bae6fd;
}

.adm-eoi-feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.adm-eoi-feature-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.adm-eoi-feature-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.adm-eoi-feature-icon--blue {
	background: #e0f2fe;
	color: #0284c7;
	border: 1px solid #bae6fd;
}

.adm-eoi-feature-icon--teal {
	background: #ccfbf1;
	color: #0f766e;
	border: 1px solid #99f6e4;
}

.adm-eoi-feature-icon--emerald {
	background: #dcfce7;
	color: #15803d;
	border: 1px solid #bbf7d0;
}

.adm-eoi-feature-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.adm-eoi-feature-text strong {
	font-size: 12.5px;
	font-weight: 700;
	color: #0f172a;
}

.adm-eoi-feature-text span {
	font-size: 11.5px;
	color: #475569;
	line-height: 1.45;
}

.adm-eoi-visual-card__footer {
	padding-top: 10px;
	border-top: 1px solid #bae6fd;
	position: relative;
	z-index: 1;
}

.adm-eoi-secure-badge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	color: #0369a1;
	font-weight: 600;
}

.adm-action-portal {
	background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 100%);
	border: 1.5px dashed #93c5fd;
	border-radius: 16px;
	padding: 18px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	transition: background 0.3s ease;
}

.adm-action-portal:hover {
	background: #f0f9ff;
	border-color: #3b82f6;
}

.adm-action-portal__info {
	display: flex;
	align-items: center;
	gap: 16px;
}

.adm-action-portal__icon {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #0284c7;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.3);
}

.adm-action-portal__title {
	font-size: 15.5px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 2px 0;
}

.adm-action-portal__sub {
	font-size: 12.5px;
	color: #64748b;
}

.adm-btn-portal {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #0f172a;
	color: #ffffff !important;
	padding: 10px 24px;
	border-radius: 50px;
	font-size: 13.5px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-decoration: none !important;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25);
	transition: all 0.25s ease;
}

.adm-btn-portal:hover {
	background: #0284c7;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4);
}

/* --------------------------------------------------------------------------
   6. Step 2: Triplet Stage Cards
   -------------------------------------------------------------------------- */
.adm-cards-triplet {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.adm-triplet-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 22px 20px;
	display: flex;
	flex-direction: column;
	transition: all 0.25s ease;
}

.adm-triplet-card:hover {
	background: #ffffff;
	border-color: #93c5fd;
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(2, 132, 199, 0.08);
}

.adm-triplet-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}

.adm-triplet-card__icon--1 { background: #e0f2fe; color: #0284c7; }
.adm-triplet-card__icon--2 { background: #eff6ff; color: #2563eb; }
.adm-triplet-card__icon--3 { background: #ecfdf5; color: #059669; }

.adm-triplet-card__stage {
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	color: #64748b;
	letter-spacing: 0.4px;
	margin-bottom: 8px;
}

.adm-triplet-card__text {
	font-size: 13.5px;
	line-height: 1.6;
	color: #334155;
	margin: 0;
}

/* --------------------------------------------------------------------------
   7. Step 3: Document Verification Hub (Student & Parents Checklists)
   -------------------------------------------------------------------------- */
.adm-docs-hub {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.adm-doc-col {
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 18px;
	padding: 24px;
	transition: all 0.25s ease;
}

.adm-doc-col--student:hover {
	background: #ffffff;
	border-color: #38bdf8;
	box-shadow: 0 10px 30px rgba(56, 189, 248, 0.12);
}

.adm-doc-col--parents:hover {
	background: #ffffff;
	border-color: #10b981;
	box-shadow: 0 10px 30px rgba(16, 185, 129, 0.12);
}

.adm-doc-col__header {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid #e2e8f0;
}

.adm-doc-col__icon-wrap {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.adm-doc-col__icon-wrap--student { background: #e0f2fe; color: #0284c7; }
.adm-doc-col__icon-wrap--parents { background: #ecfdf5; color: #059669; }

.adm-doc-col__title {
	font-size: 15px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 2px 0;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.adm-doc-col__badge {
	font-size: 11.5px;
	font-weight: 700;
	color: #64748b;
}

.adm-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.adm-checklist__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.55;
	color: #334155;
}

.adm-check-icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.adm-check-icon--student {
	background: #e0f2fe;
	color: #0284c7;
}

.adm-check-icon--parents {
	background: #ecfdf5;
	color: #059669;
}

/* --------------------------------------------------------------------------
   8. Things to Remember (Grade 2+ Transfer Guidelines Hub - Modern Edition)
   -------------------------------------------------------------------------- */
.adm-highlight-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 22px;
	padding: 34px 38px;
	margin-bottom: 50px;
	box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
	position: relative;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.adm-highlight-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 14px 38px rgba(15, 23, 42, 0.07);
}

.adm-highlight-card__header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 12px;
}

.adm-highlight-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: linear-gradient(135deg, #0f172a 0%, #0369a1 100%);
	color: #38bdf8;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(2, 132, 199, 0.25);
}

.adm-highlight-card__badge {
	display: inline-block;
	background: #e0f2fe;
	color: #0284c7;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 3px 12px;
	border-radius: 50px;
	margin-bottom: 4px;
}

.adm-highlight-card__title {
	font-size: clamp(18px, 1.5vw, 22px);
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	letter-spacing: -0.2px;
}

.adm-highlight-card__subtitle {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 14px;
	color: #475569;
	margin: 0 0 12px 0;
	font-weight: 500;
}

.adm-highlight-pill {
	display: inline-block;
	background: #f1f5f9;
	color: #0f172a;
	font-size: 11.5px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
}

.adm-highlight-card__split {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 28px;
	align-items: stretch;
	margin-bottom: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid #f1f5f9;
}

.adm-highlight-split__left {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.adm-remember-features-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.adm-highlight-split__right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.adm-remember-visual-card {
	background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f8fafc 100%);
	border-radius: 16px;
	padding: 20px 22px;
	color: #0f172a;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(2, 132, 199, 0.08), inset 0 0 16px rgba(255, 255, 255, 0.8);
	border: 1px solid #bbf7d0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	height: 100%;
	box-sizing: border-box;
}

.adm-remember-visual-card::before {
	content: '';
	position: absolute;
	top: -30px;
	right: -30px;
	width: 140px;
	height: 140px;
	background: radial-gradient(circle, rgba(0, 196, 174, 0.2) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.adm-remember-visual-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.adm-remember-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #059669;
	color: #ffffff;
	padding: 4px 12px;
	border-radius: 50px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	box-shadow: 0 2px 8px rgba(5, 150, 105, 0.25);
}

.adm-remember-tag {
	font-size: 11.5px;
	font-weight: 700;
	color: #047857;
	background: rgba(255, 255, 255, 0.85);
	padding: 3px 8px;
	border-radius: 6px;
	border: 1px solid #bbf7d0;
}

.adm-remember-feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.adm-remember-feature-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.adm-remember-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.adm-remember-icon--cyan {
	background: #e0f2fe;
	color: #0284c7;
	border: 1px solid #bae6fd;
}

.adm-remember-icon--blue {
	background: #eff6ff;
	color: #2563eb;
	border: 1px solid #bfdbfe;
}

.adm-remember-icon--amber {
	background: #fef3c7;
	color: #d97706;
	border: 1px solid #fde68a;
}

.adm-remember-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.adm-remember-text strong {
	font-size: 12.5px;
	font-weight: 700;
	color: #0f172a;
}

.adm-remember-text span {
	font-size: 11.5px;
	color: #475569;
	line-height: 1.45;
}

.adm-remember-visual-card__footer {
	padding-top: 10px;
	border-top: 1px solid #bbf7d0;
	position: relative;
	z-index: 1;
}

.adm-remember-secure-badge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	color: #047857;
	font-weight: 600;
}

/* Feature Row: Prior School & Health Records & Transfer Certificate */
.adm-remember-feature {
	background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 100%);
	border: 1px solid #bae6fd;
	border-radius: 14px;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.25s ease;
}

.adm-remember-feature:hover {
	background: #f0f9ff;
	border-color: #7dd3fc;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(2, 132, 199, 0.08);
}

.adm-remember-feature__icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: #0284c7;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}

.adm-remember-feature__body {
	flex: 1;
	min-width: 0;
}

.adm-remember-feature__title {
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 2px 0;
}

.adm-remember-feature__text {
	font-size: 13px;
	line-height: 1.5;
	color: #334155;
	margin: 0;
}

/* Transfer Certificate Section */
.adm-tc-section {
	margin-top: 10px;
}

.adm-tc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.adm-tc-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 22px 20px;
	display: flex;
	flex-direction: column;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
}

.adm-tc-card:hover {
	background: #ffffff;
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.adm-tc-card--local:hover { border-color: #38bdf8; box-shadow: 0 12px 30px rgba(2, 132, 199, 0.12); }
.adm-tc-card--emirates:hover { border-color: #818cf8; box-shadow: 0 12px 30px rgba(99, 102, 241, 0.12); }
.adm-tc-card--overseas:hover { border-color: #34d399; box-shadow: 0 12px 30px rgba(16, 185, 129, 0.12); }

.adm-tc-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
}

.adm-tc-card__tag {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	padding: 3px 10px;
	border-radius: 50px;
}

.adm-tc-card--local .adm-tc-card__tag { background: #e0f2fe; color: #0284c7; }
.adm-tc-card--emirates .adm-tc-card__tag { background: #eef2ff; color: #4f46e5; }
.adm-tc-card--overseas .adm-tc-card__tag { background: #ecfdf5; color: #059669; }

.adm-tc-card__icon-wrap {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.adm-tc-card--local .adm-tc-card__icon-wrap { background: #e0f2fe; color: #0284c7; }
.adm-tc-card--emirates .adm-tc-card__icon-wrap { background: #eef2ff; color: #4f46e5; }
.adm-tc-card--overseas .adm-tc-card__icon-wrap { background: #ecfdf5; color: #059669; }

.adm-tc-card__title {
	font-size: 15px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 8px 0;
	letter-spacing: -0.1px;
}

.adm-tc-card__text {
	font-size: 13.5px;
	line-height: 1.6;
	color: #475569;
	margin: 0;
}

/* --------------------------------------------------------------------------
   9. Bottom Grid: General Guidelines & Admissions Help Desk (Modern Edition)
   -------------------------------------------------------------------------- */
.adm-bottom-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}

.adm-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 22px;
	padding: 32px 34px;
	box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
	display: flex;
	flex-direction: column;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
}

.adm-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08);
	transform: translateY(-2px);
}

.adm-card__header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
}

.adm-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.adm-card__icon--notes {
	background: linear-gradient(135deg, #0f172a 0%, #0369a1 100%);
	color: #38bdf8;
	box-shadow: 0 6px 18px rgba(2, 132, 199, 0.25);
}

.adm-card__icon--contact {
	background: linear-gradient(135deg, #0f172a 0%, #d97706 100%);
	color: #fbbf24;
	box-shadow: 0 6px 18px rgba(217, 119, 6, 0.25);
}

.adm-card__badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #0284c7;
	background: #e0f2fe;
	padding: 3px 12px;
	border-radius: 50px;
	margin-bottom: 4px;
}

.adm-card__badge--amber {
	color: #b45309;
	background: rgba(254, 243, 199, 0.95);
	border: 1px solid rgba(245, 158, 11, 0.25);
	backdrop-filter: blur(4px);
}

.adm-card__title {
	font-size: clamp(18px, 1.4vw, 20px);
	font-weight: 800;
	color: #0f172a;
	margin: 0;
	letter-spacing: -0.2px;
}

.adm-card--contact .adm-card__title {
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
}

/* Modern Notes Cards Grid */
.adm-notes-grid {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.adm-note-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 16px 18px;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	transition: all 0.25s ease;
}

.adm-note-card:hover {
	background: #ffffff;
	border-color: #93c5fd;
	box-shadow: 0 4px 16px rgba(2, 132, 199, 0.08);
	transform: translateX(3px);
}

.adm-note-card__icon-wrap {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: #e0f2fe;
	color: #0284c7;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 1px;
}

.adm-note-card:hover .adm-note-card__icon-wrap {
	background: #0284c7;
	color: #ffffff;
}

.adm-note-card__content {
	flex: 1;
}

.adm-note-card__text {
	font-size: 13.5px;
	line-height: 1.6;
	color: #334155;
	margin: 0;
}

/* Contact Us Card Styles */
.adm-card--contact {
	position: relative;
	overflow: hidden;
	background: #f8fafc;
	padding: 0;
}

.adm-contact-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.adm-contact-bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	filter: brightness(0.96) contrast(1.05) saturate(1.1);
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;
}

.adm-card--contact:hover .adm-contact-bg-img {
	transform: scale(1.04);
	filter: brightness(0.98) contrast(1.08) saturate(1.15);
}

.adm-contact-bg-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.76) 0%,
		rgba(240, 249, 255, 0.46) 42%,
		rgba(255, 255, 255, 0.70) 100%
	);
	backdrop-filter: blur(1.5px);
	-webkit-backdrop-filter: blur(1.5px);
}

.adm-contact-inner {
	position: relative;
	z-index: 2;
	padding: 32px 34px;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}

.adm-contact-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #0f172a;
	margin: 0 0 18px 0;
	font-weight: 600;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
}

.adm-contact-channels {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 14px;
}

.adm-channel-tile {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 18px;
	border-radius: 14px;
	text-decoration: none !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.adm-channel-tile--phone {
	background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(2, 132, 199, 0.35);
}

.adm-channel-tile--phone:hover {
	background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(2, 132, 199, 0.45);
}

.adm-channel-tile--phone .adm-channel-tile__icon-wrap {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.adm-channel-tile--phone .adm-channel-tile__label {
	color: rgba(255, 255, 255, 0.85);
}

.adm-channel-tile--phone .adm-channel-tile__value {
	color: #ffffff;
}

.adm-channel-tile--phone .adm-channel-tile__arrow {
	color: #ffffff;
}

.adm-channel-tile--email {
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(186, 230, 253, 0.95);
	color: #0f172a !important;
	box-shadow: 0 3px 12px rgba(2, 132, 199, 0.08);
}

.adm-channel-tile--email:hover {
	background: #ffffff;
	border-color: #38bdf8;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(2, 132, 199, 0.16);
}

.adm-channel-tile--email .adm-channel-tile__icon-wrap {
	background: #e0f2fe;
	color: #0284c7;
}

.adm-channel-tile--email .adm-channel-tile__label {
	color: #64748b;
}

.adm-channel-tile--email .adm-channel-tile__value {
	color: #0f172a;
	font-size: 13.5px;
}

.adm-channel-tile--email .adm-channel-tile__arrow {
	color: #0284c7;
}

.adm-channel-tile__icon-wrap {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.adm-channel-tile__info {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.adm-channel-tile__label {
	font-size: 10.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-bottom: 2px;
}

.adm-channel-tile__value {
	font-size: 14px;
	font-weight: 700;
	white-space: normal;
	word-break: break-word;
}

.adm-channel-tile__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.25s ease;
	margin-left: auto;
}

.adm-channel-tile:hover .adm-channel-tile__arrow {
	transform: translateX(4px);
}

/* Office Visiting Hours Banner */
.adm-office-hours {
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(134, 239, 172, 0.95);
	padding: 12px 16px;
	border-radius: 14px;
	margin-bottom: 0;
	box-shadow: 0 3px 12px rgba(22, 163, 74, 0.08);
}

.adm-office-hours__icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #dcfce7;
	color: #16a34a;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.adm-office-hours__text {
	font-size: 13px;
	color: #166534;
	line-height: 1.5;
	font-weight: 500;
}

.adm-office-hours__text strong {
	color: #14532d;
	font-weight: 700;
	margin-right: 4px;
}

/* --------------------------------------------------------------------------
   10. Responsive Breakpoints
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
	.admission-hero__grid,
	.adm-step-content-box--split,
	.adm-highlight-card__split {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.admission-hero__notice {
		justify-content: flex-start;
	}

	.adm-cards-triplet,
	.adm-tc-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.adm-docs-hub,
	.adm-bottom-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.adm-announcement-card {
		flex-direction: column;
		align-items: stretch;
		padding: 22px 20px;
		gap: 16px;
	}

	.adm-announcement-card__action {
		width: 100%;
	}

	.adm-announcement-btn {
		width: 100%;
		justify-content: center;
	}

	.adm-step-block {
		gap: 16px;
	}

	.adm-step-sidebar {
		width: 50px;
	}

	.adm-step-number-pill {
		width: 50px;
		height: 50px;
		border-radius: 14px;
	}

	.adm-step-num {
		font-size: 16px;
	}

	.adm-step-lbl {
		font-size: 8px;
	}

	.adm-step-content-box {
		padding: 22px 20px;
	}

	.adm-highlight-card {
		padding: 24px 20px;
	}

	.adm-card {
		padding: 22px 20px;
	}
}

@media (max-width: 576px) {
	.adm-action-portal {
		flex-direction: column;
		align-items: flex-start;
	}

	.adm-btn-portal {
		width: 100%;
		justify-content: center;
	}

	.adm-journey__track {
		display: none;
	}
}