:root{--navy:#08295c;--blue:#0b5eb7;--gold:#f7b51d;--orange:#ff7a00;--ink:#10213d;--muted:#63708a;--bg:#f6f8fc;--white:#fff;--border:#e5e9f1;--shadow:0 18px 50px rgba(8,41,92,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--border);background:rgba(255,255,255,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.logo{font-weight:900;font-size:23px;letter-spacing:.4px;color:var(--navy);display:flex;align-items:center}
.site-header .logo img{
    width:100px !important;
    height:48px !important;
    max-width:100px !important;
    max-height:48px !important;
    object-fit:contain !important;
    display:block;
}
.site-header nav{
    display:none !important;
    align-items:center;
    gap:28px;
}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 10px 25px rgba(11,94,183,.2)}.btn.light{background:#fff;color:var(--navy)}.btn.outline{background:#fff;border:1px solid var(--border);color:var(--navy)}.btn.small{padding:7px 11px;font-size:12px}.btn.wide{width:100%}.btn.danger{background:#fff0f0;color:#b42318;border:1px solid #ffd0d0}
.hero{min-height:650px;padding:80px 8%;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;background:radial-gradient(circle at 85% 25%,#fff3c7 0,transparent 26%),linear-gradient(135deg,#f9fbff,#eef5ff)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--orange)}h1{font-size:58px;line-height:1.08;margin:14px 0 22px;letter-spacing:-2px}.hero h1 span{color:var(--orange)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#315071;font-size:13px;font-weight:700}.hero-card{background:linear-gradient(145deg,var(--navy),#0d4f9d);color:#fff;padding:42px;border-radius:28px;box-shadow:var(--shadow);min-height:390px;display:flex;flex-direction:column;justify-content:center}.cap{font-size:70px}.hero-card h3{font-size:29px;line-height:1.2}.hero-card p{color:#dce9ff}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.mini-stats div{background:rgba(255,255,255,.1);padding:12px;border-radius:12px;text-align:center}.mini-stats b{display:block;color:#ffd15a}.mini-stats span{font-size:11px}
.ticker {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  overflow: hidden;
  background: #081d42;
  color: #fff;
}

.ticker-label {
  flex-shrink: 0;
  padding: 15px 22px;
  background: var(--orange);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 1px;
  z-index: 2;
}

.ticker-track {
  display: flex;
  flex-shrink: 0;
  gap: 50px;
  min-width: max-content;
  padding-left: 35px;
  white-space: nowrap;
  animation: scroll 15s linear infinite;
}

.ticker-track span b {
  color: #ffd15a;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}
@media (max-width: 600px) {
  .ticker-track {
    gap: 30px;
    padding-left: 25px;
    animation-duration: 13s;
  }
}
.section{padding:85px 8%}.section.alt{background:#f7f9fd}.section.dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{font-size:38px;margin:7px 0}.section-head p{color:var(--muted);max-width:520px}.dark .section-head p{color:#c9d8f1}.searchbox{display:flex;gap:10px;margin-bottom:28px;max-width:750px}.searchbox input{flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--border);border-radius:18px;padding:24px;background:#fff;box-shadow:0 8px 25px rgba(8,41,92,.05)}.card h3{margin:10px 0 6px;font-size:21px}.card p{color:var(--muted);font-size:14px}.pill{display:inline-block;background:#fff3d2;color:#8a5a00;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.course-chip{border:1px solid var(--border);padding:18px;border-radius:15px;background:#fff}.course-chip b{display:block}.course-chip span{color:var(--muted);font-size:12px}.course-note{margin-top:25px;padding:18px;border-left:4px solid var(--orange);background:#fff6e9;border-radius:10px}.compare-box{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--border);border-radius:22px;padding:32px;background:#fff}.compare-box li{margin:7px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit{padding:24px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:18px}.benefit b{display:block;color:#ffd15a;font-size:24px}.benefit span{display:block;color:#d6e3f6;margin-top:7px;font-size:14px}.disclaimer{font-size:12px;color:#b8c8df;margin-top:24px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid>div{padding:25px;border-radius:18px;background:#f7f9fd}.icon{font-size:30px}.inquiry{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;background:linear-gradient(135deg,#f2f7ff,#fff8eb)}.inquiry h2{font-size:42px;line-height:1.15}.inquiry li{margin:10px 0}.form-card{background:#fff;padding:28px;border-radius:22px;box-shadow:var(--shadow);display:grid;gap:12px}.form-card input,.form-card select,.form-card textarea,input,select,textarea{font:inherit;border:1px solid #d9dfeb;border-radius:9px;padding:12px;outline:none;background:#fff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,94,183,.08)}.tiny{font-size:11px;color:var(--muted)}footer{background:#071a39;color:#c9d8f1;padding:55px 8%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}footer .logo{color:#fff}footer a{display:block;margin:7px 0;color:#c9d8f1}footer h4{color:#fff}.legal{max-width:900px;margin:0 auto;padding:70px 25px}.legal h1{font-size:48px}.legal h2{margin-top:35px}.legal p{color:#52617b}.empty{padding:25px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}
.admin-bg{min-height:100vh;background:linear-gradient(135deg,#eef5ff,#fff7e5);display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;padding:35px;border-radius:20px;box-shadow:var(--shadow)}.wide-card{width:min(700px,100%)}.brand-mini{font-weight:900;color:var(--navy);font-size:20px;margin-bottom:25px}.brand-mini span{color:var(--orange)}.login-card h1{font-size:34px;letter-spacing:-1px}.login-card form{display:grid;gap:9px}.login-card label{font-weight:700;font-size:13px;margin-top:7px}.muted{color:var(--muted)}.alert{padding:12px 15px;border-radius:10px;margin:12px 0;font-size:13px}.alert.danger{background:#fff0f0;color:#a40000}.alert.success{background:#eafaf0;color:#16723a}.warning{padding:12px;background:#fff6e0;border-radius:10px}.secret,.codes{background:#071a39;color:#fff;padding:16px;border-radius:10px;word-break:break-all}.admin-page{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{width:230px;background:#071a39;color:#cbd8ec;min-height:100vh;padding:25px 14px;position:sticky;top:0;height:100vh}.sidebar .brand-mini{color:#fff;padding:0 12px}.sidebar a{display:block;padding:11px 12px;border-radius:9px;margin:4px 0;font-size:13px}.sidebar a:hover,.sidebar a.active{background:#123a72;color:#fff}.main{padding:35px;flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top h1{font-size:36px;margin:0}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.stat span{display:block;color:var(--muted);font-size:12px}.stat b{font-size:30px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:20px}.panel h2{margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:#53617a;background:#fafbfe}.badge{display:inline-block;padding:4px 8px;background:#eef5ff;color:#14559c;border-radius:99px;font-size:11px}.inline{display:contents}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-form label{display:grid;gap:5px;font-size:12px;font-weight:800}.grid-form textarea{resize:vertical}.grid-form button{align-self:end}
@media(max-width:1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:55px 6%}.cards,.benefit-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.chips{grid-template-columns:repeat(2,1fr)}.inquiry{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.sidebar{width:190px}footer{grid-template-columns:1fr 1fr}}@media(max-width:650px){h1{font-size:40px}.section{padding:55px 5%}.cards,.benefit-grid,.feature-grid,.chips{grid-template-columns:1fr}.section-head{display:block}.hero-card{min-height:auto}.mini-stats{grid-template-columns:repeat(2,1fr)}.sidebar{display:none}.main{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}footer{grid-template-columns:1fr}.site-header{padding:0 4%}.site-header .btn{display:none}}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.media-item{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}.media-item img{width:100%;height:170px;object-fit:cover;border-radius:10px;background:#f4f6fa}.media-item>b{display:block;margin-top:8px}.media-actions{display:flex;gap:8px;margin-top:10px}.media-actions form{margin:0}@media(max-width:1000px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.media-grid{grid-template-columns:1fr}}
/* Restore original logo sizing */
.site-header .logo img{
    width:100px !important;
    height:48px !important;
    max-width:100px !important;
    max-height:48px !important;
    object-fit:contain !important;
    display:block !important;
}
/* SK EduPath MENU - FINAL */
.site-header{
    position:sticky;
}

.site-header .menu-btn{
    display:block;
    flex:0 0 auto;
    background:#08295c;
    color:#fff;
    border:0;
    border-radius:10px;
    padding:10px 16px;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    z-index:10001;
}

.site-header .menu-panel{
    display:none;
    position:absolute;
    top:78px;
    left:6%;
    right:auto;
    width:280px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    padding:12px;
    box-shadow:0 18px 50px rgba(8,41,92,.18);
    z-index:10000;
}

.site-header .menu-panel.open{
    display:block;
}

.site-header .menu-panel a{
    display:block;
    width:100%;
    padding:12px 14px;
    border-radius:9px;
    color:var(--ink);
    font-weight:700;
    text-decoration:none;
    box-sizing:border-box;
}

.site-header .menu-panel a:hover{
    background:#f4f7fc;
}

@media(max-width:650px){
    .site-header .menu-panel{
        left:4%;
        right:auto;
        width:92%;
        max-width:280px;
    }
}
footer .logo img {
  width: 105px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}
footer .logo {
  display: inline-block;
  line-height: 0;
  margin-bottom: 14px;
}

footer .logo img {
  width: 130px !important;
  height: 55px !important;
  max-width: 130px !important;
  max-height: 55px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}
.event-gallery-section {
    background: #f8fafc;
}

.event-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.event-gallery-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

.event-slider {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #e5e7eb;
}

.event-slides {
    width: 100%;
    height: 100%;
}

.event-slide {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-slide.active {
    display: block;
}

.event-prev,
.event-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.55);
    font-size: 28px;
    line-height: 30px;
    cursor: pointer;
    transform: translateY(-50%);
}

.event-prev {
    left: 12px;
}

.event-next {
    right: 12px;
}

.event-dots {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 7px;
}

.event-dots button {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    opacity: 0.6;
    cursor: pointer;
}

.event-dots button.active {
    opacity: 1;
    background: #2563eb;
}

.event-gallery-content {
    padding: 18px;
}

.event-gallery-content h3 {
    margin: 0 0 8px;
}

.event-gallery-content small {
    color: #64748b;
}

.event-gallery-content p {
    margin: 10px 0 0;
    color: #475569;
}
.section-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}
.site-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
}

.site-header .logo {
    order: 1 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
}

.site-header .menu-btn {
    order: 2 !important;
    margin-left: auto !important;
}