*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#071b3d;--blue:#0b4ea2;--cyan:#18b8d4;--sky:#eaf7ff;--ink:#17243b;--muted:#68758a;--white:#fff;--line:#e1e8f1;--accent:#ff6b5f;--soft:#f5f8fc}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--soft);line-height:1.6}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.topbar{background:var(--navy);color:#dce8fb;font-size:12px}
.topbar-inner{max-width:1240px;margin:auto;min-height:42px;padding:7px 22px;display:flex;align-items:center;gap:22px}
.topbar-inner a{margin-left:auto;background:var(--accent);color:#fff;font-weight:800;padding:7px 13px;border-radius:6px}
.navbar{height:82px;background:#7d1749;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #061b3d14}
.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}
.brand-mark{width:55px;height:43px;display:flex;align-items:center;justify-content:center;border:3px solid var(--blue);border-radius:8px 18px 8px 18px;color:var(--blue);font-weight:900;font-size:19px}
.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:14px}.brand small{color:var(--blue);font-weight:900;font-size:12px;letter-spacing:1px;margin-top:4px}
.navbar nav{display:flex;align-items:center;gap:22px}.navbar nav a{font-size:12px;font-weight:800;color:#253044}.navbar nav a:hover{color:var(--blue)}
.nav-admin{background:var(--navy)!important;color:#fff!important;padding:10px 13px;border-radius:7px}
.menu-btn{display:none;border:0;background:none;font-size:27px;color:var(--navy)}
.ceo-section{max-width:1240px;margin:0 auto;padding:62px 22px;display:grid;grid-template-columns:400px 1fr;gap:58px;align-items:center}
.ceo-photo-card{position:relative;border-radius:25px;overflow:hidden;box-shadow:0 25px 55px #071b3d25;background:#dcecff}
.ceo-photo-card img{width:100%;height:525px;display:block;object-fit:cover;object-position:center top}
.ceo-label{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;background:#071b3de8;color:#fff;border-left:4px solid var(--cyan);border-radius:10px}
.ceo-label strong,.ceo-label span{display:block}.ceo-label span{font-size:11px;color:#ccefff}
.eyebrow{display:inline-block;color:var(--blue);font-weight:900;letter-spacing:1.7px;font-size:11px}
.eyebrow.light{color:#8ce8f5}
.ceo-content h1{font-size:45px;line-height:1.1;margin:9px 0 20px;color:var(--navy)}.ceo-content h1 span,.section-heading h2 span,.about-content h2 span,.contact-section h2 span{color:var(--blue)}
.ceo-content p{color:var(--muted);font-size:15px;margin-bottom:13px}
.signature{border-left:4px solid var(--cyan);padding-left:14px;margin:21px 0;color:var(--muted)}.signature strong,.signature b,.signature span{display:block}.signature b{color:var(--navy)}.signature span{font-size:12px}
.hero{background:linear-gradient(115deg,#061a3a 0%,#0b3e86 55%,#0b729f 100%);color:#fff;overflow:hidden}
.hero-inner{max-width:1240px;margin:auto;padding:72px 22px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}
.hero h2{font-size:52px;line-height:1.05;margin:10px 0 17px}.hero h2 span{color:#62e0ef}.hero-copy p{max-width:650px;color:#d8e9ff;font-size:16px}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 19px;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}
.primary{background:linear-gradient(135deg,#0b78c9,#18b8d4);color:#fff;box-shadow:0 8px 20px #0b4ea238}.outline{background:#fff;color:var(--navy);border:1px solid #fff}.whatsapp{background:#20bd68;color:#fff}
.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-points div{border:1px solid #ffffff28;background:#ffffff0d;border-radius:15px;padding:22px;backdrop-filter:blur(5px)}.hero-points b{color:#6fe4f2;font-size:13px}.hero-points strong,.hero-points span{display:block}.hero-points span{font-size:12px;color:#c7d8ee}
.section{max-width:1240px;margin:auto;padding:82px 22px}.section-heading{text-align:center;max-width:760px;margin:0 auto 35px}.section-heading h2,.about-content h2{font-size:38px;line-height:1.15;margin:6px 0 9px}.section-heading p{color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.course-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #071b3d0c;display:flex;flex-direction:column}
.course-head{padding:25px;color:#fff;min-height:145px;position:relative;overflow:hidden;background:linear-gradient(135deg,#083c82,#12a8c5)}
.course-card:nth-child(2) .course-head{background:linear-gradient(135deg,#0b5aa8,#6b4bd8)}
.course-card:nth-child(3) .course-head{background:linear-gradient(135deg,#087b86,#13b9a1)}
.course-card:nth-child(4) .course-head{background:linear-gradient(135deg,#234b9d,#0c83c5)}
.course-card:nth-child(5) .course-head{background:linear-gradient(135deg,#7048a8,#c45aa9)}
.course-card:nth-child(6) .course-head{background:linear-gradient(135deg,#176b9d,#27a6c9)}
.course-card:nth-child(7) .course-head{background:linear-gradient(135deg,#164a77,#4b83b9)}
.course-number{position:absolute;right:18px;top:12px;font-size:45px;font-weight:900;color:#ffffff25}.course-icon{font-size:32px}.course-head h3{font-size:19px;line-height:1.2;margin-top:6px;max-width:88%}
.course-body{padding:21px;display:flex;flex-direction:column;flex:1}.course-body p{color:var(--muted);font-size:13px;min-height:62px}.course-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:12px;font-weight:800}.fee{color:var(--accent)}.course-body .btn{margin-top:17px;width:100%}
.about-section{padding:82px max(22px,calc((100% - 1240px)/2));background:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.about-content p{color:var(--muted);margin:15px 0}.check-list p{margin:8px 0;color:#33445e;font-weight:700;font-size:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-card{padding:28px;text-align:center;background:linear-gradient(145deg,#f0f9ff,#fff);border:1px solid #d8edf8;border-radius:15px}.stat-card strong{display:block;color:var(--blue);font-size:36px}.stat-card span{font-size:12px;color:var(--muted)}
.faculty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.faculty-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 16px;text-align:center;box-shadow:0 8px 25px #071b3d0a}.faculty-avatar{width:80px;height:80px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b4ea2,#18b8d4);color:#fff;font-weight:900;font-size:20px;border:5px solid #e5f8ff}.faculty-card h3{font-size:17px}.faculty-card p{color:var(--blue);font-size:12px;font-weight:800;margin:4px}.faculty-card span{color:var(--muted);font-size:11px}
.campus-section{padding:82px max(22px,calc((100% - 1240px)/2));background:linear-gradient(115deg,#071b3d,#0b4ea2);color:#fff}.light-heading h2{color:#fff}.light-heading p{color:#d3e5fa}.campus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.campus-card{background:#ffffff10;border:1px solid #ffffff20;border-radius:16px;padding:28px 18px;text-align:center}.campus-card i{font-style:normal;font-size:32px;display:block}.campus-card strong,.campus-card span{display:block}.campus-card span{font-size:11px;color:#cfe2f7;margin-top:5px}
.apply-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;align-items:start}.application-form,.contact-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 10px 35px #071b3d0b}.form-title{display:flex;gap:13px;align-items:center;margin-bottom:23px}.form-icon{width:43px;height:43px;border-radius:12px;background:#e8f9ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}.form-title h3{font-size:21px}.form-title p{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:12px;font-weight:900;color:#334157}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #dce4ee;border-radius:8px;background:#fbfdff;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #18b8d415}.full{grid-column:1/-1}.course-info{margin:18px 0;padding:13px;border-radius:9px;background:#eef9ff;border:1px solid #c9edf7;color:#17577d;font-size:13px}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.privacy-note{font-size:10px;color:#818a98;margin-top:9px}
.contact-card{position:sticky;top:105px;background:linear-gradient(145deg,#071b3d,#0b4ea2);color:#fff;border:0}.contact-card .eyebrow{color:#83e7f2}.contact-card h3{font-size:27px;margin:7px 0}.contact-card>p{font-size:13px;color:#d5e4f7;margin-bottom:20px}.contact-line{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #ffffff1c;color:#fff;font-weight:800}.big-wa{display:block;text-align:center;background:#20bd68;padding:13px;border-radius:8px;margin:18px 0;font-weight:900}.address-box{background:#ffffff10;border:1px solid #ffffff20;border-radius:10px;padding:14px;font-size:12px;color:#dceafb}
.contact-section{background:linear-gradient(105deg,#0b78c9,#0b4ea2);color:#fff;padding:50px max(22px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-section h2{font-size:32px;margin:4px 0}.contact-section p{color:#dcecff}.light-btn{background:#fff;color:var(--navy)}
footer{background:#06142e;color:#c8d5e8;padding:48px max(22px,calc((100% - 1240px)/2)) 20px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:45px}.footer-brand{color:#fff}.footer-main>div>p{font-size:12px;margin-top:13px;color:#9fb0c8}.footer-main h4{color:#fff;margin-bottom:10px}.footer-main a,.footer-main span{display:block;font-size:12px;margin:7px 0;color:#b9c8dc}.footer-bottom{border-top:1px solid #ffffff17;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;font-size:11px}.footer-bottom a{color:#6de1ed}
.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#20bd68;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 10px 25px #0005;z-index:80}
.modal{position:fixed;inset:0;background:#06142ed9;display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.show{display:flex}.modal-box{background:#fff;border-radius:18px;padding:34px;max-width:450px;width:100%;text-align:center;position:relative}.close-modal{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;cursor:pointer}.success-icon{width:65px;height:65px;border-radius:50%;margin:auto;background:#e7fff2;color:#15934e;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.modal-box h2{margin:12px}.modal-box p{color:var(--muted);margin-bottom:18px}
@media(max-width:1050px){.navbar nav{gap:12px}.ceo-section{grid-template-columns:340px 1fr}.hero-inner{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr 1fr}.faculty-grid{grid-template-columns:1fr 1fr}.campus-grid{grid-template-columns:1fr 1fr}.apply-layout{grid-template-columns:1fr}.contact-card{position:static}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.topbar-inner{display:none}.navbar{height:70px}.menu-btn{display:block}.navbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:#7d1749;flex-direction:column;align-items:stretch;padding:18px 22px;box-shadow:0 12px 25px #0002}.navbar nav.open{display:flex}.navbar nav a{padding:8px}.ceo-section{grid-template-columns:1fr;padding-top:38px}.ceo-photo-card{max-width:420px;margin:auto}.hero h2{font-size:42px}.about-section{grid-template-columns:1fr}.contact-section{flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:1fr}}
@media(max-width:580px){.ceo-content h1{font-size:34px}.hero h2{font-size:35px}.course-grid,.faculty-grid,.campus-grid,.form-grid,.stats-grid{grid-template-columns:1fr}.full{grid-column:auto}.section,.about-section{padding-top:60px;padding-bottom:60px}.ceo-photo-card img{height:430px}.application-form,.contact-card{padding:20px}.footer-bottom{flex-direction:column;gap:8px}}


/* Welcome / CEO landing page */
.welcome-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,#ffe5f0 0,#fff 32%,#eef8ff 100%);position:relative;overflow-x:hidden}
.welcome-bg-shape{position:fixed;border-radius:50%;filter:blur(3px);opacity:.65;pointer-events:none}
.shape-one{width:330px;height:330px;background:#f6a8c9;left:-150px;top:-100px}.shape-two{width:420px;height:420px;background:#91e5ef;right:-180px;bottom:-160px}
.welcome-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:38px 20px;position:relative;z-index:1}
.welcome-card{width:min(1180px,100%);background:#ffffffec;border:1px solid #ffffff;box-shadow:0 30px 80px #071b3d1c;border-radius:30px;padding:24px;backdrop-filter:blur(10px)}
.welcome-badge{width:max-content;max-width:100%;margin:0 auto 24px;padding:9px 16px;border-radius:999px;background:linear-gradient(135deg,#f17bb0,#9a6be8);color:#fff;font-weight:900;font-size:11px;letter-spacing:1px;text-align:center}
.welcome-content{display:grid;grid-template-columns:430px 1fr;gap:52px;align-items:center;padding:12px 24px 24px}
.welcome-photo-wrap{position:relative;max-width:430px;margin:auto;width:100%}.welcome-photo-wrap img{width:100%;height:570px;object-fit:cover;object-position:center top;border-radius:26px;display:block;position:relative;z-index:2;box-shadow:0 22px 50px #071b3d25}.welcome-ring{position:absolute;inset:-13px 18px 13px -13px;border:3px solid #f28ab8;border-radius:30px;z-index:1}.welcome-name{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;background:#071b3ded;color:#fff;padding:15px 17px;border-radius:13px;border-left:4px solid #f28ab8}.welcome-name strong,.welcome-name span{display:block}.welcome-name span{font-size:11px;color:#d9efff;margin-top:3px}
.welcome-message h1{font-size:58px;line-height:1.02;margin:8px 0 14px;color:var(--navy)}.welcome-message h1 span{color:#d64f91}.welcome-message>p{color:var(--muted);font-size:14px;margin-bottom:12px}.welcome-quote{border-left:4px solid #f28ab8;background:#fff1f7;color:#8d3e68;padding:13px 15px;border-radius:0 12px 12px 0;font-weight:800;font-size:14px;margin:15px 0 18px}.welcome-sign{margin:18px 0;color:#6b7280;border-left:3px solid #8d7ae8;padding-left:13px;font-size:12px}.welcome-sign strong,.welcome-sign span{display:block}.welcome-sign strong{color:var(--navy);font-size:15px;margin-top:3px}.enter-btn{display:inline-flex;align-items:center;gap:22px;background:linear-gradient(135deg,#d64f91,#8d6de8);color:#fff;padding:14px 21px;border-radius:12px;font-weight:900;box-shadow:0 12px 25px #b85a9d33;transition:.2s}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #b85a9d44}.enter-btn span{font-size:22px;line-height:1}.enter-note{font-size:11px!important;color:#8b94a5!important;margin-top:9px!important}
/* Pink/coral accent used throughout the main website */
.navbar nav a:hover{color:#d64f91}.nav-admin{background:linear-gradient(135deg,#d64f91,#8d6de8)!important}.eyebrow{color:#c64d8c}.ceo-content h1 span,.section-heading h2 span,.about-content h2 span,.contact-section h2 span{color:#d64f91}.primary{background:linear-gradient(135deg,#d64f91,#8d6de8);box-shadow:0 8px 20px #b85a9d30}.fee{color:#d64f91}.form-icon{color:#c64d8c;background:#fff0f7}.course-info{background:#fff3f8;border-color:#f2c9dc;color:#7b3c61}.contact-section{background:linear-gradient(105deg,#8d6de8,#d64f91)}
.wa-number{background:#20bd68!important;color:#fff!important;border-radius:9px!important;margin:7px 0!important;padding:10px 12px!important;display:flex!important;align-items:center;justify-content:center;font-size:12px}
@media(max-width:900px){.welcome-content{grid-template-columns:1fr;gap:30px}.welcome-photo-wrap{max-width:390px}.welcome-message{text-align:left}.welcome-message h1{font-size:48px}}
@media(max-width:580px){.welcome-wrap{padding:15px}.welcome-card{padding:15px;border-radius:22px}.welcome-content{padding:8px}.welcome-photo-wrap img{height:430px}.welcome-message h1{font-size:40px}.welcome-badge{font-size:9px}.welcome-quote{font-size:12px}}

/* FINAL REQUESTED VISUAL UPDATE */
.topbar{display:none!important}
.navbar{background:linear-gradient(90deg,#fff7fb 0%,#ffffff 48%,#f2fbff 100%);border-bottom:1px solid #f0d9e6}
.navbar nav a{transition:.2s}.navbar nav a:hover{color:#d64f91;transform:translateY(-1px)}
.brand-mark{border-color:#d64f91;color:#d64f91;background:linear-gradient(135deg,#fff0f7,#eef8ff)}
.nav-admin{box-shadow:0 8px 18px #8d6de833}
.welcome-page{background:radial-gradient(circle at 8% 12%,#f7a9c9 0,transparent 28%),radial-gradient(circle at 92% 18%,#9de8f2 0,transparent 30%),radial-gradient(circle at 50% 100%,#c9b5ff 0,transparent 36%),linear-gradient(135deg,#fff4fa 0%,#f2f8ff 52%,#f4efff 100%)}
.welcome-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff35,#f7a9c91a,#8fe9f21c)}
.welcome-card{background:linear-gradient(135deg,#ffffffef 0%,#fff8fcf2 52%,#f4fbfff0 100%);border:1px solid #ffffff;box-shadow:0 30px 90px #8d6de82b,0 10px 30px #d64f9118}
.welcome-badge{background:linear-gradient(135deg,#d64f91,#8d6de8,#18a9c2);box-shadow:0 10px 25px #8d6de82b}
.welcome-photo-wrap img{box-shadow:0 25px 55px #8d6de83a}.welcome-ring{border-color:#d64f91;box-shadow:8px 8px 0 #18b8d425}
.welcome-name{background:linear-gradient(135deg,#071b3df2,#344b82ed);border-left-color:#18b8d4}
.welcome-message h1{color:#10254b;text-shadow:0 3px 20px #8d6de81c}.welcome-message h1 span{background:linear-gradient(90deg,#d64f91,#8d6de8,#0b86b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.welcome-quote{background:linear-gradient(90deg,#fff0f7,#eefaff);border-left-color:#d64f91;box-shadow:0 8px 20px #8d6de812}.welcome-sign{border-left-color:#8d6de8}
.enter-btn{background:linear-gradient(135deg,#d64f91,#8d6de8,#178eae);box-shadow:0 12px 28px #8d6de83d}.enter-btn:hover{box-shadow:0 17px 34px #8d6de84d}


/* Added only for the Home hero feature pictures */
.hero-points .hero-point-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  border:1px solid #ffffff28;
  background:linear-gradient(145deg,#ffffff12,#ffffff08);
  border-radius:15px;
  padding:18px;
  backdrop-filter:blur(7px);
  overflow:hidden;
  transition:transform .25s ease,background .25s ease;
}
.hero-points .hero-point-card:hover{
  transform:translateY(-5px);
  background:linear-gradient(145deg,#ffffff1c,#ffffff0c);
}
.hero-point-card img{
  width:78px;
  height:78px;
  object-fit:contain;
  margin-bottom:8px;
  filter:drop-shadow(0 8px 12px #0002);
}
.hero-point-card b{color:#6fe4f2;font-size:13px}
.hero-point-card strong,.hero-point-card span{display:block}
.hero-point-card strong{font-size:16px;margin-top:2px}
.hero-point-card span{font-size:12px;color:#c7d8ee;margin-top:3px}
@media(max-width:600px){
  .hero-points{grid-template-columns:1fr 1fr}
  .hero-points .hero-point-card{min-height:175px;padding:15px}
  .hero-point-card img{width:62px;height:62px}
}


/* FIT LOGO UPDATE */
.brand-logo{display:block;width:190px;height:auto;object-fit:contain}
.navbar .brand-logo{max-height:58px}
.footer-logo{width:210px;max-width:100%}
.welcome-logo-badge{background:transparent;box-shadow:none;border-radius:0;padding:0;display:flex;justify-content:center;align-items:center}
.welcome-logo-badge img{display:block;width:min(310px,80vw);height:auto;max-height:100px;object-fit:contain}
@media(max-width:580px){.brand-logo{width:155px}.footer-logo{width:185px}.welcome-logo-badge img{width:min(270px,85vw);max-height:85px}}

/* FINAL REQUEST: compact menu, career, map, WhatsApp selector and CEO popup */
.navbar nav{gap:8px}
.navbar nav a{font-size:11px;padding:8px 10px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.navbar nav a:not(.nav-admin){background:linear-gradient(145deg,#ff9b32,#ef6b16);color:#fff;box-shadow:0 5px 0 #b94b0c,0 8px 14px #ef6b1630}
.navbar nav a:not(.nav-admin):hover{color:#fff;transform:translateY(-2px);box-shadow:0 7px 0 #b94b0c,0 11px 18px #ef6b1640}
.nav-admin{background:linear-gradient(145deg,#ff9b32,#ef6b16)!important;color:#fff!important;box-shadow:0 5px 0 #b94b0c,0 8px 14px #ef6b1630!important}
.nav-admin:hover{transform:translateY(-2px);box-shadow:0 7px 0 #b94b0c,0 11px 18px #ef6b1640!important}

.career-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:950px;margin:auto}
.career-card{background:linear-gradient(145deg,#fff7fc,#eef8ff);border:1px solid #e1e8f1;border-radius:18px;padding:28px;box-shadow:0 14px 35px #071b3d10}
.career-icon{width:55px;height:55px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d64f91,#8d6de8);color:#fff;font-size:25px;margin-bottom:14px}
.career-card h3{font-size:22px;margin-bottom:7px}.career-card p{color:var(--muted);font-size:13px;margin-bottom:16px}
.file-btn{position:relative;overflow:hidden}.file-name{font-size:11px;color:var(--muted);margin-top:10px;word-break:break-word}
.job-list{margin-top:15px;display:grid;gap:8px}.job-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e4eaf2;border-radius:10px;padding:9px 11px;font-size:12px}.job-item a{color:var(--blue);font-weight:800}.empty-job{font-size:11px;color:#8994a5;background:#ffffffaa;border:1px dashed #d8e0ea;border-radius:10px;padding:12px;text-align:center}
.map-wrap{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid #ffffff22}.map-wrap iframe{width:100%;height:230px;border:0;display:block}.map-link{display:block;margin-top:10px;text-align:center;background:linear-gradient(135deg,#b78cf2,#6fa9ff);color:#fff!important;border-radius:9px;padding:10px;font-size:12px;font-weight:900;box-shadow:0 7px 16px #6f7fe733}

.floating-wa{border:0;padding:0}.floating-wa svg{width:32px;height:32px;display:block}.floating-wa:hover{transform:translateY(-3px) scale(1.04)}
.wa-modal{position:fixed;inset:0;background:#071329b8;display:none;align-items:center;justify-content:center;padding:18px;z-index:120}.wa-modal.show{display:flex}.wa-box{width:min(360px,100%);background:linear-gradient(145deg,#f7fbff,#fff7fc);border:1px solid #fff;border-radius:18px;padding:22px;box-shadow:0 25px 70px #0005;position:relative;text-align:center}.wa-box h3{color:var(--navy);font-size:20px}.wa-box p{color:var(--muted);font-size:12px;margin:4px 0 15px}.wa-box>a{display:block;background:linear-gradient(145deg,#20c96a,#0b9e4d);color:#fff;border-radius:10px;padding:11px;margin:8px 0;font-weight:900;box-shadow:0 5px 0 #08773a,0 8px 15px #20bd6830}.wa-box>a:hover{transform:translateY(-2px)}.wa-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#334157;font-size:25px;cursor:pointer}

/* Smaller CEO popup over the website */
.popup-home-page{overflow:hidden;background:#06142e}.site-frame{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:1;background:#fff}.welcome-overlay{position:fixed;inset:0;background:#06142e9c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.welcome-overlay.closed{display:none}.welcome-popup{width:min(760px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#fff,#fff7fc,#f1f8ff);border:1px solid #fff;border-radius:20px;box-shadow:0 25px 70px #0005;padding:20px;display:grid;grid-template-columns:220px 1fr;gap:22px;position:relative}.welcome-close{position:absolute;right:10px;top:7px;border:0;background:#101a2d;color:#fff;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer;z-index:4}.popup-ceo-photo img{width:100%;height:300px;object-fit:cover;object-position:center top;border-radius:16px;display:block;box-shadow:0 14px 28px #071b3d25}.popup-ceo-message{padding:4px 8px}.popup-ceo-message h1{font-size:38px;line-height:1.05;margin:6px 0 10px;color:var(--navy)}.popup-ceo-message h1 span{color:#d64f91}.popup-ceo-message p{font-size:12px;color:var(--muted);margin:7px 0}.popup-ceo-message .welcome-quote{font-size:12px;padding:9px 11px;margin:9px 0 12px}.popup-ceo-message .welcome-sign{margin:10px 0}.popup-ceo-message .enter-btn{padding:10px 15px;font-size:12px}.popup-ceo-message .enter-btn span{font-size:17px}
@media(max-width:900px){.navbar nav{gap:6px}.navbar nav a{padding:7px 8px}.career-grid{grid-template-columns:1fr}.welcome-popup{grid-template-columns:190px 1fr;gap:16px}.popup-ceo-photo img{height:270px}}
@media(max-width:700px){.navbar nav a{font-size:10px}.welcome-popup{grid-template-columns:1fr;max-height:92vh}.popup-ceo-photo{max-width:190px;margin:auto}.popup-ceo-photo img{height:220px}.popup-ceo-message{text-align:left}.popup-ceo-message h1{font-size:30px}.map-wrap iframe{height:210px}}
@media(max-width:580px){.navbar nav a{padding:7px 6px}.floating-wa{right:15px;bottom:15px;width:54px;height:54px}.floating-wa svg{width:30px;height:30px}.career-card{padding:21px}.welcome-popup{padding:15px}.welcome-close{right:8px;top:7px}}


/* FINAL REQUESTED UPDATE: circular FIT logos, animated front/footer logos, orange menu */
.brand-logo{
  width:72px !important;
  height:72px !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:50% !important;
  display:block;
  animation:fitLogoFloat 3.8s ease-in-out infinite;
  filter:drop-shadow(0 9px 14px rgba(7,27,61,.20));
  transform-origin:center;
}
.footer-logo{width:72px !important;height:72px !important}
@keyframes fitLogoFloat{
  0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}
  25%{transform:translateY(-4px) rotate(2deg) scale(1.03)}
  50%{transform:translateY(0) rotate(0deg) scale(1.06)}
  75%{transform:translateY(-3px) rotate(-2deg) scale(1.03)}
}
.navbar nav a:not(.nav-admin), .nav-admin{
  background:linear-gradient(145deg,#ff9b32,#ef6b16) !important;
  color:#fff !important;
  box-shadow:0 5px 0 #b94b0c,0 8px 14px #ef6b1630 !important;
}
.navbar nav a:not(.nav-admin):hover,.nav-admin:hover{
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 7px 0 #b94b0c,0 11px 18px #ef6b1640 !important;
}
.navbar .brand{flex-shrink:0;color:#fff}.navbar .brand small{color:#fff}.navbar .menu-btn{color:#fff}
.contact-section{align-items:stretch !important}
.contact-copy{flex:1;min-width:0}
.contact-address{margin:18px 0;background:#ffffff12;border:1px solid #ffffff2b;border-radius:12px;padding:13px 15px;display:grid;gap:4px;max-width:650px}
.contact-address strong{color:#fff}.contact-address span{font-size:12px;color:#dcecff}
.contact-map{width:min(460px,42vw);min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #ffffff35;box-shadow:0 15px 35px #06142e45;background:#fff}
.contact-map iframe{width:100%;height:100%;min-height:250px;border:0;display:block}
/* Smaller CEO welcome popup */
.welcome-popup{width:min(650px,92vw) !important;max-height:84vh !important;padding:15px !important;grid-template-columns:175px 1fr !important;gap:16px !important;border-radius:18px !important}
.popup-ceo-photo img{height:235px !important;border-radius:14px !important}
.popup-ceo-message{padding:2px 5px !important}
.popup-ceo-message h1{font-size:29px !important;line-height:1.08 !important;margin:5px 0 8px !important}
.popup-ceo-message h1 span{font-size:inherit}
.popup-ceo-message p{font-size:11px !important;margin:5px 0 !important}
.popup-ceo-message .welcome-quote{font-size:11px !important;padding:8px 10px !important;margin:7px 0 9px !important}
.popup-ceo-message .welcome-sign{margin:8px 0 !important}
.popup-ceo-message .enter-btn{padding:8px 12px !important;font-size:11px !important}
@media(max-width:900px){
  .contact-section{flex-direction:column !important}
  .contact-map{width:100%;min-height:220px}
  .contact-map iframe{min-height:220px}
  .welcome-popup{grid-template-columns:160px 1fr !important;width:min(620px,94vw) !important}
  .popup-ceo-photo img{height:215px !important}
}
@media(max-width:700px){
  .brand-logo,.footer-logo{width:64px !important;height:64px !important}
  .welcome-popup{grid-template-columns:1fr !important;max-height:90vh !important}
  .popup-ceo-photo{max-width:150px !important;margin:auto !important}
  .popup-ceo-photo img{height:185px !important}
  .popup-ceo-message h1{font-size:26px !important}
}
@media(max-width:580px){
  .brand-logo,.footer-logo{width:58px !important;height:58px !important}
  .contact-map{min-height:200px}.contact-map iframe{min-height:200px}
}

/* LATEST REQUESTED UPDATE: compact footer, equal 3D buttons, compact CEO popup, clean enrollment form */
.navbar nav a,
.navbar nav a:not(.nav-admin),
.navbar nav .nav-admin{
  width:108px !important;
  min-width:108px !important;
  height:38px !important;
  padding:0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:linear-gradient(145deg,#ffb45c,#f27a22) !important;
  color:#fff !important;
  border-radius:8px !important;
  box-shadow:0 5px 0 #b95010,0 8px 14px #ef6b1630 !important;
  transform:translateY(0);
}
.navbar nav a:hover,
.navbar nav a:not(.nav-admin):hover,
.navbar nav .nav-admin:hover{
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 7px 0 #b95010,0 11px 18px #ef6b1640 !important;
}
.btn{
  min-width:160px !important;
  height:42px !important;
  padding:0 18px !important;
  border-radius:9px !important;
  box-shadow:0 5px 0 rgba(92,55,20,.35),0 9px 18px rgba(7,27,61,.16) !important;
}
.btn:hover{transform:translateY(-2px) !important}

/* Only the requested six enrollment fields remain. */
.single-application{grid-template-columns:1fr !important}
.single-application .application-form{width:100%;max-width:1000px;margin:0 auto}
.single-application .form-grid{grid-template-columns:1fr 1fr}
.single-application .form-actions{align-items:center}

/* Keep the separate Contact Us location/map section unchanged and remove the map that used to sit beside enrollment. */
.single-application + .contact-section{margin-top:0}

/* Smaller footer and footer logo. */
footer{padding:28px max(22px,calc((100% - 1240px)/2)) 12px !important}
.footer-main{gap:28px !important}
.footer-logo{width:62px !important;height:62px !important;max-width:62px !important;object-fit:cover !important;border-radius:50% !important}
.footer-main>div>p{margin-top:7px !important}
.footer-main h4{margin-bottom:6px !important}
.footer-main a,.footer-main span{margin:4px 0 !important;font-size:11px !important}
.footer-bottom{margin-top:18px !important;padding-top:10px !important;font-size:10px !important}

/* Smaller CEO welcome popup. */
.welcome-popup{
  width:min(560px,90vw) !important;
  max-height:76vh !important;
  padding:12px !important;
  grid-template-columns:145px 1fr !important;
  gap:12px !important;
  border-radius:16px !important;
}
.popup-ceo-photo img{height:190px !important;border-radius:12px !important}
.popup-ceo-message{padding:0 3px !important}
.popup-ceo-message h1{font-size:24px !important;line-height:1.08 !important;margin:4px 0 6px !important}
.popup-ceo-message p{font-size:10px !important;line-height:1.4 !important;margin:4px 0 !important}
.popup-ceo-message .welcome-quote{font-size:10px !important;line-height:1.35 !important;padding:7px 8px !important;margin:5px 0 7px !important}
.popup-ceo-message .welcome-sign{margin:6px 0 !important;font-size:10px !important}
.popup-ceo-message .welcome-sign strong{font-size:12px !important}
.popup-ceo-message .enter-btn{min-width:115px !important;width:auto !important;height:34px !important;padding:0 10px !important;font-size:10px !important}
.welcome-close{width:28px !important;height:28px !important;font-size:19px !important;right:7px !important;top:6px !important}

@media(max-width:900px){
  .navbar nav a,.navbar nav a:not(.nav-admin),.navbar nav .nav-admin{width:100% !important;min-width:0 !important}
  .single-application .form-grid{grid-template-columns:1fr 1fr}
  .welcome-popup{width:min(540px,92vw) !important;grid-template-columns:135px 1fr !important}
  .popup-ceo-photo img{height:180px !important}
}
@media(max-width:700px){
  .single-application .form-grid{grid-template-columns:1fr}
  .btn{width:100% !important;min-width:0 !important}
  .welcome-popup{grid-template-columns:1fr !important;max-height:86vh !important}
  .popup-ceo-photo{max-width:125px !important;margin:auto !important}
  .popup-ceo-photo img{height:155px !important}
  .popup-ceo-message h1{font-size:22px !important}
}

/* FINAL REQUESTED UI UPDATE: compact controls, orange navigation, colorful 3D action buttons, responsive LMS */
.navbar{
  background:linear-gradient(90deg,#fff1df 0%,#ffe0bd 50%,#fff1df 100%) !important;
}
.navbar nav a,
.navbar nav a:not(.nav-admin),
.navbar nav .nav-admin{
  width:102px !important;
  min-width:102px !important;
  height:36px !important;
  padding:0 7px !important;
  border-radius:8px !important;
  background:linear-gradient(145deg,#ff9f43,#ef6b16) !important;
  color:#fff !important;
  box-shadow:0 4px 0 #b94b0c,0 7px 13px rgba(239,107,22,.25) !important;
}
.navbar nav a:hover,
.navbar nav a:not(.nav-admin):hover,
.navbar nav .nav-admin:hover{
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 6px 0 #b94b0c,0 10px 16px rgba(239,107,22,.30) !important;
}

/* All regular/action buttons use one non-orange colorful 3D style and equal compact sizing. */
.btn,
.login-back{
  min-width:138px !important;
  height:38px !important;
  padding:0 14px !important;
  border-radius:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:linear-gradient(145deg,#8d6de8,#18a9c2) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 4px 0 #5360a8,0 8px 16px rgba(24,169,194,.22) !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.btn:hover,
.login-back:hover{
  transform:translateY(-2px) !important;
  color:#fff !important;
  box-shadow:0 6px 0 #5360a8,0 11px 20px rgba(24,169,194,.28) !important;
}
.btn.outline{background:linear-gradient(145deg,#8d6de8,#18a9c2) !important;color:#fff !important}
.btn.whatsapp{background:linear-gradient(145deg,#19c979,#0a9d62) !important;box-shadow:0 4px 0 #087348,0 8px 16px rgba(10,157,98,.22) !important}
.btn.whatsapp:hover{box-shadow:0 6px 0 #087348,0 11px 20px rgba(10,157,98,.28) !important}

/* Compact footer */
footer{padding:20px 22px 10px !important}
.footer-main{gap:20px !important}
.footer-main>div{min-width:0}
.footer-logo{width:54px !important;height:54px !important;max-width:54px !important}
.footer-main h4{font-size:14px !important;margin-bottom:4px !important}
.footer-main a,.footer-main span,.footer-main p{font-size:10px !important;line-height:1.45 !important;margin:2px 0 !important}
.footer-bottom{margin-top:10px !important;padding-top:7px !important;font-size:9px !important}

/* Smaller colorful admin login card/background */
.admin-login{
  padding:18px !important;
  background:
    radial-gradient(circle at 12% 15%,#f7a9c9 0,transparent 28%),
    radial-gradient(circle at 88% 18%,#8fe9f2 0,transparent 30%),
    radial-gradient(circle at 55% 90%,#c9b5ff 0,transparent 34%),
    linear-gradient(135deg,#fff1df,#f4efff 52%,#e9fbff) !important;
}
.admin-login-card{
  width:min(390px,92vw) !important;
  padding:22px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#fff,#fff4fb 52%,#eefaff) !important;
  box-shadow:0 22px 55px rgba(70,55,120,.20) !important;
}
.admin-login-logo{width:68px !important;height:68px !important}
.admin-login-card input{padding:10px 11px !important;margin:6px 0 11px !important}
.admin-login-card .btn{width:100% !important}
.login-back{margin-top:12px !important}
.admin-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-action-btn{min-width:138px !important}

/* Responsive behavior: keep controls usable on phones, tablets, laptops and desktops. */
img,iframe{max-width:100%}
@media(max-width:1050px){
  .navbar nav{gap:7px}
  .navbar nav a,.navbar nav a:not(.nav-admin),.navbar nav .nav-admin{width:92px !important;min-width:92px !important;font-size:10px !important}
  .admin-header{padding-left:18px !important;padding-right:18px !important}
  .admin-header-actions{justify-content:flex-start}
}
@media(max-width:800px){
  .navbar{height:68px !important;padding:0 14px !important}
  .navbar .brand-logo{width:58px !important;height:58px !important}
  .menu-btn{display:block !important}
  .navbar nav{top:68px !important;padding:12px 14px !important;gap:7px !important;background:linear-gradient(180deg,#fff1df,#fffaf5) !important}
  .navbar nav a,.navbar nav a:not(.nav-admin),.navbar nav .nav-admin{width:100% !important;min-width:0 !important;height:36px !important}
  .btn,.login-back{width:100% !important;min-width:0 !important}
  .admin-header{flex-direction:column !important;align-items:flex-start !important}
  .admin-header-actions{width:100% !important;justify-content:stretch !important}
  .admin-action-btn{flex:1 1 180px !important}
}
@media(max-width:580px){
  .navbar .brand-logo{width:54px !important;height:54px !important}
  .admin-login-card{width:min(350px,94vw) !important;padding:18px !important}
  .admin-login-logo{width:60px !important;height:60px !important}
  .admin-header h1{font-size:27px !important}
  .admin-main{padding:20px 14px !important}
  footer{padding:16px 14px 8px !important}
  .footer-main{gap:12px !important}
  .footer-logo{width:48px !important;height:48px !important;max-width:48px !important}
}


/* FINAL USER REQUEST: one working Back to Website button + compact colorful controls */
.admin-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.admin-action-btn{width:138px !important;min-width:138px !important;height:36px !important;padding:0 10px !important}
.admin-header-actions .btn.primary{background:linear-gradient(145deg,#d64f91,#8d6de8,#18a9c2) !important;color:#fff !important;box-shadow:0 4px 0 #5360a8,0 8px 14px rgba(141,109,232,.25) !important}
.navbar nav a,.navbar nav a:not(.nav-admin),.navbar nav .nav-admin{background:linear-gradient(145deg,#ff9f43,#ef6b16) !important;color:#fff !important}
.navbar nav a,.navbar nav a:not(.nav-admin),.navbar nav .nav-admin{width:92px !important;min-width:92px !important;height:34px !important;font-size:10px !important}
@media(max-width:800px){.admin-header-actions{width:100%;justify-content:flex-start}.admin-action-btn{width:138px !important;min-width:138px !important;flex:0 0 138px !important}.navbar nav a,.navbar nav a:not(.nav-admin),.navbar nav .nav-admin{width:100% !important;min-width:0 !important;height:36px !important;font-size:11px !important}}


/* REQUESTED FINAL CHANGES: career CV/job forms + orange Courses/Home + mixed-color navigation */
/* Keep Home and Courses visually orange as requested. */
.navbar nav a[href*="#home"],
.navbar nav a[href*="#courses"]{
  background:linear-gradient(145deg,#ffad4d,#f27a22)!important;
  color:#fff!important;
  box-shadow:0 5px 0 #b95010,0 8px 14px #ef6b1630!important;
}
/* Other navigation buttons use a blue/orange/purple palette. */
.navbar nav a[href*="#about"],
.navbar nav a[href*="#faculty"],
.navbar nav a[href*="#campus"]{
  background:linear-gradient(145deg,#438ff5,#7357d9)!important;
  color:#fff!important;
  box-shadow:0 5px 0 #394b9b,0 8px 14px #526de833!important;
}
.navbar nav a[href*="#career"]{
  background:linear-gradient(145deg,#d64f91,#8d6de8)!important;
  color:#fff!important;
  box-shadow:0 5px 0 #7b3f9c,0 8px 14px #8d6de833!important;
}
.navbar nav a[href*="#contact"]{
  background:linear-gradient(145deg,#ef7a43,#d64f91)!important;
  color:#fff!important;
  box-shadow:0 5px 0 #a83e58,0 8px 14px #d64f9133!important;
}
.navbar nav .nav-admin{
  background:linear-gradient(145deg,#438ff5,#0b4ea2)!important;
  color:#fff!important;
  box-shadow:0 5px 0 #063b7e,0 8px 14px #0b4ea233!important;
}
.navbar nav a[href*="#home"]:hover,
.navbar nav a[href*="#courses"]:hover,
.navbar nav a[href*="#about"]:hover,
.navbar nav a[href*="#faculty"]:hover,
.navbar nav a[href*="#campus"]:hover,
.navbar nav a[href*="#career"]:hover,
.navbar nav a[href*="#contact"]:hover,
.navbar nav .nav-admin:hover{color:#fff!important}

.career-form{display:grid;gap:10px;margin-top:8px}
.career-form label:not(.btn){display:grid;gap:5px;font-size:11px;font-weight:800;color:#334157;text-align:left}
.career-form input:not([type="file"]){width:100%;padding:10px 11px;border:1px solid #dce4ee;border-radius:9px;outline:none;background:#fff}
.career-form input:not([type="file"]):focus{border-color:#8d6de8;box-shadow:0 0 0 3px #8d6de815}
.career-form .file-btn{display:flex!important;align-items:center;justify-content:center;margin-top:2px;cursor:pointer}
.career-submit{width:100%!important;margin-top:2px}
.career-success{font-size:11px;font-weight:800;color:#168a58;margin-top:8px;min-height:15px}
.job-item{align-items:flex-start!important;flex-direction:column!important}
.job-item .job-meta{font-size:10px;color:#68758a;line-height:1.5}
.job-item .job-actions{display:flex;gap:7px;align-items:center;width:100%}
.job-remove{border:0;border-radius:7px;padding:5px 8px;background:#ffe8ee;color:#b03d62;font-weight:800;cursor:pointer}
.job-item a{font-size:11px}
@media(max-width:700px){.single-application .form-grid{grid-template-columns:1fr}.career-grid{grid-template-columns:1fr!important}}

/* FINAL RESPONSIVE PASS — layout only; existing content, colors and features stay unchanged. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*:before,*:after{max-width:100%}
img,svg,video{height:auto;max-width:100%}

@media (max-width:1100px){
  .navbar{padding-left:18px!important;padding-right:18px!important}
  .ceo-section,.hero-inner,.section,.about-section,.campus-section{max-width:100%;}
  .ceo-section{gap:34px}
  .hero-inner{gap:30px}
  .course-grid{gap:16px}
  .faculty-grid,.campus-grid{gap:14px}
}

@media (max-width:900px){
  .ceo-section{grid-template-columns:minmax(280px,360px) minmax(0,1fr);padding-left:18px;padding-right:18px}
  .ceo-content h1{font-size:39px}
  .hero-inner{padding-left:18px;padding-right:18px}
  .section{padding-left:18px;padding-right:18px}
  .about-section,.campus-section,.contact-section{padding-left:18px;padding-right:18px}
  .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faculty-grid,.campus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .apply-layout{grid-template-columns:minmax(0,1fr)}
  .contact-card{position:static}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:800px){
  .navbar{width:100%;position:sticky;top:0}
  .navbar nav{max-height:calc(100vh - 68px);overflow-y:auto;overflow-x:hidden}
  .ceo-section{grid-template-columns:1fr;padding-top:38px;padding-bottom:48px}
  .ceo-photo-card{width:min(100%,420px)}
  .ceo-photo-card img{height:auto;aspect-ratio:4/5}
  .ceo-content{min-width:0}
  .ceo-content p{font-size:14px}
  .hero-inner{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}
  .hero-copy,.hero-points{min-width:0}
  .hero-points{grid-template-columns:1fr 1fr}
  .about-section{grid-template-columns:1fr}
  .about-content,.stats-grid{min-width:0}
  .apply-layout{grid-template-columns:1fr}
  .application-form,.contact-card{width:100%;min-width:0}
  .contact-section{flex-direction:column;align-items:flex-start}
  .contact-section .btn{width:auto!important}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-bottom{flex-wrap:wrap}
}

@media (max-width:600px){
  .ceo-section{padding-left:14px;padding-right:14px}
  .ceo-content h1{font-size:32px}
  .hero-inner{padding:46px 14px}
  .hero h2{font-size:34px}
  .hero-points{grid-template-columns:1fr}
  .section,.about-section,.campus-section{padding-left:14px;padding-right:14px}
  .section-heading h2,.about-content h2{font-size:31px}
  .course-grid,.faculty-grid,.campus-grid{grid-template-columns:1fr}
  .course-head{min-height:130px}
  .form-grid{grid-template-columns:1fr!important}
  .full{grid-column:auto}
  .form-actions{flex-direction:column}
  .form-actions .btn{width:100%!important}
  .contact-section{padding:40px 14px}
  .contact-section h2{font-size:28px}
  .contact-section .btn{width:100%!important}
  .footer-main{grid-template-columns:1fr;gap:18px!important}
  .footer-bottom{flex-direction:column;gap:8px}
  .welcome-overlay{padding:10px}
  .welcome-popup{width:100%!important;max-height:94vh!important;grid-template-columns:1fr!important;overflow-y:auto}
  .popup-ceo-photo{width:min(180px,70vw);margin:0 auto}
  .popup-ceo-photo img{height:220px}
  .popup-ceo-message{padding:2px 4px}
  .popup-ceo-message h1{font-size:28px}
  .admin-header{padding:28px 16px!important}
  .admin-main{padding:24px 14px!important}
  .admin-stats{grid-template-columns:1fr 1fr!important}
  .admin-header-actions{width:100%!important;justify-content:flex-start!important}
}

@media (max-width:400px){
  .brand strong{font-size:12px}
  .brand small{font-size:10px}
  .brand-mark{width:48px;height:39px;font-size:17px}
  .ceo-content h1{font-size:29px}
  .hero h2{font-size:30px}
  .section-heading h2,.about-content h2{font-size:28px}
  .admin-stats{grid-template-columns:1fr!important}
  .admin-action-btn{width:100%!important;min-width:0!important;flex:1 1 100%!important}
  .welcome-popup{padding:12px!important}
}


/* Sticky navigation: stays visible while scrolling */
.navbar, .main-navbar, .site-navbar, header.navbar, nav.navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100%;
}

/* Keep the navigation visually above page sections */
.navbar {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* FINAL FIX: keep only the main website navigation permanently visible while scrolling.
   Scoped to home.html so the admin portal never gets an unwanted blank top area. */
body.main-site-page .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:99999 !important;
}
body.main-site-page{
  padding-top:82px !important;
}
@media(max-width:800px){
  body.main-site-page{padding-top:68px !important}
  body.main-site-page .navbar{height:68px !important}
  body.main-site-page .navbar nav{top:68px !important}
}

/* Admin dashboard: clean colorful blended background after login. */
body.admin-page{
  background:
    radial-gradient(circle at 8% 8%,rgba(214,79,145,.20),transparent 24%),
    radial-gradient(circle at 92% 12%,rgba(24,184,212,.18),transparent 26%),
    radial-gradient(circle at 78% 88%,rgba(141,109,232,.20),transparent 30%),
    linear-gradient(135deg,#f7f0ff 0%,#eef9ff 48%,#fff4f9 100%) !important;
}
body.admin-page #adminDashboard{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 55%,rgba(255,170,205,.16),transparent 22%),
    radial-gradient(circle at 88% 62%,rgba(126,224,239,.15),transparent 24%);
}
body.admin-page .admin-main{
  position:relative;
}
body.admin-page .admin-stat,
body.admin-page .admin-panel{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 12px 35px rgba(65,70,130,.10) !important;
}

/* Full responsive admin layout for desktop, laptop, tablet and mobile. */
@media(max-width:1050px){
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .admin-header{padding:26px 16px !important;gap:16px !important}
  .admin-header h1{font-size:30px !important}
  .admin-header p{font-size:13px}
  .admin-main{padding:22px 14px !important}
  .admin-panel{padding:18px !important;border-radius:13px}
  .tools{flex-direction:column;align-items:stretch}
  .tools .search,.tools .btn{width:100% !important}
  .admin-table{min-width:820px}
}
@media(max-width:480px){
  .admin-stats{grid-template-columns:1fr !important}
  .admin-header{padding:22px 14px !important}
  .admin-header h1{font-size:26px !important}
  .admin-header-actions{width:100% !important}
  .admin-action-btn{width:100% !important;min-width:0 !important;flex:1 1 100% !important}
  .admin-stat{padding:18px}
  .admin-panel{padding:15px !important}
  .admin-panel h2{font-size:20px}
}

/* FINAL ADMIN NAVIGATION FIX: the admin header stays visible after login. */
body.admin-page #adminDashboard .admin-header{
  position:sticky !important;
  top:0 !important;
  z-index:9998 !important;
  width:100% !important;
  box-sizing:border-box !important;
  box-shadow:0 8px 24px rgba(7,27,61,.16);
}
body.admin-page #adminDashboard .admin-header-actions{
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  body.admin-page #adminDashboard .admin-header{
    position:sticky !important;
    top:0 !important;
  }
}

/* FINAL REQUEST: slightly larger header logo, clearer footer text, and contact directly under footer logo. */
.navbar .brand-logo{
  width:82px !important;
  height:82px !important;
  max-height:82px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}
.footer-main{
  grid-template-columns:1fr 1fr !important;
  gap:28px !important;
  align-items:start !important;
}
.footer-left-column{min-width:0;}
.footer-courses-column{min-width:0;}
.footer-contact-block{margin-top:14px !important;}
.footer-contact-block h4{font-size:15px !important;margin-bottom:7px !important;}
.footer-courses-column h4{font-size:16px !important;margin-bottom:9px !important;}
.footer-courses-column a{font-size:13px !important;line-height:1.45 !important;margin:5px 0 !important;}
.footer-contact-block a,.footer-contact-block span{font-size:12px !important;line-height:1.5 !important;margin:4px 0 !important;}
.footer-left-column>p{font-size:12px !important;margin-top:7px !important;}
.footer-logo{width:76px !important;height:76px !important;max-height:76px !important;}
@media(max-width:800px){
  .navbar .brand-logo{width:64px !important;height:64px !important;max-height:64px !important;}
  .footer-main{grid-template-columns:1fr 1fr !important;gap:18px !important;}
  .footer-logo{width:64px !important;height:64px !important;max-height:64px !important;}
}
@media(max-width:600px){
  .footer-main{grid-template-columns:1fr !important;gap:16px !important;}
  .footer-contact-block{margin-top:10px !important;}
  .footer-courses-column h4{font-size:15px !important;}
  .footer-courses-column a{font-size:12px !important;}
}
@media(max-width:400px){
  .navbar .brand-logo{width:58px !important;height:58px !important;max-height:58px !important;}
  .footer-logo{width:58px !important;height:58px !important;max-height:58px !important;}
}

/* User logo: keep the supplied circular logo crisp and unchanged in design. */
.brand-logo,
.footer-logo,
.admin-login-logo {
  image-rendering: auto;
}

/* FINAL LOGO FIX: supplied circular logo, clear and gently moving */
.navbar .brand-logo,
.brand-logo {
  width: 82px !important;
  height: 82px !important;
  max-width: 82px !important;
  max-height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
  display: block !important;
  animation: fitLogoFloatFinal 3.8s ease-in-out infinite !important;
  transform-origin: center center !important;
}
@keyframes fitLogoFloatFinal {
  0%,100% { transform: translateY(0) rotate(-1deg) scale(1); }
  25% { transform: translateY(-4px) rotate(2deg) scale(1.025); }
  50% { transform: translateY(0) rotate(0deg) scale(1.045); }
  75% { transform: translateY(-3px) rotate(-2deg) scale(1.025); }
}
@media (max-width: 800px) {
  .navbar .brand-logo,
  .brand-logo {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
  }
}
@media (max-width: 400px) {
  .navbar .brand-logo,
  .brand-logo {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
  }
}

/* Excel navigation button: same compact 3D navigation treatment as the menu. */
.navbar nav .nav-excel{
  width:102px!important;min-width:102px!important;height:36px!important;padding:0 7px!important;
  border:0!important;border-radius:8px!important;font-size:11px!important;font-weight:800!important;
  background:linear-gradient(145deg,#8d6de8,#18a9c2)!important;color:#fff!important;cursor:pointer!important;
  box-shadow:0 4px 0 #5360a8,0 7px 13px rgba(24,169,194,.22)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.navbar nav .nav-excel:hover{transform:translateY(-2px)!important;box-shadow:0 6px 0 #5360a8,0 10px 16px rgba(24,169,194,.28)!important}
@media(max-width:1050px){.navbar nav .nav-excel{width:92px!important;min-width:92px!important;font-size:10px!important}}
@media(max-width:800px){.navbar nav .nav-excel{width:100%!important;min-width:0!important;height:36px!important}}


/* ============================================================
   REQUESTED UPDATE: CAMPUS PHOTO/GALLERY + HORIZONTAL CV + PUBLIC JOBS
   ============================================================ */
.campus-feature{
  max-width:1080px;margin:0 auto 24px;display:grid;grid-template-columns:1.15fr .85fr;
  gap:22px;align-items:stretch
}
.campus-image-button{
  position:relative;padding:0;border:0;background:none;border-radius:18px;overflow:hidden;
  cursor:pointer;min-height:320px;box-shadow:0 18px 40px #0004
}
.campus-image-button img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;transition:transform .35s ease}
.campus-image-button:hover img{transform:scale(1.035)}
.campus-image-overlay{
  position:absolute;left:18px;bottom:18px;background:#071b3de8;color:#fff;padding:10px 14px;
  border-radius:9px;font-weight:900;font-size:12px
}
.campus-feature-copy{
  background:#ffffff10;border:1px solid #ffffff25;border-radius:18px;padding:28px;
  display:flex;flex-direction:column;justify-content:center
}
.campus-tag{font-size:10px;letter-spacing:1.5px;color:#8ce8f5;font-weight:900}
.campus-feature-copy h3{font-size:27px;line-height:1.15;margin:9px 0 12px}
.campus-feature-copy p{font-size:13px;color:#d3e5fa;margin-bottom:18px}
.campus-see-more{align-self:flex-start;background:linear-gradient(145deg,#d64f91,#8d6de8);color:#fff}
.campus-highlights{max-width:1080px;margin:auto}
.campus-modal{position:fixed;inset:0;background:#06142ed9;display:none;align-items:center;justify-content:center;padding:20px;z-index:130}
.campus-modal.show{display:flex}
.campus-modal-box{position:relative;width:min(980px,96vw);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#fff,#f7f2ff);border-radius:20px;padding:28px;box-shadow:0 25px 80px #0006;color:var(--ink)}
.campus-modal-box h3{font-size:25px;margin:5px 0 18px;color:var(--navy)}
.campus-modal-close{position:absolute;right:14px;top:10px;width:35px;height:35px;border:0;border-radius:50%;background:#071b3d;color:#fff;font-size:24px;cursor:pointer}
.campus-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.campus-gallery figure{margin:0;background:#fff;border:1px solid #e1e8f1;border-radius:13px;overflow:hidden;box-shadow:0 8px 22px #071b3d10}
.campus-gallery img{width:100%;height:210px;object-fit:cover;display:block}
.campus-gallery figcaption{padding:9px 11px;font-size:11px;font-weight:800}
.campus-gallery-note{margin-top:13px;color:var(--muted);font-size:11px}

.career-single{max-width:1100px;margin:auto}
.cv-card{width:100%}
.cv-horizontal-form{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end
}
.cv-horizontal-form label{font-size:12px;font-weight:900;color:#334157}
.cv-horizontal-form label input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #dce4ee;border-radius:8px;background:#fbfdff;color:var(--ink);outline:none}
.cv-horizontal-form .file-btn{display:flex;min-height:43px;align-items:center;justify-content:center;padding:11px 12px;color:#fff;cursor:pointer}
.cv-horizontal-form .file-name{grid-column:1 / 3;margin:0;padding:11px 12px;border:1px dashed #d8e0ea;border-radius:8px;background:#fff}
.cv-horizontal-form .career-submit{min-height:43px}
.career-success{grid-column:1/-1;color:#15934e;font-size:12px;font-weight:800;margin-top:4px}
.jobs-public-card{margin-top:22px}
.jobs-public-card .job-list{margin-top:10px}
.public-job-item{align-items:center;padding:13px 14px}
.public-job-item .job-meta{font-size:11px;color:#68758a;margin-top:4px}
.public-job-item small{display:block;color:#8a94a4;margin-top:3px}
.public-job-view{border:0;background:linear-gradient(145deg,#8d6de8,#d64f91);color:#fff;border-radius:8px;padding:8px 12px;font-weight:900;cursor:pointer;white-space:nowrap}
.public-job-view:hover{transform:translateY(-1px)}
@media(max-width:900px){
  .campus-feature{grid-template-columns:1fr}
  .campus-image-button,.campus-image-button img{min-height:280px}
  .cv-horizontal-form{grid-template-columns:1fr 1fr}
  .cv-horizontal-form .file-name{grid-column:1/-1}
}
@media(max-width:600px){
  .campus-gallery{grid-template-columns:1fr}
  .campus-gallery img{height:220px}
  .cv-horizontal-form{grid-template-columns:1fr}
  .cv-horizontal-form .file-name{grid-column:1}
  .public-job-item{flex-direction:column;align-items:stretch}
  .public-job-view{width:100%}
}

/* Admin Portal color styling */
.admin-page .admin-header{background:linear-gradient(115deg,#34143f,#7d2f68 48%,#2d8b70)}
.admin-page .admin-stat:nth-child(1) b{color:#8d6de8}
.admin-page .admin-stat:nth-child(2) b{color:#d64f91}
.admin-page .admin-stat:nth-child(3) b{color:#2d9c75}
.admin-page .admin-stat:nth-child(4) b{color:#7d5de7}
.admin-page .admin-panel h2{color:#5b2d63}
.admin-page .admin-table th{background:#f8edf7;color:#6d2f62}
.admin-page .admin-action-btn{background:linear-gradient(145deg,#d64f91,#8d6de8)!important;box-shadow:0 5px 0 #693c88!important}
.admin-page .admin-login{background:radial-gradient(circle at 15% 10%,#ffe1ef,transparent 32%),radial-gradient(circle at 90% 90%,#dff8ed,transparent 34%),#f7f0f8}
.admin-page .admin-login-card{background:linear-gradient(145deg,#fff,#fff4fb,#effcf7)}
.admin-page .admin-login-card .primary{background:linear-gradient(145deg,#d64f91,#8d6de8)}
.admin-page .data-actions .primary{background:linear-gradient(145deg,#2d9c75,#8d6de8)}
.admin-page .file-link{background:linear-gradient(145deg,#d64f91,#8d6de8);box-shadow:0 4px 0 #6d3c86}

/* CAMPUS UPDATE: supplied FIT campus photographs */
.campus-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(120deg,rgba(5,22,52,.94),rgba(34,22,65,.86)),
    url('assets/campus-1.png') center/cover fixed;
}
.campus-feature-copy{background:linear-gradient(145deg,#0b244dE8,#7d2f68E6);border:1px solid #ffffff22;border-radius:18px;padding:28px;box-shadow:0 18px 45px #0004}
.campus-image-button{border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #0005}
.campus-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.campus-gallery figure{background:#fff}
.campus-gallery img{height:240px}
@media(max-width:600px){
  .campus-gallery{grid-template-columns:1fr}
  .campus-gallery img{height:220px}
}

/* Career: CV upload is the main form; public job openings appear as a compact list below it. */
.public-openings{max-width:1100px;margin:24px auto 0;background:linear-gradient(145deg,#fff7fb,#f4fbff);border:1px solid #ead7e6;border-radius:18px;padding:20px;box-shadow:0 12px 32px #071b3d10}
.public-openings-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}
.public-openings-heading h3{margin:3px 0 0;color:#16284c;font-size:23px}
.openings-note{font-size:11px;font-weight:800;color:#68758a}
.public-openings .job-list{margin-top:8px}
.public-openings .public-job-item{background:#fff;border:1px solid #e7ddec;border-radius:12px;margin:8px 0}
@media(max-width:650px){.public-openings-heading{flex-direction:column;align-items:flex-start}}

/* Admin Portal: keep its header visible while scrolling. */
body.admin-page #adminDashboard .admin-header{position:sticky!important;top:0!important;z-index:120!important}

/* COURSE FLYER + CEO LANDING PAGE */
.promo-landing-page{background:linear-gradient(180deg,#eef7ff 0%,#fff 46%,#edf6ff 100%);min-height:100vh}
.promo-landing{width:min(1180px,100%);margin:0 auto;padding:22px 18px 44px}
.course-flyer-section{display:flex;justify-content:center}
.flyer-shell{width:min(760px,100%);background:#fff;border-radius:24px;padding:10px;box-shadow:0 20px 55px rgba(6,45,96,.18);border:1px solid rgba(18,95,170,.12)}
.flyer-image-wrap{position:relative;overflow:hidden;border-radius:18px}
.course-flyer-image{display:block;width:100%;height:auto}
.flyer-actions{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);display:flex;gap:14px;justify-content:center;align-items:center;width:min(82%,470px)}
.flyer-3d-btn{display:inline-flex;align-items:center;justify-content:center;min-width:175px;height:54px;padding:0 24px;border-radius:14px;text-decoration:none;color:#fff;font-weight:1000;font-size:18px;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 7px 0 rgba(0,0,0,.28),0 14px 24px rgba(0,0,0,.2);transition:transform .18s ease,box-shadow .18s ease}
.flyer-3d-btn:hover{transform:translateY(-3px);box-shadow:0 10px 0 rgba(0,0,0,.26),0 18px 28px rgba(0,0,0,.2);color:#fff}
.flyer-3d-btn:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.25),0 7px 12px rgba(0,0,0,.16)}
.flyer-enroll{background:linear-gradient(145deg,#2f79e8,#0d4aa9);box-shadow:0 7px 0 #063475,0 14px 24px rgba(13,74,169,.28)}
.flyer-whatsapp{background:linear-gradient(145deg,#20d77d,#069c5a);box-shadow:0 7px 0 #057043,0 14px 24px rgba(6,156,90,.28)}
.ceo-flyer-section{padding:28px 0 0;display:flex;justify-content:center}
.ceo-static-card{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;display:grid!important;width:min(900px,100%)!important;max-height:none!important;padding:20px!important;grid-template-columns:190px 1fr!important;background:rgba(255,255,255,.96);border-radius:22px!important;box-shadow:0 18px 45px rgba(7,27,61,.14);border:1px solid #dce9f8;overflow:visible}
.ceo-static-card .popup-ceo-photo img{height:260px!important;object-fit:cover}
.ceo-static-card .popup-ceo-message h2{font-size:31px;line-height:1.1;margin:7px 0 10px}
.ceo-static-card .popup-ceo-message p{font-size:13px;line-height:1.55}
.ceo-static-card .enter-btn{display:inline-flex!important;width:auto!important;min-width:170px!important;height:42px!important;text-decoration:none}
@media(max-width:700px){
  .promo-landing{padding:12px 10px 28px}
  .flyer-shell{padding:5px;border-radius:16px}
  .flyer-image-wrap{border-radius:12px}
  .flyer-actions{bottom:3.8%;gap:8px;width:86%}
  .flyer-3d-btn{min-width:0;flex:1;height:42px;padding:0 10px;border-radius:10px;font-size:13px;box-shadow:0 5px 0 rgba(0,0,0,.26),0 9px 16px rgba(0,0,0,.16)}
  .ceo-flyer-section{padding-top:16px}
  .ceo-static-card{grid-template-columns:1fr!important;padding:14px!important;gap:12px!important}
  .ceo-static-card .popup-ceo-photo{max-width:150px;margin:auto}
  .ceo-static-card .popup-ceo-photo img{height:185px!important}
  .ceo-static-card .popup-ceo-message h2{font-size:23px}
}
@media(max-width:420px){.flyer-3d-btn{font-size:11px;height:38px}.flyer-actions{gap:6px}}

/* FINAL LANDING FLOW: course flyer -> CEO flyer -> main website */
.landing-site-frame{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:1;background:#fff}
.landing-modal-open{overflow:hidden}
.landing-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,18,44,.72);backdrop-filter:blur(2px)}
.landing-overlay.hidden{display:none}
.landing-flyer-modal{position:relative;width:min(900px,96vw);max-height:94vh;padding:8px;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.38);overflow:visible}
.landing-flyer-image-wrap{position:relative;overflow:hidden;border-radius:14px;line-height:0}
.landing-flyer-image{display:block;width:100%;height:auto;max-height:calc(94vh - 16px);object-fit:contain}
.landing-close{position:absolute;right:-12px;top:-12px;z-index:5;border:0;background:#101a2d;color:#fff;width:38px;height:38px;border-radius:50%;font-size:27px;line-height:38px;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.28)}
.landing-close:hover,.welcome-close:hover{transform:scale(1.04)}
.landing-flyer-modal .flyer-actions{bottom:4.5%}
.ceo-modal-card{width:min(900px,94vw)!important;max-height:88vh!important;overflow:auto!important;position:relative!important;grid-template-columns:220px 1fr!important;padding:20px!important}
.ceo-modal-card .popup-ceo-photo img{height:300px!important}
.ceo-modal-card .popup-ceo-message h2{font-size:31px;line-height:1.08;margin:6px 0 10px}
.ceo-modal-card .popup-ceo-message p{font-size:12px;line-height:1.45}
.ceo-modal-card .enter-btn{display:inline-flex!important;width:auto!important;min-width:125px!important;height:38px!important}
@media(max-width:760px){
  .landing-overlay{padding:12px}
  .landing-flyer-modal{width:min(96vw,620px);padding:5px;border-radius:15px}
  .landing-close{right:-7px;top:-7px;width:34px;height:34px;font-size:24px;line-height:34px}
  .landing-flyer-image{max-height:calc(94vh - 10px)}
  .landing-flyer-modal .flyer-actions{gap:7px;width:84%;bottom:3.8%}
  .landing-flyer-modal .flyer-3d-btn{height:43px;min-width:0;flex:1;padding:0 9px;font-size:13px;border-radius:10px}
  .ceo-modal-card{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;max-height:92vh!important}
  .ceo-modal-card .popup-ceo-photo{width:min(170px,58vw);margin:auto}
  .ceo-modal-card .popup-ceo-photo img{height:205px!important}
  .ceo-modal-card .popup-ceo-message h2{font-size:25px}
}
@media(max-width:420px){
  .landing-overlay{padding:8px}
  .landing-flyer-modal .flyer-3d-btn{height:38px;font-size:11px;padding:0 6px}
  .ceo-modal-card{padding:12px!important}
  .ceo-modal-card .popup-ceo-photo{width:125px}
  .ceo-modal-card .popup-ceo-photo img{height:155px!important}
  .ceo-modal-card .popup-ceo-message h2{font-size:21px}
  .ceo-modal-card .popup-ceo-message p{font-size:10px}
  .ceo-modal-card .welcome-quote{font-size:10px!important}
}

/* FINAL COMPACT FLYER POPUP: no side white space, smaller portrait card, responsive */
.landing-overlay{padding:12px;}
.landing-flyer-modal{
  width:auto;
  height:min(82vh, 820px);
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 24px);
  padding:0;
  background:transparent;
  border-radius:12px;
  box-shadow:0 24px 65px rgba(0,0,0,.42);
  overflow:visible;
}
.landing-flyer-image-wrap{
  width:auto;
  height:100%;
  overflow:hidden;
  border-radius:12px;
  background:transparent;
}
.landing-flyer-image{
  display:block;
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.landing-close{
  right:-10px;
  top:-10px;
  width:36px;
  height:36px;
  font-size:25px;
  line-height:36px;
}
.landing-flyer-modal .flyer-actions{
  left:50%;
  bottom:4.2%;
  width:82%;
  gap:10px;
}
.landing-flyer-modal .flyer-3d-btn{
  min-width:0;
  flex:1;
  height:48px;
  padding:0 14px;
  border-radius:11px;
  font-size:15px;
}
@media (max-width:900px){
  .landing-flyer-modal{height:min(80vh,760px);}
  .landing-close{right:-8px;top:-8px;width:34px;height:34px;font-size:23px;line-height:34px;}
}
@media (max-width:600px){
  .landing-overlay{padding:8px;}
  .landing-flyer-modal{height:min(82vh,700px);max-width:calc(100vw - 16px);}
  .landing-flyer-modal .flyer-actions{width:84%;gap:7px;bottom:3.8%;}
  .landing-flyer-modal .flyer-3d-btn{height:42px;font-size:12px;padding:0 8px;border-radius:9px;}
  .landing-close{right:-6px;top:-6px;width:32px;height:32px;font-size:22px;line-height:32px;}
}
@media (max-width:420px){
  .landing-flyer-modal{height:min(80vh,620px);}
  .landing-flyer-modal .flyer-actions{width:86%;gap:6px;}
  .landing-flyer-modal .flyer-3d-btn{height:38px;font-size:11px;padding:0 6px;}
}

/* FINAL CEO POPUP SIZE MATCH: compact square like the course flyer */
.ceo-overlay{padding:12px !important;}
.ceo-overlay .ceo-modal-card{
  width:min(82vh,82vw,620px) !important;
  height:min(82vh,82vw,620px) !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100vh - 24px) !important;
  box-sizing:border-box !important;
  padding:18px !important;
  display:grid !important;
  grid-template-columns:42% 1fr !important;
  gap:14px !important;
  align-items:center !important;
  overflow:hidden !important;
  border-radius:18px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-photo{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-photo img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  border-radius:13px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message{
  min-width:0 !important;
  max-width:100% !important;
  padding:0 3px !important;
  overflow:hidden !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message .eyebrow{
  font-size:10px !important;
  letter-spacing:1.2px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message h2{
  font-size:clamp(20px,3.2vw,28px) !important;
  line-height:1.06 !important;
  margin:5px 0 8px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message p{
  font-size:clamp(9px,1.25vw,11px) !important;
  line-height:1.38 !important;
  margin:4px 0 !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-quote{
  font-size:clamp(9px,1.2vw,11px) !important;
  line-height:1.3 !important;
  padding:7px 8px !important;
  margin:6px 0 8px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-sign{
  font-size:9px !important;
  line-height:1.3 !important;
  margin:7px 0 !important;
  padding-left:9px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-sign strong{
  font-size:11px !important;
  margin-top:2px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message .enter-btn{
  min-width:110px !important;
  width:auto !important;
  height:34px !important;
  padding:0 10px !important;
  font-size:10px !important;
  gap:10px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message .enter-btn span{font-size:15px !important;}
.ceo-overlay .ceo-modal-card .welcome-close{
  width:34px !important;height:34px !important;font-size:22px !important;
  right:-9px !important;top:-9px !important;
}

@media(max-width:600px){
  .ceo-overlay .ceo-modal-card{
    width:min(92vw,82vh) !important;
    height:min(92vw,82vh) !important;
    padding:13px !important;
    grid-template-columns:38% 1fr !important;
    gap:10px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-message h2{font-size:21px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message p{font-size:9px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-quote{font-size:9px !important;}
}

@media(max-width:430px){
  .ceo-overlay .ceo-modal-card{
    width:92vw !important;
    height:92vw !important;
    max-height:calc(100vh - 16px) !important;
    padding:11px !important;
    gap:8px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-message h2{font-size:18px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message .eyebrow{font-size:8px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message p{font-size:8px !important;line-height:1.3 !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-quote{font-size:8px !important;padding:5px 6px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-sign{font-size:8px !important;margin:5px 0 !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message .welcome-sign strong{font-size:10px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message .enter-btn{height:30px !important;min-width:92px !important;font-size:9px !important;}
}

/* FINAL CEO ALIGNMENT FIX: keep the compact square card, align the CEO photo with the message, and preserve responsiveness. */
.ceo-overlay .ceo-modal-card{
  width:min(560px,88vw,82vh) !important;
  height:min(560px,88vw,82vh) !important;
  padding:18px !important;
  grid-template-columns:40% 1fr !important;
  gap:16px !important;
  align-items:start !important;
  overflow:hidden !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-photo{
  align-self:start !important;
  margin-top:42px !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-photo img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 4 !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message{
  align-self:start !important;
  overflow:visible !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message h2{
  font-size:clamp(21px,3.2vw,28px) !important;
}
@media(max-width:600px){
  .ceo-overlay .ceo-modal-card{
    width:min(92vw,82vh) !important;
    height:min(92vw,82vh) !important;
    padding:13px !important;
    grid-template-columns:38% 1fr !important;
    gap:10px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-photo{margin-top:34px !important;}
}
@media(max-width:430px){
  .ceo-overlay .ceo-modal-card{
    width:92vw !important;
    height:92vw !important;
    max-height:calc(100vh - 16px) !important;
    padding:11px !important;
    gap:8px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-photo{margin-top:28px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message h2{font-size:18px !important;}
}

/* FINAL CEO POPUP POLISH: portrait photo + clearly visible close button */
.ceo-overlay .ceo-modal-card{
  width:min(560px,92vw) !important;
  height:auto !important;
  min-height:320px !important;
  max-height:calc(100vh - 32px) !important;
  padding:16px !important;
  grid-template-columns:145px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:center !important;
  overflow:hidden !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-photo{
  width:145px !important;
  max-width:145px !important;
  margin:0 !important;
  align-self:center !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-photo img{
  width:145px !important;
  height:190px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:12px !important;
  display:block !important;
}
.ceo-overlay .ceo-modal-card .popup-ceo-message{
  overflow:visible !important;
}
.ceo-overlay .ceo-modal-card .welcome-close{
  right:8px !important;
  top:8px !important;
  width:30px !important;
  height:30px !important;
  font-size:20px !important;
  line-height:30px !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}
@media(max-width:600px){
  .ceo-overlay .ceo-modal-card{
    width:min(92vw,520px) !important;
    min-height:290px !important;
    padding:13px !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    gap:12px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-photo,
  .ceo-overlay .ceo-modal-card .popup-ceo-photo img{
    width:125px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-photo img{height:165px !important;}
}
@media(max-width:430px){
  .ceo-overlay .ceo-modal-card{
    width:92vw !important;
    min-height:0 !important;
    padding:12px !important;
    grid-template-columns:105px minmax(0,1fr) !important;
    gap:9px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-photo,
  .ceo-overlay .ceo-modal-card .popup-ceo-photo img{
    width:105px !important;
  }
  .ceo-overlay .ceo-modal-card .popup-ceo-photo img{height:145px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message h2{font-size:18px !important;}
  .ceo-overlay .ceo-modal-card .popup-ceo-message p{font-size:8px !important;}
  .ceo-overlay .ceo-modal-card .welcome-quote{font-size:8px !important;}
  .ceo-overlay .ceo-modal-card .welcome-close{right:6px !important;top:6px !important;width:27px !important;height:27px !important;line-height:27px !important;font-size:18px !important;}
}

/* FINAL USER REQUEST: dark-pink navigation bar background only.
   Individual navigation button colors remain unchanged. */
.navbar{
  background:#7d1749 !important;
}
@media(max-width:800px){
  .navbar nav{
    background:#7d1749 !important;
  }
}