
:root{--navy:#071a4c;--blue:#0d3487;--gold:#f2b51d;--gold2:#ffd86a;--ink:#12213d;--muted:#5e6b84;--paper:#f6f8fc;--white:#fff;--line:#e3e9f4;--shadow:0 22px 60px rgba(7,26,76,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:9999;background:#fff;padding:10px}.topbar{background:var(--navy);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0}.topbar a{opacity:.94}.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,26,76,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;color:var(--navy);letter-spacing:-.02em}.brand img{width:58px;height:58px;object-fit:contain}.brand span small{display:block;color:#af7700;font-size:10px;letter-spacing:.22em}.menu{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.menu a:hover:after,.menu a.active:after{width:100%}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;transition:.25s}.btn-primary,.nav-cta{background:linear-gradient(135deg,var(--gold),#ffc93e);color:#091b46;box-shadow:0 10px 24px rgba(242,181,29,.25)}.btn-primary:hover,.nav-cta:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:var(--navy);border:1px solid var(--line)}.hamb{display:none;background:none;border:0;font-size:26px}.hero,.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(242,181,29,.24),transparent 25%),linear-gradient(135deg,#061642,#0e358b);color:#fff}.hero{min-height:680px;display:grid;align-items:center}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{font-size:18px;color:#dbe5ff;max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-card{position:relative;background:rgba(255,255,255,.96);border-radius:32px;padding:24px;color:var(--ink);box-shadow:0 34px 100px rgba(0,0,0,.28);transform:perspective(900px) rotateY(-4deg) rotateX(2deg);transition:.25s}.hero-card img{display:block;width:250px;margin:0 auto 6px}.hero-card h3{text-align:center;font-size:23px;margin:4px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.mini{background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:18px}.mini b{color:var(--blue);font-size:20px}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;pointer-events:none}.orb.one{width:220px;height:220px;background:#f2b51d;right:-90px;top:80px}.orb.two{width:140px;height:140px;background:#3970ef;left:45%;bottom:-55px}.stats{position:relative;margin-top:-42px;z-index:5}.stats-wrap{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.stat{padding:24px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:36px;color:var(--blue);line-height:1}.stat span{font-size:13px;color:var(--muted);font-weight:700}.section{padding:90px 0}.section.alt{background:var(--paper)}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.kicker{color:#b17900;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.045em;margin:10px 0 14px}.lead{font-size:18px;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(7,26,76,.05);transition:.28s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff3c6;color:#9b6900;font-weight:900;font-size:23px}.card h3{font-size:23px;line-height:1.2;margin:17px 0 10px}.card p{color:var(--muted)}.course-link{font-weight:900;color:var(--blue)}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual{min-height:420px;border-radius:32px;background:linear-gradient(145deg,#081b50,#1745a0);position:relative;overflow:hidden;padding:38px;color:#fff;box-shadow:var(--shadow)}.visual:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(242,181,29,.18);border-radius:50%;right:-80px;bottom:-100px}.checklist{display:grid;gap:14px;margin:24px 0}.check{display:flex;gap:12px;align-items:flex-start}.tick{flex:0 0 25px;height:25px;border-radius:50%;background:#fff0b4;color:#745000;display:grid;place-items:center;font-weight:900}.page-hero{min-height:390px;display:grid;align-items:end}.page-hero .container{position:relative;padding:80px 0 58px}.page-hero h1{font-size:clamp(40px,5vw,64px);margin-bottom:12px}.breadcrumb{color:#d7e2ff;font-weight:700;font-size:14px}.banner-slot{margin-top:25px;border:1px dashed rgba(255,255,255,.35);border-radius:18px;padding:14px 18px;color:#dbe5ff;font-size:13px;display:inline-block}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px}.prose h2{font-size:34px;line-height:1.2;margin:42px 0 12px}.prose h3{font-size:23px;margin:28px 0 8px}.prose p,.prose li{color:#48566f}.prose ul{padding-left:20px}.sidebar{position:sticky;top:110px;align-self:start}.cta-box{background:linear-gradient(145deg,#071a4c,#103a94);color:#fff;border-radius:24px;padding:26px}.cta-box input,.cta-box select,.cta-box textarea,.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}.cta-box input,.cta-box select{margin-bottom:10px}.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:14px}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}.contact-info{display:grid;gap:14px}.contact-item{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:900;color:var(--navy)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{overflow:hidden;padding:0}.blog-cover{height:190px;background:linear-gradient(135deg,#0c2c75,#f2b51d);display:grid;place-items:center;color:#fff;font-size:42px}.blog-body{padding:24px}.footer{background:#041235;color:#dbe4ff;padding:64px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:36px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0;color:#c7d3f3}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;font-size:13px}.float-actions{position:fixed;right:18px;bottom:18px;z-index:1200;display:grid;gap:10px}.float-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 12px 28px rgba(0,0,0,.25);animation:pulse 2.4s infinite}.float-btn.call{background:#0d3487}.float-btn.wa{background:#16a867}.mouse-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(242,181,29,.12),transparent 68%);transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(22,168,103,.25),0 12px 28px rgba(0,0,0,.2)}50%{box-shadow:0 0 0 12px rgba(22,168,103,0),0 12px 28px rgba(0,0,0,.2)}}
@media(max-width:900px){.topbar .container{justify-content:center}.topbar span{display:none}.hamb{display:block}.menu{display:none;position:absolute;left:18px;right:18px;top:78px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu.open{display:flex}.nav-cta{display:none}.hero{min-height:auto}.hero-grid,.split,.content-wrap,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:56px 0 82px;gap:35px}.hero-card{transform:none}.stats-wrap{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid-3,.blog-grid{grid-template-columns:1fr 1fr}.sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.topbar{font-size:12px}.nav{height:70px}.brand img{width:48px;height:48px}.brand span{font-size:14px}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-card img{width:190px}.section{padding:66px 0}.grid-3,.blog-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.stats{margin-top:-28px}.stat{padding:19px 10px}.stat strong{font-size:30px}.page-hero .container{padding:55px 0 45px}.page-hero{min-height:320px}.contact-grid{gap:22px}.form-card{padding:22px}.float-actions{right:12px;bottom:12px}.float-btn{width:51px;height:51px}.mouse-glow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Added page and card imagery */
.page-hero{align-items:start;min-height:auto;padding-bottom:0}
.page-hero .container{padding-bottom:42px}
.page-banner{position:relative;margin-top:30px;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16);aspect-ratio:16/6.7;background:#0a2b73}
.page-banner img{width:100%;height:100%;display:block;object-fit:cover}
.course-image-card{position:relative;overflow:hidden;padding:0;min-height:430px;display:flex;align-items:flex-end}
.course-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .45s ease}
.course-image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,18,53,.96) 0%,rgba(5,25,68,.78) 52%,rgba(5,25,68,.18) 100%)}
.course-image-card:hover .course-card-bg{transform:scale(1.05)}
.course-card-content{position:relative;z-index:1;padding:28px;color:#fff;width:100%}
.course-card-content h3,.course-card-content p,.course-card-content .course-link{color:#fff}
.course-card-content p{color:#e8efff}
.course-card-content .icon{background:rgba(255,255,255,.92)}
.blog-cover-image{height:220px;background:none;overflow:hidden}
.blog-cover-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;transition:transform .4s ease}
.blog-card:hover .blog-cover-image img{transform:scale(1.05)}
.footer .brand{width:max-content}
@media(max-width:620px){.page-banner{aspect-ratio:16/9;border-radius:18px}.course-image-card{min-height:390px}.blog-cover-image{height:210px}}

/* Full-width image banners on all internal pages */
.page-hero{min-height:520px;align-items:center;background:#061642;isolation:isolate}
.page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,18,53,.82),rgba(8,38,105,.58)),url('../images/page-banner.webp');background-size:cover;background-position:center;opacity:.62;z-index:-2}
.page-hero:before{z-index:-1}
.page-hero .container{z-index:2;padding:90px 0 72px}
.page-hero .breadcrumb,.page-hero h1,.page-hero .lead{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.page-banner{display:none!important}

/* Image inside the home-page About visual */
.visual.home-about-image{background-image:linear-gradient(145deg,rgba(5,24,75,.83),rgba(19,67,157,.74)),url('../images/page-banner.webp');background-size:cover;background-position:center}
.visual.home-about-image>*{position:relative;z-index:2}

/* Footer contact and social icons */
.footer-contact{display:grid;gap:12px;margin-top:14px}
.footer-contact .contact-line{display:flex!important;align-items:flex-start;gap:11px;margin:0;color:#c7d3f3}
.footer-contact .contact-line .footer-icon{flex:0 0 22px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#ffd86a;font-size:13px;margin-top:2px}
.social-links{display:flex;gap:10px;margin-top:20px}
.social-links a{width:38px;height:38px;margin:0!important;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.09);color:#fff!important;font-weight:900;font-size:13px;transition:.25s}
.social-links a:hover{background:#f2b51d;color:#071a4c!important;transform:translateY(-3px)}
@media(max-width:620px){.page-hero{min-height:430px}.page-hero .container{padding:72px 0 55px}.page-hero::after{background-position:center}.social-links{margin-bottom:8px}}

/* Gallery and hostel pages */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#eee;box-shadow:0 12px 34px rgba(5,24,75,.12)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item span{position:absolute;left:16px;bottom:14px;background:rgba(4,18,53,.82);color:#fff;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:800;opacity:0;transform:translateY(8px);transition:.3s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:hover span{opacity:1;transform:none}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:3000;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain;border-radius:12px}.lightbox-close{position:absolute;right:22px;top:18px;border:0;background:#fff;color:#111;width:44px;height:44px;border-radius:50%;font-size:30px;cursor:pointer}.hostel-features{grid-template-columns:repeat(3,1fr)}.hostel-photo{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);min-height:480px}.hostel-photo img{width:100%;height:100%;min-height:480px;object-fit:cover}.social-links svg{width:20px;height:20px;fill:currentColor}.social-links .facebook{background:#1877f2!important}.social-links .instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important}.social-links .youtube{background:#ff0000!important}.social-links .linkedin{background:#0a66c2!important}.social-links a:hover{color:#fff!important;filter:brightness(1.08)}@media(max-width:900px){.gallery-grid,.hostel-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.gallery-grid,.hostel-features{grid-template-columns:1fr}.gallery-item{aspect-ratio:4/3}.hostel-photo,.hostel-photo img{min-height:340px}}


/* Unified moving contact line, footer and authentic contact icons */
.topbar{overflow:hidden;background:#0a0d3c;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.ticker{width:100%;overflow:hidden;white-space:nowrap;padding:9px 0}
.ticker-track{display:inline-flex;align-items:center;width:max-content;animation:yashoTicker 48s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;gap:22px;padding-right:46px;font-size:14px;font-weight:700}
.ticker-item a{display:inline-flex;align-items:center;gap:8px;color:#fff;opacity:.96}
.ticker-dot{color:#f2b51d;font-size:20px;line-height:1}
.ticker-icon{width:17px;height:17px;flex:0 0 17px;color:#ffd35a}
@keyframes yashoTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.footer{background:#070b35;color:#dbe4ff;padding:68px 0 22px}
.footer-grid{grid-template-columns:1.25fr .72fr .85fr 1.18fr;gap:40px}
.footer h4{font-size:17px;margin:0 0 16px;color:#fff}
.footer p{color:#c9d2ee}
.footer a{transition:.2s}
.footer a:hover{color:#ffd35a;transform:translateX(2px)}
.footer-brand:hover{transform:none!important}
.footer-contact{display:grid;gap:13px}
.contact-line{display:flex!important;align-items:flex-start;gap:11px;margin:0!important;line-height:1.65;color:#d6def7!important}
.footer-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#ffd35a;margin-top:1px}
.footer-icon svg{width:14px;height:14px}
.social-links{display:flex;gap:10px;align-items:center;margin-top:22px}
.social-links a{width:39px;height:39px;border-radius:11px;display:grid!important;place-items:center;margin:0!important;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18);transform:none!important}
.social-links svg{width:20px;height:20px}
.social-links .facebook{background:#1877f2}.social-links .instagram{background:radial-gradient(circle at 30% 110%,#ffd600 0 10%,#ff7a00 28%,#ff0169 52%,#d300c5 72%,#7638fa 100%)}.social-links .youtube{background:#ff0000}.social-links .linkedin{background:#0a66c2}
.social-links a:hover{filter:brightness(1.08);transform:translateY(-3px)!important}
.float-actions{right:20px;bottom:20px;gap:12px}
.float-btn{position:relative;width:58px;height:58px;border:3px solid #fff;font-size:0;animation:none;transition:.25s;overflow:visible}
.float-btn svg{width:29px;height:29px}
.float-btn.call{background:#1473e6}.float-btn.wa{background:#25d366}
.float-btn:hover{transform:translateY(-4px) scale(1.04)}
.float-btn.call:hover{box-shadow:0 14px 34px rgba(20,115,230,.38)}.float-btn.wa:hover{box-shadow:0 14px 34px rgba(37,211,102,.38)}
.float-label{position:absolute;right:68px;top:50%;transform:translateY(-50%) translateX(8px);background:#111936;color:#fff;font-size:13px;font-weight:800;padding:7px 11px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.float-btn:hover .float-label{opacity:1;transform:translateY(-50%) translateX(0)}
.contact-svg{padding:0!important;display:grid!important;place-items:center}
.contact-svg svg{width:24px;height:24px}
@media(max-width:900px){.ticker-track{animation-duration:38s}.ticker-item{font-size:13px;padding-right:32px;gap:15px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ticker{padding:8px 0}.ticker-track{animation-duration:32s}.footer-grid{grid-template-columns:1fr}.float-btn{width:54px;height:54px}.float-label{display:none}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.reveal{opacity:1;transform:none}}

/* Form submission feedback */
.form-status{margin-top:12px;font-size:.92rem;font-weight:700;min-height:1.3em}.form-status.sending{color:#526079}.form-status.success{color:#15803d}.form-status.error{color:#b42318}form button[disabled]{opacity:.7;cursor:not-allowed}

/* Mobile footer alignment: centered and balanced on small screens */
@media(max-width:620px){
  .footer{text-align:center}
  .footer-grid{justify-items:center;text-align:center}
  .footer-grid>div{width:100%;display:flex;flex-direction:column;align-items:center}
  .footer .brand,.footer-brand{margin-left:auto;margin-right:auto;justify-content:center}
  .footer p{max-width:520px;margin-left:auto;margin-right:auto}
  .footer h4{text-align:center}
  .footer a{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
  .footer-contact{width:100%;justify-items:center}
  .footer-contact .contact-line{justify-content:center!important;text-align:center;align-items:center;max-width:340px;width:100%!important}
  .footer-contact .contact-line .footer-icon,.footer-icon{margin-top:0}
  .social-links{justify-content:center}
  .copyright{text-align:center}
}
