:root{--navy:#0B1220;--cyan:#17CCEA}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Archivo',system-ui,sans-serif;color:#0B1220;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

@keyframes fadeUp{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}
@keyframes riseFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wordA{0%,26%{opacity:1;transform:translateY(0)}33%,93%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes wordB{0%,26%{opacity:0;transform:translateY(8px)}33%,59%{opacity:1;transform:translateY(0)}66%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes wordC{0%,59%{opacity:0;transform:translateY(8px)}66%,93%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(8px)}}
@keyframes tk-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tk-marquee-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ---------- header (shared across all pages) ---------- */
#site-header{position:fixed;top:0;left:0;right:0;z-index:60;transform:translateY(0);transition:transform .35s ease;font-family:Archivo,sans-serif}
#site-announce{background:var(--cyan);color:#000;text-align:center;padding:9px 20px;font-size:12.5px;font-weight:600}
#site-announce u{text-decoration:underline;font-weight:700}
#site-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;transition:background .3s ease,padding .3s ease,border-color .3s ease}
#nav-logo{height:50px;transition:filter .3s}
.nav-right{display:flex;align-items:center;gap:22px}
#nav-textlinks{display:flex;align-items:center;gap:28px;font-size:13.5px;font-weight:500;transition:color .3s}
#nav-textlinks a.active{color:var(--cyan)}
.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop-toggle{display:inline-flex;align-items:center;gap:5px}
.nav-caret{transition:transform .2s ease}
.nav-drop:hover .nav-caret{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);padding-top:14px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;z-index:70}
.nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-drop-inner{min-width:158px;background:#fff;border:1px solid #EEEEEE;border-radius:12px;box-shadow:0 14px 34px rgba(11,18,32,.14);padding:7px}
.nav-drop-inner a{display:block;padding:10px 14px;border-radius:8px;font-size:13.5px;font-weight:600;color:#0B1220;white-space:nowrap;transition:background .18s ease,color .18s ease}
.nav-drop-inner a:hover{background:#F4F5F5;color:var(--cyan)}
#mobile-menu a.mobile-sublink{font-size:15px;font-weight:500;color:#aab4bf;padding:11px 0 11px 18px}
#mobile-menu a.mobile-sublink::before{content:"–";margin-right:10px;color:var(--cyan)}
.btn-primary{display:inline-block;cursor:pointer;font-weight:600;border-radius:99px;border:1.5px solid transparent;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}
#nav-btn{padding:11px 24px;border-radius:99px;font-weight:600;transition:all .3s}
#nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0}
#nav-burger span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px}
#mobile-menu{display:none;flex-direction:column;background:var(--navy);padding:6px 22px 22px;border-top:1px solid rgba(255,255,255,.12)}
#mobile-menu a{color:#fff;text-decoration:none;font-size:18px;font-weight:600;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}
#mobile-menu a.active{color:var(--cyan)}
#mobile-menu a:last-of-type{border-bottom:none}
#mobile-menu a#mobile-menu-book{margin-top:16px;background:var(--cyan);color:#000;padding:15px;border-radius:99px;font-weight:700;font-size:15px;text-align:center;cursor:pointer;border-bottom:none}

@media (max-width:620px){
  #nav-textlinks{display:none!important}
  #nav-burger{display:flex!important}
  #site-nav{padding-left:20px!important;padding-right:20px!important}
}

/* ---------- shared buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;border-radius:99px;padding:16px 34px;font-size:15px;transition:background .25s ease,color .25s ease,border-color .25s ease;text-decoration:none;border:1.5px solid transparent}
.btn-cyan{background:var(--cyan);color:#000}
.btn-cyan:hover{background:var(--navy);color:var(--cyan);border-color:var(--cyan)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-outline-light:hover{background:var(--cyan);color:#04121a;border-color:transparent}
.btn-outline-dark{background:transparent;color:#0B1220;border-color:#E2E2E2}
.btn-outline-dark:hover{background:var(--cyan);color:#04121a;border-color:transparent}
.btn-sm{padding:11px 22px;font-size:13px}

/* ---------- footer (shared) ---------- */
.site-footer{background:radial-gradient(130% 72% at 50% 100%,rgba(23,204,234,.28),rgba(23,204,234,0) 58%),var(--navy);color:#fff;padding:64px 48px 40px}
.site-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.site-footer .footer-grid img{height:44px;filter:invert(1)}
.site-footer .footer-col{font-size:13.5px;line-height:2.2}
.site-footer .footer-col strong{display:block;font-weight:700;margin-bottom:4px}
.site-footer .footer-col span,.site-footer .footer-col a{display:block;color:#CCCCCC;text-decoration:none;transition:color .2s}
.site-footer .footer-col a:hover{color:var(--cyan)}
.site-footer .footer-loc{margin-top:18px;font-size:13.5px}
.site-footer .footer-loc:first-of-type{margin-top:20px}
.site-footer .footer-loc-name{display:block;font-weight:700;margin-bottom:4px;color:#fff}
.site-footer .footer-contact{display:flex;gap:9px;align-items:center;color:#CCCCCC;line-height:1.5;margin-top:8px}
.site-footer .footer-contact .ic{width:24px;height:24px;flex:none;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}
.site-footer .footer-contact:hover .ic{box-shadow:0 0 12px rgba(23,204,234,.65)}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8B93A0}
.site-footer .footer-social{display:flex;gap:10px}
.site-footer .footer-social a{width:32px;height:32px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}
.site-footer .footer-social a:hover{box-shadow:0 0 16px rgba(23,204,234,.6)}
@media (max-width:620px){
  .site-footer{padding:44px 20px 28px!important}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr 1fr!important;gap:30px 14px!important}
  .site-footer .footer-grid>div:first-child{grid-column:1/-1!important}
  .site-footer .footer-grid img{height:38px}
  .site-footer .footer-loc{margin-top:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px 15px}
  .site-footer .footer-loc:first-of-type{margin-top:22px}
  .site-footer .footer-loc-name{margin-bottom:2px}
  .site-footer .footer-contact{font-size:12.5px;margin-top:7px}
  .site-footer .footer-contact .ic{width:22px;height:22px}
  .site-footer .footer-col{font-size:12.5px;line-height:2.15}
  .site-footer .footer-col strong{font-size:13px}
  .site-footer .footer-bottom{flex-direction:column!important;gap:14px!important;text-align:center!important;margin-top:36px;padding-top:20px}
}