:root{--color-bg: #F8F8F7; --color-surface: rgba(255, 255, 255, 0.85); --color-primary: #09090B; --color-accent: #FDE047; --color-accent-soft: rgba(167, 139, 250, 0.12); --color-text: #09090B; --color-muted: #64748B; --color-blob-1: #FF8A65; --color-blob-2: #FFB74D; --color-blob-3: #4DD0E1; --color-blob-4: #FB7185; --color-white: #FFFFFF; --color-black: #000000; --color-avatar-bg: #E2E8F0; --color-print-border: #CCCCCC; --color-nav-bg: rgba(248, 248, 247, 0.85); --color-footer-bg: #09090B; --color-footer-text: #64748B; --color-footer-border: rgba(255, 255, 255, 0.08); --color-footer-social-bg: rgba(255, 255, 255, 0.05); --color-footer-subtext: rgba(255, 255, 255, 0.8); --color-border-subtle: rgba(0, 0, 0, 0.05); --color-border-form: rgba(0, 0, 0, 0.12); --color-border-table: rgba(0, 0, 0, 0.05); --color-border-card-subtle: rgba(0, 0, 0, 0.04); --color-border-card-active: rgba(9, 9, 11, 0.15); --color-border-accent-light: rgba(9, 9, 11, 0.05); --color-bg-table-even: rgba(0, 0, 0, 0.02); --color-text-secondary-accent: rgba(9, 9, 11, 0.35); --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2.5rem; --space-xl: 3rem; --space-2xl: 3.5rem; --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px; --radius-pill: 9999px; --color-shadow-card-raw: rgba(0, 0, 0, 0.05); --color-shadow-card-hover-raw: rgba(0, 0, 0, 0.1); --color-shadow-btn-raw: rgba(9, 9, 11, 0.12); --color-shadow-btn-hover: rgba(9, 9, 11, 0.15); --shadow-card: 0 20px 40px -15px var(--color-shadow-card-raw); --shadow-card-hover: 0 30px 60px -20px var(--color-shadow-card-hover-raw); --shadow-btn: 0 4px 12px var(--color-shadow-btn-raw); --shadow-3d: 0 30px 60px rgba(9, 9, 11, 0.12), 0 12px 18px rgba(9, 9, 11, 0.04); --color-accent-purple: #A78BFA; --color-accent-purple-dark: #8B5CF6; --color-accent-purple-bg: rgba(167, 139, 250, 0.12); --color-accent-coral: #FB7185; --color-accent-cyan: #38BDF8; --color-accent-yellow: #FDE047; --color-glass-card-bg: rgba(255, 255, 255, 0.9); --color-border-card-subtle-2: rgba(0, 0, 0, 0.04); --color-shadow-card-float: rgba(0, 0, 0, 0.08); --border-glass: 1px solid rgba(255, 255, 255, 0.6); --border-subtle: 1px solid rgba(0, 0, 0, 0.05)}*, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0}html{scroll-behavior: smooth; font-family: 'Inter', sans-serif; color: var(--color-text-muted); background-color: var(--color-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}body{min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; line-height: 1.6; font-size: 14px}h1, h2, h3, h4, h5, h6{font-family: 'Plus Jakarta Sans', sans-serif; color: var(--color-text); line-height: 1.25}h1 span.text-muted, h2 span.text-muted, h3 span.text-muted, h4 span.text-muted{color: var(--color-text-secondary-accent) !important}a{color: inherit; text-decoration: none; transition: color 0.2s ease, border-color 0.2s ease}img{max-width: 100%; height: auto; display: block; border-radius: var(--radius-md) !important; object-fit: cover}table{width: 100%; border-collapse: collapse}button, input, select, textarea{font-family: inherit; font-size: inherit; color: inherit}.container{width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 var(--space-lg)}.text-muted{color: var(--color-muted) !important}.text-center{text-align: center}.text-primary{color: var(--color-primary)}.text-accent{color: var(--color-accent)}.font-bold{font-weight: 700}.visually-hidden{position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important}.section-padding{padding: var(--space-2xl) 0}.section-padding-sm{padding: var(--space-2xl) 0}.mt-sm{margin-top: var(--space-sm)}.mt-md{margin-top: var(--space-md)}.mt-lg{margin-top: var(--space-lg)}.mb-lg{margin-bottom: var(--space-lg)}.mb-md{margin-bottom: var(--space-md)}.bg-accent-soft{background-color: var(--color-accent-soft) !important}.card-compact{padding: 8px !important; border-radius: var(--radius-lg) !important; overflow: hidden}.card-compact img, .card-compact img.rounded-md, .rounded-md{border-radius: var(--radius-md) !important; object-fit: cover}.max-width-800{max-width: 800px}.center-block{margin-left: auto; margin-right: auto}.align-start{align-items: flex-start}.w-100{width: 100%}.justify-center{justify-content: center}.breadcrumbs-center{justify-content: center}.direction-rtl{direction: rtl}.direction-ltr{direction: ltr}.subject-list{list-style-position: inside; margin-top: var(--space-xs); color: var(--color-text); line-height: 1.8}*:focus-visible{outline: 3px solid var(--color-accent); outline-offset: 2px}header{position: sticky; top: 0; z-index: 100; background: var(--color-nav-bg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--color-border-subtle)}main{flex: 1}.grid-2{display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: center}.grid-3{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg)}.grid-4{display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md)}.skip-link{position: absolute; top: -100%; left: var(--space-sm); background: var(--color-primary); color: var(--color-white); padding: 0.5rem 1rem; border-radius: var(--radius-sm); font-weight: 700; z-index: 9999; transition: top 0.15s ease-in-out}.skip-link:focus{top: var(--space-sm)}.navbar-container{display: flex; justify-content: space-between; align-items: center; height: 80px}.logo{display: flex; align-items: center; gap: var(--space-xs); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: 1.4rem; color: var(--color-primary)}.logo svg, .logo img{width: 40px; height: 40px}.nav-links{display: flex; list-style: none; gap: var(--space-md); align-items: center}.nav-links a{font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.95rem; padding: 0.5rem 0; border-bottom: 2px solid transparent; color: var(--color-text)}.nav-links a:hover{color: var(--color-primary)}.nav-links a.active{color: var(--color-primary); font-weight: 700; border-bottom-color: var(--color-accent)}.nav-links a.btn-primary{color: #ffffff; padding: 0.5rem 1.5rem; border-bottom: none}.nav-links a.btn-primary:hover{color: #ffffff}.nav-toggle{display: none; background: transparent; border: none; cursor: pointer; width: 30px; height: 24px; position: relative; z-index: 101}.nav-toggle span{display: block; width: 100%; height: 3px; background: var(--color-text); border-radius: 3px; transition: transform 0.2s ease, opacity 0.2s ease; position: absolute}.nav-toggle span:nth-child(1){top: 0}.nav-toggle span:nth-child(2){top: 10px}.nav-toggle span:nth-child(3){top: 20px}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(10px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-10px) rotate(-45deg)}a.btn-primary, .btn-primary{background: var(--color-primary); color: #ffffff; padding: 0.75rem 1.75rem !important; border-radius: 9999px !important; vertical-align: middle; text-decoration: none; text-align: center; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; border: none; cursor: pointer; box-shadow: var(--shadow-btn); transition: transform 0.15s ease, box-shadow 0.15s ease; display: inline-block !important}li.mt-sm{margin-top: 0px}.btn-primary:hover{transform: translateY(-2px); box-shadow: 0 10px 25px var(--color-shadow-btn-hover)}.btn-primary:active{transform: translateY(0)}.btn-ghost{background: var(--color-white); color: var(--color-text); border: var(--border-subtle); padding: 0.75rem 1.75rem; border-radius: var(--radius-pill); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; cursor: pointer; text-decoration: none; display: inline-block; transition: border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; box-shadow: 0 4px 12px var(--color-bg-table-even)}.btn-ghost:hover{border-color: var(--color-border-card-active); color: var(--color-text); transform: translateY(-2px); box-shadow: 0 6px 16px var(--color-border-table)}.btn-ghost:active{transform: translateY(0)}.card{background: var(--color-surface); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: var(--radius-lg); border: var(--border-subtle); padding: var(--space-lg); box-shadow: var(--shadow-card); transition: transform 0.2s ease, box-shadow 0.2s ease; position: relative; z-index: 1}.card:hover{transform: translateY(-4px); box-shadow: var(--shadow-card-hover)}.eyebrow{display: inline-flex; align-items: center; gap: 0.5rem; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-primary); background: rgba(26, 63, 170, 0.08); padding: 0.3rem 0.75rem; border-radius: var(--radius-sm); margin-bottom: var(--space-sm); border-left: 3px solid var(--color-primary)}details.faq-item{background: var(--color-surface); border-radius: var(--radius-md); padding: var(--space-md); margin-bottom: var(--space-sm); box-shadow: var(--shadow-card); border: 1px solid var(--color-border-card-subtle); transition: border-color 0.2s ease}details.faq-item[open]{border-color: var(--color-border-card-active)}summary.faq-question{font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 1.1rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; user-select: none}summary.faq-question::-webkit-details-marker{display: none}summary.faq-question::after{content: '+'; font-size: 1.5rem; color: var(--color-primary); transition: transform 0.2s ease; line-height: 1}details[open] summary.faq-question::after{transform: rotate(45deg)}.faq-answer{padding-top: var(--space-sm); color: var(--color-muted)}section.section-padding.blob-container, .blob-container{position: relative; overflow: visible !important}.blob{position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.6; pointer-events: none; z-index: 0}.blob-1{width: 600px; height: 600px; background: radial-gradient(circle, var(--color-blob-1) 0%, var(--color-blob-2) 100%); top: -150px; right: -100px}.blob-2{width: 450px; height: 450px; background: var(--color-blob-3); bottom: 10%; left: -100px}.blob-3, .blob.blob-3{display: none !important}.contact-form-card span.eyebrow{display: none !important}.contact-form-card .visually-hidden{display: none !important}.card-purple-blob{position: absolute; width: 500px; left: -250px; z-index: -10; pointer-events: none}footer{background: #09090b; color: #f8fafc; padding-top: var(--space-2xl); font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: -0.011em}.footer-grid{display: grid; grid-template-columns: 2fr 1fr 1.5fr 1fr; gap: var(--space-xl); padding-bottom: var(--space-xl); border-bottom: 1px solid rgba(255, 255, 255, 0.08)}.footer-col h4{color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: var(--space-md)}.footer-logo{color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: 1.5rem; letter-spacing: -0.03em; display: flex; align-items: center; gap: var(--space-xs); margin-bottom: var(--space-sm)}.footer-logo svg{width: 36px; height: 36px}.footer-col p{color: #94a3b8; font-size: 0.9rem; line-height: 1.65; font-weight: 400}.footer-col ul{list-style: none}.footer-col ul li{margin-bottom: 0.6rem}.footer-col ul li a{color: #94a3b8; font-size: 0.9rem; font-weight: 500; transition: color 0.2s ease, transform 0.2s ease; display: inline-block}.footer-col ul li a:hover{color: var(--color-accent); transform: translateX(2px)}.footer-contact-info li{color: #94a3b8; font-size: 0.9rem; line-height: 1.5; margin-bottom: var(--space-sm); display: flex; align-items: flex-start; gap: 0.65rem}.footer-contact-info li svg{color: #cbd5e1}.social-links{display: flex; gap: 0.65rem}.social-icon{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); color: #cbd5e1; transition: all 0.2s ease}.social-icon:hover{background: var(--color-accent); border-color: var(--color-accent); color: #09090b; transform: translateY(-2px)}.footer-bottom{display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 0; color: #64748b; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.85rem; font-weight: 500; letter-spacing: -0.01em}.hero-section{padding: var(--space-xl) 0 var(--space-2xl) 0; position: relative}.hero-content{position: relative; z-index: 1}.hero-title{font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; margin-bottom: var(--space-md)}.hero-subtitle{font-size: 1.15rem; color: var(--color-muted); max-width: 540px; margin-bottom: var(--space-lg)}.hero-buttons{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap}.hero-image-wrapper{position: relative; z-index: 1; display: flex; justify-content: center}.hero-3d-scene{position: relative; width: 480px; height: 380px; perspective: 1000px}.ui-card{background: var(--color-surface); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 20px; border: var(--border-subtle); box-shadow: var(--shadow-3d); padding: var(--space-md); position: absolute; transition: transform 0.3s ease}.main-ui-card{width: 360px; height: 250px; top: 40px; left: 30px; transform: rotateY(-15deg) rotateX(10deg) translateZ(0px); z-index: 2; background: var(--color-glass-card-bg)}.main-ui-card:hover{transform: rotateY(-10deg) rotateX(8deg) translateZ(10px)}.ui-card-header{display: flex; gap: 6px; margin-bottom: var(--space-sm); border-bottom: 1px solid var(--color-border-card-subtle-2); padding-bottom: var(--space-xs)}.ui-dot{width: 10px; height: 10px; border-radius: 50%}.dot-1{background-color: var(--color-accent-coral)}.dot-2{background-color: var(--color-accent-yellow)}.dot-3{background-color: var(--color-accent-cyan)}.ui-bar{height: 12px; border-radius: 6px; background: var(--color-border-table); margin-bottom: var(--space-sm)}.text-bar{width: 60%}.ui-chart-wrap{display: flex; align-items: flex-end; justify-content: space-around; height: 120px; margin-top: var(--space-md); background: var(--color-bg-table-even); border-radius: var(--radius-sm); padding: var(--space-xs)}.ui-chart-bar{width: 40px; border-radius: 8px 8px 0 0; transition: height 0.5s ease}.bg-purple{background-color: var(--color-accent-purple)}.bg-coral{background-color: var(--color-accent-coral)}.bg-cyan{background-color: var(--color-accent-cyan)}.bg-yellow{background-color: var(--color-accent-yellow)}.h-60{height: 60%}.h-80{height: 80%}.h-95{height: 95%}.float-ui-card{z-index: 3; display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-sm) var(--space-md); box-shadow: 0 25px 50px -12px var(--color-shadow-card-float)}.student-card{width: 220px; top: 180px; right: 10px; transform: rotateY(-5deg) rotateX(5deg) translateZ(40px)}.student-card:hover{transform: rotateY(0deg) rotateX(0deg) translateZ(55px)}.student-avatar{width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem}.student-info h4{font-size: 0.9rem; font-weight: 800; color: var(--color-primary)}.student-info p{font-size: 0.75rem; color: var(--color-text-muted)}.calendar-card{width: 200px; top: -10px; left: 210px; transform: rotateY(-10deg) rotateX(10deg) translateZ(30px)}.calendar-card:hover{transform: rotateY(-5deg) rotateX(5deg) translateZ(45px)}.calendar-icon{font-size: 1.3rem}.calendar-card h4{font-size: 0.85rem; font-weight: 800; color: var(--color-primary)}.calendar-card p{font-size: 0.75rem; color: var(--color-text-muted)}.stats-strip{margin-top: var(--space-lg); margin-bottom: var(--space-2xl); position: relative; z-index: 2}.stats-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md)}.stat-card{background: var(--color-surface); border-radius: var(--radius-md); padding: var(--space-md) var(--space-lg); text-align: center; box-shadow: var(--shadow-card)}.stat-number{font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: 2.25rem; color: var(--color-primary); margin-bottom: var(--space-xs)}.stat-number span{color: var(--color-accent)}.stat-label{font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 500; color: var(--color-muted); text-transform: uppercase; letter-spacing: 0.05em}.feature-row{display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: center; margin-bottom: var(--space-2xl)}.feature-row:last-child{margin-bottom: 0}.feature-row.reverse{direction: rtl}.feature-row.reverse .feature-text-col{direction: ltr}.feature-image-col img{border-radius: var(--radius-lg); box-shadow: var(--shadow-card); width: 100%; aspect-ratio: 3 / 2; object-fit: cover}.feature-text-col h3{font-size: 2rem; font-weight: 800; margin-bottom: var(--space-md); margin-top: var(--space-xs)}.feature-text-col p{color: var(--color-muted); margin-bottom: var(--space-md)}.feature-link{font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; color: var(--color-primary); display: inline-flex; align-items: center; gap: 0.25rem; transition: gap 0.2s ease}.feature-link:hover{gap: 0.5rem; color: var(--color-primary)}.section-padding.blob-container .container{max-width: 1320px; width: 95%}.section-header, .text-center{max-width: 1160px; margin: 0 auto}.section-title-wrap{text-align: center; max-width: 820px; width: 100%; margin: 0 auto var(--space-xl) auto}.section-title{font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; margin-top: var(--space-xs)}.academic-cards-container{display: flex; flex-wrap: nowrap; gap: 0.75rem}.academic-card{display: flex; flex-direction: column; height: 100%; flex: 1 1 0; min-width: 0; padding: 1.25rem 0.75rem}.academic-card-icon{width: 48px; height: 48px; background: var(--color-accent-soft); color: var(--color-primary); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-md)}.academic-card-icon svg{width: 24px; height: 24px}.academic-card h3{white-space: nowrap; font-size: 1.1rem; overflow: hidden; text-overflow: ellipsis; font-weight: 700; margin-bottom: var(--space-sm)}.academic-card p{color: var(--color-muted); font-size: 0.95rem; margin-bottom: var(--space-md); flex-grow: 1}.academic-card-link{font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.9rem; color: var(--color-primary); margin-top: auto}section.testimonials-section, .testimonials-section{background-color: transparent; overflow: visible !important; position: relative}.quote-card{position: relative; z-index: 1; background-color: rgba(255, 255, 255, 0.9); isolation: isolate; border-radius: var(--radius-lg); padding: var(--space-lg); box-shadow: var(--shadow-card); display: flex; flex-direction: column; height: 100%}.quote-text{font-style: italic; color: var(--color-text); margin-bottom: var(--space-md); position: relative; font-size: 1rem}.quote-author{display: flex; align-items: center; gap: var(--space-sm); margin-top: auto}.quote-avatar{width: 44px; height: 44px; border-radius: 50%; background: var(--color-avatar-bg); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--color-primary); font-size: 0.9rem}.quote-author-info h4{font-size: 0.95rem; font-weight: 700}.quote-author-info span{font-size: 0.8rem; color: var(--color-muted)}.cta-banner{background: linear-gradient(135deg, #09090b 0%, #18181b 100%); color: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-xl); text-align: center; position: relative; overflow: hidden; box-shadow: var(--shadow-card-hover); border: 1px solid rgba(255, 255, 255, 0.08)}.cta-banner-content{position: relative; z-index: 2; max-width: 640px; margin: 0 auto}.cta-banner h2{color: var(--color-white); font-size: 2.25rem; font-weight: 800; margin-bottom: var(--space-sm)}.cta-banner p{color: var(--color-footer-subtext); margin-bottom: var(--space-lg); font-size: 1.05rem}.cta-banner .btn-primary{background-color: #ffffff; color: #09090b; font-weight: 700; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2)}.cta-banner .btn-primary:hover{background-color: #f8fafc; color: #09090b; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3)}.cta-banner .blob{opacity: 0.12}.inner-hero{padding: var(--space-xl) 0; position: relative; overflow: hidden; background: var(--color-accent-soft); border-bottom: none}.inner-hero-content{position: relative; z-index: 1}.breadcrumbs{display: flex; list-style: none; gap: var(--space-xs); font-size: 0.85rem; color: var(--color-muted); margin-bottom: var(--space-xs)}.breadcrumbs li::after{content: '/'; margin-left: var(--space-xs)}.breadcrumbs li:last-child::after{content: ''}.breadcrumbs a:hover{color: var(--color-primary)}.principal-message-section{background-color: var(--color-accent-soft)}.principal-message-section .grid-2{align-items: flex-start}.principal-photo img{border-radius: var(--radius-lg); box-shadow: var(--shadow-card); width: 100%}.principal-content blockquote{font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.35rem; font-weight: 700; color: var(--color-primary); border-left: 4px solid var(--color-accent); padding-left: var(--space-md); margin-bottom: var(--space-md)}.value-card{text-align: center}.value-icon{width: 56px; height: 56px; border-radius: 50%; background: var(--color-accent-soft); color: var(--color-primary); display: flex; align-items: center; justify-content: center; margin: 0 auto var(--space-md) auto}.value-icon svg{width: 28px; height: 28px}.teacher-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-lg)}.teacher-card{text-align: center}.teacher-photo{border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--space-sm); aspect-ratio: 1 / 1; background: var(--color-avatar-bg); position: relative}.teacher-photo img{width: 100%; height: 100%; object-fit: cover}.teacher-card h3{font-size: 1.1rem; font-weight: 700}.teacher-card p{font-size: 0.85rem; color: var(--color-muted)}.styled-table-wrapper{overflow-x: auto; border-radius: var(--radius-md); box-shadow: var(--shadow-card); background: var(--color-surface)}.styled-table{width: 100%}.styled-table th{background: var(--color-primary); color: var(--color-white); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; text-align: left; padding: var(--space-md)}.styled-table td{padding: var(--space-md); border-bottom: 1px solid var(--color-border-table); font-size: 0.95rem}.styled-table tr:last-child td{border-bottom: none}.styled-table tr:nth-child(even){background: var(--color-bg-table-even)}.cocurricular-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg)}.steps-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg)}.step-card{position: relative; padding: var(--space-lg) var(--space-md)}.step-number{font-family: 'Plus Jakarta Sans', sans-serif; font-size: 3.5rem; font-weight: 900; color: var(--color-accent); line-height: 1; margin-bottom: var(--space-sm)}.step-card h3{font-size: 1.15rem; font-weight: 700; margin-bottom: var(--space-xs)}.step-card p{font-size: 0.9rem; color: var(--color-muted)}.contact-grid{display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-xl); align-items: start}.contact-form-card{background: var(--color-surface); border-radius: var(--radius-lg); padding: var(--space-xl); box-shadow: var(--shadow-card)}.form-group{margin-bottom: var(--space-md)}.form-group label{display: block; font-size: 0.9rem; font-weight: 600; margin-bottom: var(--space-xs); color: var(--color-text)}.form-group input, .form-group select, .form-group textarea{width: 100%; padding: 0.75rem 1rem; border-radius: var(--radius-sm); border: 1px solid var(--color-border-form); background: var(--color-bg); transition: border-color 0.15s ease, box-shadow 0.15s ease}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-border-card-active); outline: none}.contact-info-col h3{font-size: 1.75rem; font-weight: 800; margin-bottom: var(--space-md)}.contact-details-list{list-style: none; margin-bottom: var(--space-lg)}.contact-details-list li{display: flex; gap: var(--space-md); margin-bottom: var(--space-md)}.contact-details-list li svg{width: 24px; height: 24px; color: var(--color-primary); flex-shrink: 0; margin-top: 0.2rem}.contact-detail-text h4{font-size: 0.95rem; font-weight: 700}.contact-detail-text p{color: var(--color-muted); font-size: 0.9rem}.map-wrapper{border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-card); height: 300px}.map-wrapper iframe{width: 100%; height: 100%; border: 0}.centered-status-wrap{max-width: 500px; margin: 0 auto; text-align: center; padding: var(--space-2xl) 0}.centered-status-icon{margin-bottom: var(--space-lg); color: var(--color-primary)}.centered-status-icon svg{width: 80px; height: 80px}.centered-status-icon.success{color: var(--color-accent)}.centered-status-wrap h1{font-size: 2.25rem; font-weight: 900; margin-bottom: var(--space-sm)}.centered-status-wrap p{color: var(--color-muted); margin-bottom: var(--space-lg); font-size: 1.05rem}@media (max-width: 1024px){.footer-grid{grid-template-columns: 1fr 1fr; gap: var(--space-lg)}.cocurricular-grid{grid-template-columns: 1fr 1fr}} @media (max-width: 768px){:root{--space-2xl: 4rem}.grid-2, .grid-3, .grid-4, .feature-row, .steps-grid, .cocurricular-grid, .contact-grid{grid-template-columns: 1fr; gap: var(--space-lg)}.hero-section{padding: var(--space-xl) 0; min-height: auto}.hero-section .grid-2{display: flex; flex-direction: column-reverse; gap: var(--space-lg)}.hero-content{text-align: center}.hero-subtitle{margin-left: auto; margin-right: auto}.hero-buttons{justify-content: center}.academic-cards-container{flex-wrap: wrap}.academic-card{flex: 1 1 100%}.stats-grid{grid-template-columns: repeat(2, 1fr)}.stats-strip{margin-top: 0; margin-bottom: var(--space-lg)}.feature-row.reverse{direction: ltr}.nav-toggle{display: block}.nav-links{position: fixed; top: 80px; left: 0; width: 100%; height: calc(100vh - 80px); background: var(--color-bg); flex-direction: column; padding: var(--space-xl) var(--space-lg); gap: var(--space-md); transform: translateY(-150%); transition: transform 0.3s ease-in-out; box-shadow: 0 10px 30px var(--color-border-table); z-index: 100}.nav-links.open{transform: translateY(0)}.footer-bottom{flex-direction: column; gap: var(--space-sm); text-align: center}} @media (max-width: 480px){.stats-grid{grid-template-columns: 1fr}.hero-buttons{flex-direction: column}.hero-buttons .btn-primary, .hero-buttons .btn-ghost{width: 100%; text-align: center}.footer-grid{grid-template-columns: 1fr}} @media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important; transition: none !important; scroll-behavior: auto !important}.card:hover{transform: none !important}.btn-primary:hover, .btn-ghost:hover{transform: none !important}} h3.text-muted{font-size: 1.3em !important; color: var(--color-muted) !important; margin-top: 8px !important}h3.text-muted + p{margin-top: 18px !important}textarea#message{resize: none; width: 100%; overflow-y: auto}@media print{nav, footer, .cta, .blob, .nav-toggle, .skip-link, .btn-primary, .btn-ghost, .cta-banner{display: none !important}body{background: var(--color-white) !important; color: var(--color-black) !important; font-size: 12pt}a{color: var(--color-black) !important; text-decoration: underline !important}.card{box-shadow: none !important; border: 1px solid var(--color-print-border) !important; page-break-inside: avoid}h1, h2, h3{color: var(--color-black) !important; page-break-after: avoid}}