:root{--primary:#0b2b5a;--muted:#6b7280;--accent:#f97316;--card:#fff;--bg:#f4f6fb}*{box-sizing:border-box}body{background:var(--bg);color:var(--muted);margin:0;font-family:Inter,system-ui,Arial,sans-serif}.container{max-width:1240px;margin:0 auto;padding:32px 24px}.site-header{background:#fff;border-bottom:1px solid #e6e9ef}.header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{flex-direction:column;display:flex}.logo{justify-content:center;align-items:center;width:54px;height:54px;text-decoration:none;display:inline-flex}.logo img{width:100%;height:auto;display:block}.tag{color:var(--muted);margin-top:4px;font-size:12px}.main-nav{align-items:center;gap:20px;display:flex}.main-nav a{color:var(--muted);font-weight:600;text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--primary)}.btn{cursor:pointer;background:0 0;border:1px solid #d2d6df;border-radius:999px;padding:13px 20px;font-weight:700;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-secondary{color:var(--primary);background:#f8fafc;border:none}.nav-toggle{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.nav-toggle .bar{background:var(--primary);border-radius:2px;width:22px;height:2px;margin:4px 0;display:block}.main-nav.open{z-index:40;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex;position:absolute;top:72px;right:24px;box-shadow:0 6px 18px #10182814}.home-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;padding:64px 0 48px;display:grid}.hero-copy{max-width:680px}.eyebrow{color:#c2410c;letter-spacing:.05em;text-transform:uppercase;background:#f973161f;border-radius:999px;margin-bottom:22px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow.secondary{color:#1d4ed8;background:#2563eb14}.hero-copy h1{color:var(--primary);margin:0 0 24px;font-size:clamp(3rem,4vw,4.6rem);line-height:1.03}.hero-copy p{color:#475569;margin:0 0 28px;font-size:1.05rem;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:36px;display:flex}.hero-stats{grid-template-columns:repeat(2,minmax(140px,1fr));gap:16px;display:grid}.stat-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 24px 36px #0f172a14}.stat-card strong{color:var(--primary);margin-bottom:6px;font-size:1.6rem;display:block}.stat-card span{color:#64748b;font-size:.95rem}.hero-visual{justify-content:flex-end;display:flex}.hero-visual-card{background:linear-gradient(#eff6ff 0%,#fff 100%);border-radius:32px;width:100%;min-height:460px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0f172a1f}.hero-visual-card img{width:100%;height:auto;display:block}.visual-tag{color:var(--primary);background:#ffffffeb;border-radius:999px;padding:14px 20px;font-size:.95rem;font-weight:700;position:absolute;bottom:24px;left:24px;box-shadow:0 14px 30px #0f172a14}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.section-heading h2{color:var(--primary);margin:0;font-size:clamp(1.9rem,2.5vw,2.8rem)}.text-link{color:#2563eb;font-weight:700;text-decoration:none}.slider{background:#f8fafc;border-radius:28px;min-height:340px;position:relative;overflow:hidden;box-shadow:0 28px 60px #0f172a1a}.slide img{object-fit:cover;width:100%;height:100%;display:block}.ticker-item span{color:#475569;justify-self:flex-end;font-size:.87rem}.features{margin-top:44px}.features h2{margin:0 0 18px;font-size:2rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px;display:grid}.card{background:var(--card);color:var(--primary);border-radius:24px;padding:28px;box-shadow:0 24px 46px #0f172a1a}.card h3{margin:0 0 12px}.card p{color:#475569;margin:0}.programs{margin-top:48px}.program-list.modern{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.program-card.modern{background:linear-gradient(#fff 0%,#f8fafc 100%);border-radius:28px;gap:18px;padding:24px;display:grid;box-shadow:0 24px 46px #0f172a14}.program-card.modern img{object-fit:contain;width:64px;height:64px}.program-card.modern h3{color:var(--primary);margin:0;font-size:1.25rem}.program-card.modern p{color:#475569;margin:0;line-height:1.75}.program-card.modern .btn{width:fit-content;padding:12px 18px}@media (width<=900px){.home-hero{grid-template-columns:1fr}.container{padding:24px 20px}.cards,.program-list.modern{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.hero-stats{grid-template-columns:1fr 1fr}.hero-visual-card{min-height:360px}}@media (width<=600px){.main-nav{display:none}.nav-toggle{display:block}.hero-copy h1{font-size:2.4rem}.hero-stats{grid-template-columns:1fr}.slider-controls{gap:8px}.dot{width:12px;height:12px}}.features h2{color:var(--primary)}.cards{gap:12px;margin-top:12px;display:flex}.card{background:var(--card);color:var(--primary);border-radius:10px;flex:1;padding:18px;box-shadow:0 6px 18px #1018280f}.program-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px;display:grid}.program-item{background:var(--card);border-radius:10px;padding:16px;box-shadow:0 6px 18px #1018280f}.program-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.program-card{background:var(--card);border-radius:10px;padding:18px}.program-card .fees{color:var(--primary);font-weight:600}.card-actions{gap:8px;margin-top:12px;display:flex}.dashboard{gap:24px;display:flex}.dashboard-sidebar{background:#fff;border-radius:8px;width:220px;padding:16px;box-shadow:0 6px 18px #1018280f}.dashboard-main{flex:1}.dashboard-cards{gap:12px;margin:12px 0;display:flex}.dash-card{background:#fff;border-radius:8px;flex:1;padding:16px}.footer-inner{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.site-footer{color:#fff;background:#071433;margin-top:48px}.site-footer a{color:#fffc;margin-left:12px;text-decoration:none}.news-list{gap:12px;padding:0;list-style:none;display:grid}.news-item{background:#fff;border-radius:8px;padding:12px}.verify-form{align-items:center;gap:8px;margin-top:12px;display:flex}.verify-form input{border:1px solid #e6e9ef;border-radius:6px;padding:8px}.verify-result{border-radius:8px;margin-top:12px;padding:12px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.contact-form input,.contact-form textarea{border:1px solid #e6e9ef;border-radius:6px;width:100%;margin-bottom:8px;padding:8px}@media (width<=900px){.hero-section,.dashboard{flex-direction:column}.contact-grid{grid-template-columns:1fr}.main-nav{display:none}.nav-toggle{display:block}.main-nav.open{display:flex}.cards{flex-direction:column}.program-cards{grid-template-columns:1fr}.dashboard-sidebar{width:100%;display:flex}.dashboard-sidebar ul{gap:10px;margin:0;padding:0;list-style:none;display:flex}.dashboard-sidebar li{background:0 0;border-radius:6px;padding:8px 10px}}@media (width<=480px){.hero-text h1{font-size:28px}.image-placeholder{width:100%;height:180px}.header-inner{gap:8px}.container{padding:16px}}.notification-widget{margin-right:12px;position:relative}.notification-button{cursor:pointer;background:#fff;border:1px solid #e6e9ef;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative}.notification-icon{font-size:18px}.notification-badge{color:#fff;background:#dc2626;border-radius:999px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:4px;right:4px}.notification-panel{z-index:40;background:#fff;border:1px solid #e6e9ef;border-radius:14px;width:320px;padding:14px;position:absolute;top:54px;right:0;box-shadow:0 16px 40px #0f172a14}.notification-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.notification-header h4{color:#111827;margin:0;font-size:14px}.notification-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.tab{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:12px}.tab.active{color:#0f172a;background:#fff;border-color:#2563eb;font-weight:700}.text-button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px}.notification-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notification-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.notification-item.upcoming{background:#eff6ff}.notification-item.read{opacity:.7}.notification-item p{color:#475569;margin:4px 0 0;font-size:13px}.notification-item small{color:#94a3b8;margin-top:8px;font-size:11px;display:block}.slider-section{margin-top:32px}.slider{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a1f}.slide{opacity:0;transition:opacity .6s;position:absolute;inset:0}.slide.active{opacity:1;position:relative}.slide img{width:100%;height:auto;display:block}.slider-controls{justify-content:center;gap:10px;margin-top:12px;display:flex}.dot{cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:50%;width:12px;height:12px}.dot.active{background:#2563eb;border-color:#2563eb}.ticker-section{background:#fff;border-radius:20px;margin-top:32px;padding:20px;box-shadow:0 20px 40px #0f172a14}.ticker-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.ticker-header h3{color:#0f172a;margin:0;font-size:18px}.ticker-header span{color:#64748b;font-size:13px}.event-ticker{background:#f8fafc;border-radius:16px;overflow:hidden}.ticker-slide{grid-auto-flow:column;width:max-content;transition:transform .5s;display:grid}.ticker-item{gap:8px;min-width:100%;padding:20px;display:grid}.ticker-item h4{color:#0f172a;margin:0;font-size:16px}.ticker-item p{color:#475569;margin:0;font-size:14px}.chat-widget{z-index:50;width:320px;font-family:inherit;position:fixed;bottom:24px;right:24px}.chat-toggle{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:12px 18px;font-weight:700;box-shadow:0 20px 32px #0f172a1f}.chat-widget.open .chat-panel{margin-top:12px}.chat-panel{background:#fff;border:1px solid #e6e9ef;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.chat-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:16px;display:flex}.chat-header strong{color:#0f172a;font-size:15px;display:block}.chat-header p{color:#64748b;margin:4px 0 0;font-size:12px}.chat-messages{gap:10px;max-height:280px;padding:16px;display:grid;overflow-y:auto}.chat-message{display:flex}.chat-message.user{justify-content:flex-end}.chat-message.agent{justify-content:flex-start}.chat-bubble{border-radius:18px;max-width:80%;padding:12px 14px;font-size:13px;line-height:1.4}.chat-message.agent .chat-bubble{color:#0f172a;background:#f8fafc}.chat-message.user .chat-bubble{background:var(--accent);color:#fff}.chat-bubble.typing{opacity:.8}.chat-input-row{border-top:1px solid #e5e7eb;grid-template-columns:1fr auto;gap:10px;padding:16px;display:grid}.chat-input-row input{border:1px solid #e6e9ef;border-radius:999px;width:100%;padding:12px 16px}.chat-input-row .btn{min-width:84px}@media (width<=900px){.chat-widget{width:calc(100% - 32px);right:16px}.notification-panel{width:min(100vw,320px);left:auto;right:0}}.page-hero{padding:42px 0 24px}.page-hero-small{padding-top:32px;padding-bottom:18px}.page-hero h1{color:var(--primary);margin:14px 0 0;font-size:clamp(2.4rem,3vw,3.4rem)}.page-hero .eyebrow{margin-bottom:12px}.about-hero,.programs-page .page-hero,.news-page .page-hero,.certificate-page .page-hero,.contact-page .page-hero,.gallery-page .page-hero{grid-template-columns:minmax(280px,1fr) minmax(320px,460px);align-items:center;gap:32px;display:grid}.about-hero .hero-image-panel{border-radius:28px;overflow:hidden;box-shadow:0 28px 50px #0f172a1f}.about-hero .hero-image-panel img{width:100%;height:auto;display:block}.hero-keycards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.hero-card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 20px 40px #0f172a14}.hero-card strong{margin-bottom:10px;display:block}.about-values,.program-filters,.verify-layout,.contact-layout,.gallery-layout,.news-layout,.dashboard-main{margin-top:32px}.values-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;display:grid}.value-card{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;background:#fff;border-radius:22px;padding:22px;font-weight:700;box-shadow:0 18px 36px #0f172a14}.quote-card{text-align:center;background:linear-gradient(90deg,#eef2ff,#fff);border-radius:28px;margin-top:32px;padding:28px;box-shadow:0 24px 50px #0f172a0f}.program-filters{flex-wrap:wrap;gap:12px;display:flex}.pill,.text-button{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 16px;transition:all .2s}.pill{color:#334155;background:#f8fafc}.pill.active,.text-button:hover{color:#2563eb;background:#fff;border-color:#2563eb}.programme-list{gap:16px;display:grid}.programme-row{background:#fff;border-radius:24px;grid-template-columns:1.6fr .8fr .9fr;align-items:center;gap:20px;padding:26px;display:grid;box-shadow:0 22px 48px #0f172a0f}.programme-meta{align-items:center;gap:18px;display:flex}.programme-meta img{object-fit:contain;width:76px;height:76px}.programme-category{color:#475569;margin-top:8px;display:inline-flex}.programme-details{color:#475569;gap:6px;display:grid}.programme-details strong{color:var(--primary)}.programme-actions{justify-content:flex-end;gap:12px;display:flex}.dashboard-page{grid-template-columns:260px 1fr;gap:32px;margin-top:32px;display:grid}.dashboard-sidebar{color:#fff;background:#0b2442;border-radius:28px;min-height:720px;padding:28px}.dashboard-profile{align-items:center;gap:14px;margin-bottom:28px;display:flex}.profile-avatar{background:#1f4f8b;border-radius:18px;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.dashboard-sidebar ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dashboard-sidebar li{cursor:pointer;border-radius:18px;padding:14px 18px}.dashboard-sidebar li.active,.dashboard-sidebar li:hover{background:#ffffff1f}.dashboard-main{background:#fff;border-radius:28px;padding:32px;box-shadow:0 24px 60px #0f172a14}.dashboard-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dashboard-summary{grid-template-columns:repeat(3,minmax(140px,1fr));gap:16px;display:grid}.dashboard-summary div{background:#f8fafc;border-radius:22px;padding:18px}.dashboard-summary span{color:#64748b;display:block}.dashboard-summary strong{margin-top:8px;font-size:1.5rem;display:block}.dashboard-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:28px;display:grid}.panel-card{background:#f8fafc;border-radius:24px;padding:24px}.panel-card h3{margin-top:0}.panel-card ul{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.panel-card li{color:#475569;justify-content:space-between;display:flex}.panel-calendar .calendar-grid{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:16px;display:grid}.calendar-grid div{text-align:center;background:#fff;border-radius:14px;padding:12px;font-size:.9rem}.calendar-grid .today{color:#fff;background:#2563eb}.quick-links{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.news-page .news-layout{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.news-list-panel,.news-sidebar,.verify-panel,.verify-result-panel,.contact-card,.gallery-sidebar{background:#fff;border-radius:28px;padding:28px;box-shadow:0 24px 50px #0f172a0f}.card-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.news-grid{gap:18px;display:grid}.news-card{background:#f8fafc;border-radius:22px;padding:22px}.news-card h3{margin-top:0}.news-sidebar .sidebar-card{margin-bottom:20px}.news-sidebar .sidebar-card h3{margin-top:0}.news-sidebar ul{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.news-sidebar li{color:#475569;justify-content:space-between;display:flex}.verify-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}.verify-form{gap:16px;display:grid}.verify-form label{color:#334155;font-weight:700}.verify-input,.verify-form input,.verify-form textarea,.contact-form input,.contact-form textarea{border:1px solid #e6e9ef;border-radius:16px;width:100%;padding:14px 16px;font-size:1rem}.verify-result-panel{place-content:center;min-height:220px;display:grid}.verify-result{border-radius:22px;padding:24px;font-weight:700}.verify-result.valid{color:#166534;background:#ecfdf5}.verify-result.invalid{color:#991b1b;background:#fef2f2}.verify-hint h3{margin-top:0}.contact-layout{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.contact-card h2{margin-top:0}.contact-item{gap:6px;margin-top:18px;display:grid}.contact-item strong{color:#0f172a;display:block}.contact-form{gap:16px;display:grid}.contact-form label,.contact-form input,.contact-form textarea{width:100%}.gallery-layout{grid-template-columns:240px 1fr;gap:24px;margin-top:28px;display:grid}.gallery-sidebar h3{margin-top:0}.gallery-sidebar ul{gap:12px;margin:18px 0 24px;padding:0;list-style:none;display:grid}.gallery-sidebar li{cursor:pointer;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px}.gallery-sidebar li.active,.gallery-sidebar li:hover{background:#eef2ff;border-color:#2563eb}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gallery-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 50px #0f172a0f}.gallery-card img{object-fit:cover;width:100%;height:220px;display:block}.gallery-card div{padding:20px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;padding:24px 0;display:flex}.footer-brand{max-width:480px}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-bottom{text-align:center;color:#ffffffb3;border-top:1px solid #33415522;margin-top:12px;padding:18px 0 10px}@media (width<=900px){.about-hero,.news-page .page-hero,.certificate-page .page-hero,.contact-page .page-hero,.gallery-page .page-hero,.values-grid,.dashboard-grid,.gallery-grid,.verify-layout,.contact-layout,.gallery-layout,.news-layout,.dashboard-page{grid-template-columns:1fr}.dashboard-sidebar{min-height:auto}.programme-row{grid-template-columns:1fr}}@media (width<=600px){.container{padding:20px}.page-hero h1{font-size:2.1rem}.hero-keycards{grid-template-columns:1fr}.hero-card{padding:18px}.dashboard-summary{grid-template-columns:1fr}.program-filters{justify-content:flex-start}.gallery-sidebar{order:2}}