:root{--navy:#071b33;--navy2:#0c2c50;--blue:#1266d8;--blue2:#2b86ff;--gold:#d6a84b;--gold2:#f1c76a;--ink:#0d1c2e;--muted:#64748b;--line:#e7edf4;--soft:#f6f9fc;--white:#fff;--shadow:0 20px 55px rgba(6,33,62,.11);--container:min(1180px,calc(100% - 44px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:var(--container);margin-inline:auto}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:.3s}.site-header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(8,28,52,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:.08em}.brand-copy small{font-size:10px;letter-spacing:.18em;margin-top:6px;color:#8795a8}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:650}.nav-links>a:not(.button){color:#eff7ff}.site-header.scrolled .nav-links>a:not(.button){color:#23354a}.site-header.scrolled .brand-copy strong{color:#0b2d54}.nav-login{padding-left:12px;border-left:1px solid rgba(255,255,255,.22)}.site-header.scrolled .nav-login{border-color:#dfe6ee}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}.site-header.scrolled .menu-toggle span{background:var(--navy)}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-weight:750;box-shadow:0 12px 28px rgba(21,102,216,.24);transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(21,102,216,.32)}.button-small{padding:10px 17px}.button-ghost{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}.button-light{background:#fff;color:var(--navy);box-shadow:none}.button-gold{background:linear-gradient(135deg,#c9993b,#efc466);color:#11243d}.button-outline-light{background:transparent;border:1px solid rgba(255,255,255,.4);box-shadow:none}.hero{position:relative;overflow:hidden;min-height:820px;background:radial-gradient(circle at 78% 22%,rgba(43,134,255,.35),transparent 28%),radial-gradient(circle at 10% 85%,rgba(214,168,75,.17),transparent 22%),linear-gradient(135deg,#06182e 0%,#0a315d 56%,#0a2341 100%);color:#fff}.hero-grid{min-height:820px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px;padding-top:82px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--gold2);margin-bottom:19px}.eyebrow.dark{color:#b0812e}.hero h1{font-size:clamp(54px,6.8vw,94px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px;font-weight:820}.hero h1 span{color:#9dceff}.hero-lead{font-size:20px;max-width:670px;color:#c8d8e9;margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-trust{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px;color:#a9bfd6;font-size:13px}.hero-trust span::before{content:"•";color:var(--gold);margin-right:10px}.hero-visual{position:relative;height:610px}.network{position:absolute;inset:20px;width:100%;height:100%;color:#6fb2ff}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-one{width:330px;height:330px;right:95px;top:105px;background:radial-gradient(circle at 30% 30%,rgba(106,180,255,.7),rgba(16,80,153,.25) 58%,transparent 70%);box-shadow:0 0 120px rgba(38,132,255,.35)}.orb-two{width:150px;height:150px;left:62px;bottom:70px;background:radial-gradient(circle at 35% 35%,rgba(244,196,104,.5),rgba(183,123,31,.1) 60%,transparent 72%)}.ecosystem-card{position:absolute;border:1px solid rgba(255,255,255,.14);background:rgba(7,27,51,.6);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.main-card{left:92px;top:205px;width:350px;padding:24px;display:flex;align-items:center;gap:17px}.mini-logo{width:66px;height:66px;border-radius:18px;background:#fff;padding:9px;display:grid;place-items:center}.main-card small{display:block;color:#91b9df;font-size:10px;letter-spacing:.14em;margin-bottom:8px}.main-card strong{font-size:20px;line-height:1.2}.float-card{padding:13px 16px;display:grid;gap:2px}.float-card b{font-size:12px;color:var(--gold2);letter-spacing:.08em}.float-card span{font-size:11px;color:#cfe0ef}.float-a{right:32px;top:105px}.float-b{right:8px;bottom:122px}.float-c{left:7px;top:92px}.float-d{left:38px;bottom:66px}.section{padding:108px 0}.section-head{margin-bottom:48px}.section-head h2{font-size:clamp(42px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0}.section-head p{color:var(--muted);font-size:17px;max-width:520px}.split-head{display:flex;justify-content:space-between;gap:42px;align-items:flex-end}.centered{text-align:center;max-width:760px;margin:0 auto 52px}.compact{margin-bottom:34px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-height:300px;padding:28px;border-radius:24px;background:var(--soft);border:1px solid #edf2f7;display:flex;flex-direction:column;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);background:#fff}.product-card.featured{background:linear-gradient(145deg,#0c2c50,#0b4d91);color:#fff;border:0}.product-icon{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;color:var(--blue);margin-bottom:28px;box-shadow:0 8px 20px rgba(6,33,62,.08)}.product-meta{font-size:10px;font-weight:800;letter-spacing:.12em;color:#ffda87;margin-bottom:7px}.product-card h3{font-size:21px;margin:0 0 10px}.product-card p{color:#718096;font-size:14px;margin:0 0 22px}.product-card.featured p{color:#cbdced}.product-card a{margin-top:auto;font-size:13px;font-weight:800}.center-action{text-align:center;margin-top:34px}.text-link{font-weight:800;color:#0b4d91}.solutions{background:#f6f8fb}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{background:#fff;border-radius:24px;padding:30px;border:1px solid #eaf0f6;min-height:255px}.solution-no{font-size:12px;color:#bd8b31;font-weight:900;letter-spacing:.15em}.solution-card h3{font-size:24px;margin:38px 0 12px}.solution-card p{color:var(--muted);font-size:14px}.technology{background:linear-gradient(135deg,#06182e,#0b325c 58%,#08233f);color:#fff}.tech-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.tech-copy h2{font-size:clamp(44px,4.8vw,70px);line-height:1.02;letter-spacing:-.05em;margin:0 0 24px}.tech-copy p{color:#b9ccdd;font-size:17px;max-width:560px;margin-bottom:32px}.tech-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.14)}.tech-list div{display:flex;gap:18px;padding:22px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.tech-list div:nth-child(odd){border-right:1px solid rgba(255,255,255,.12)}.tech-list span{font-size:11px;color:var(--gold2);font-weight:800}.tech-list strong{font-size:16px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.research-grid article{padding:34px;border-radius:26px;border:1px solid #e9eef5;min-height:290px;background:linear-gradient(180deg,#fff,#f8fbff)}.research-tag{font-size:10px;letter-spacing:.15em;font-weight:900;color:#b1812f}.research-grid h3{font-size:27px;margin:52px 0 14px}.research-grid p{color:var(--muted)}.why{background:#071b33;color:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.why-grid div{padding:30px 24px;border-right:1px solid rgba(255,255,255,.14);display:grid;gap:7px}.why-grid div:last-child{border-right:0}.why-grid strong{font-size:20px}.why-grid span{font-size:13px;color:#aebfd0}.story{background:#f6f8fb}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-visual{min-height:420px;border-radius:32px;background:linear-gradient(150deg,#0a2749,#0c5cae 70%,#2f8cff);position:relative;overflow:hidden}.story-visual::before{content:"";position:absolute;inset:12% 10%;background:radial-gradient(circle at 35% 40%,rgba(255,255,255,.2),transparent 42%),linear-gradient(120deg,transparent 44%,rgba(255,255,255,.08) 45%,transparent 48%);border-radius:50%}.story-map{position:absolute;left:45px;bottom:45px;color:#fff;font-size:52px;font-weight:900;line-height:.8;letter-spacing:-.05em}.story-map span{font-size:16px;letter-spacing:.22em;color:#f0cb7b}.story-copy h2{font-size:clamp(42px,4.4vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}.story-copy p{color:var(--muted);font-size:17px;margin-bottom:26px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border-radius:24px;overflow:hidden;border:1px solid #e9eef5;padding-bottom:24px}.news-visual{height:220px;margin-bottom:22px}.gradient-a{background:linear-gradient(135deg,#0d2f55,#1e73d8)}.gradient-b{background:radial-gradient(circle at 65% 35%,#81b9ff,transparent 20%),linear-gradient(135deg,#071b33,#164b85)}.gradient-c{background:linear-gradient(135deg,#d2a34c,#0d3967 64%,#071b33)}.news-card>span,.news-card h3,.news-card p{display:block;margin-left:24px;margin-right:24px}.news-card>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#b0812e}.news-card h3{font-size:23px;margin-top:8px;margin-bottom:9px}.news-card p{color:var(--muted);font-size:14px}.cta{padding:105px 0;background:radial-gradient(circle at 50% -20%,#1b5a9d,transparent 36%),linear-gradient(135deg,#071b33,#0a2f57);color:#fff;text-align:center}.cta-inner{max-width:850px}.cta h2{font-size:clamp(52px,6vw,82px);line-height:1;letter-spacing:-.055em;margin:0 0 15px}.cta p{color:#bacbdc;font-size:18px;margin-bottom:28px}.cta .hero-actions{justify-content:center}.footer{background:#041426;color:#fff;padding:76px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:40px}.footer-brand p{color:#8fa5ba;font-size:14px;max-width:260px}.footer h4{font-size:13px;margin:0 0 18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid a{color:#94a9bd;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:58px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#70879d}@media(max-width:1020px){.nav-links{position:fixed;top:82px;left:20px;right:20px;background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links>a:not(.button){color:#21364c}.nav-login{border-left:0;padding-left:0}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:150px;padding-bottom:90px}.hero-visual{height:520px}.product-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}.tech-layout,.story-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media(max-width:680px){:root{--container:min(100% - 30px,1180px)}.nav{height:72px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:8px}.brand-mark{width:38px;height:38px}.hero-grid{padding-top:130px}.hero h1{font-size:54px}.hero-lead{font-size:17px}.hero-visual{height:420px}.main-card{left:40px;right:40px;width:auto;top:150px}.float-a{right:0}.float-b{right:0}.float-c{left:0}.float-d{left:0}.section{padding:78px 0}.split-head{display:block}.product-grid,.solution-grid,.research-grid,.news-grid,.why-grid,.tech-list{grid-template-columns:1fr}.why-grid div,.tech-list div:nth-child(odd){border-right:0}.why-grid div{border-bottom:1px solid rgba(255,255,255,.14)}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}

/* V1.1.0 — pages + admin CMS */
.page-hero{padding:165px 0 85px;background:linear-gradient(135deg,#06182e,#0a315d);color:#fff}
.page-hero h1{font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.05em;margin:0 0 20px}
.page-hero p{max-width:720px;color:#c8d8e9;font-size:18px}
.content-section{padding:85px 0}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{padding:30px;border:1px solid #e7edf4;border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(6,33,62,.06)}
.info-card h3{margin-top:0}
.admin-shell{min-height:100vh;background:#f4f7fb;padding:110px 0 60px}
.admin-panel{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:30px}
.admin-login{max-width:520px;margin:auto}
.field{display:grid;gap:7px;margin-bottom:17px}
.field label{font-size:13px;font-weight:800}
.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #d9e2ec;border-radius:12px;font:inherit}
.field textarea{min-height:120px;resize:vertical}
.admin-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.admin-grid{display:grid;grid-template-columns:260px 1fr;gap:24px}
.admin-nav{display:flex;flex-direction:column;gap:8px}
.admin-nav button{border:0;background:#f4f7fb;padding:12px 14px;border-radius:12px;text-align:left;font-weight:750;cursor:pointer}
.admin-nav button.active{background:#0b4d91;color:#fff}
.cms-list{display:grid;gap:12px}
.cms-item{border:1px solid #e7edf4;border-radius:16px;padding:16px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.cms-actions{display:flex;gap:8px}
.cms-actions button{border:0;border-radius:10px;padding:8px 11px;cursor:pointer}
.edit-btn{background:#e8f2ff;color:#0b4d91}.delete-btn{background:#fff0f0;color:#a22}
.notice{padding:14px 16px;border-radius:14px;background:#fff7e6;color:#795314;font-size:13px;margin-bottom:20px}
.status{font-size:13px;color:#60758b}
@media(max-width:820px){.content-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}}

/* V1.3.0 — complete pages + schema-based CMS */
.footer-links{display:flex;flex-direction:column;gap:10px}
.clickable-card{display:block;transition:.25s ease}
.clickable-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.clickable-card span{font-weight:800;color:#0b4d91}
.card-meta{font-size:11px;font-weight:800;letter-spacing:.08em;color:#b0812e;margin-bottom:8px;text-transform:uppercase}
.cms-form-panel{border:1px solid #dfe8f1;background:#f8fbff;border-radius:20px;padding:20px;margin-bottom:24px}
.cms-secondary-btn{border:1px solid #d7e1eb;background:#fff;color:#23384e;border-radius:10px;padding:9px 12px;cursor:pointer}
.form-actions{display:flex;justify-content:flex-end;margin-top:16px}
.admin-nav{max-height:72vh;overflow:auto;padding-right:4px}
.admin-nav button{white-space:normal}

/* V1.4.0 — corporate overview + cloud production layer */
.about-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}
.about-nav a{padding:10px 14px;border-radius:999px;background:#f2f6fa;color:#173451;font-weight:750;font-size:13px}
.about-block{margin-top:90px;padding-top:15px}


/* SA_ADMIN_V141_STYLES */

#saHiddenAdminAccess,
#saPasswordModal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(4, 20, 39, .58);
  backdrop-filter: blur(8px);
}

.sa-admin-access-card,
.sa-password-card {
  position: relative;
  width: min(460px, 100%);
  border-radius: 28px;
  padding: 34px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(0, 25, 60, .28);
}

.sa-admin-access-eyebrow,
.sa-password-eyebrow {
  margin-bottom: 14px;
  color: #b78327;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
}

.sa-admin-access-card h3,
.sa-password-card h3 {
  margin: 0 0 12px;
  color: #0c223b;
  font-size: 30px;
}

.sa-admin-access-card p,
.sa-password-card p {
  color: #5e6f82;
  line-height: 1.7;
}

.sa-admin-access-button {
  display: inline-flex;
  margin-top: 10px;
  padding: 14px 20px;
  border-radius: 999px;
  background: #237eea;
  color: #fff !important;
  font-weight: 800;
  text-decoration: none;
}

.sa-admin-access-close,
.sa-password-close {
  position: absolute;
  top: 18px;
  right: 20px;
  border: 0;
  background: transparent;
  color: #718096;
  font-size: 28px;
  cursor: pointer;
}

.sa-forgot-password {
  display: block;
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #216fd1;
  font-weight: 700;
  cursor: pointer;
}

.sa-forgot-password:hover {
  text-decoration: underline;
}

.sa-password-field {
  margin: 16px 0;
}

.sa-password-field label {
  display: block;
  margin-bottom: 8px;
  color: #10243a;
  font-weight: 800;
}

.sa-password-field input {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid #d5dfeb;
  border-radius: 14px;
  font: inherit;
}

.sa-password-msg {
  min-height: 24px;
  margin: 12px 0;
  color: #65778b;
}

#saChangePassword {
  margin-right: 10px;
}


/* SA_HIDE_PUBLIC_ADMIN_V143 */
header a[href="admin.html"],
header a[href="./admin.html"],
header a[href="/admin.html"],
header a[href$="/admin.html"],
nav a[href="admin.html"],
nav a[href="./admin.html"],
nav a[href="/admin.html"],
nav a[href$="/admin.html"],
.public-admin-login {
  display: none !important;
}

/* =========================================================
   NAVBAR COLOR REFINEMENT
   Perubahan hanya warna navbar
   ========================================================= */

.site-header {
  background: linear-gradient(
    90deg,
    #164d80 0%,
    #123f70 45%,
    #0d3564 100%
  ) !important;
}


/* Navbar menu contrast */
.site-header .nav-links > a:not(.button):not(.nav-login) {
  color: #ffffff !important;
}

.site-header .nav-links > a:not(.button):not(.nav-login):hover {
  color: #f4b942 !important;
}

/* =========================================================
   NAVBAR BRAND TEXT CONTRAST
   Membuat teks logo terang pada navbar biru
   ========================================================= */

.site-header .brand-copy strong {
  color: #ffffff !important;
}

.site-header .brand-copy small {
  color: #dbeafe !important;
}



/* ==========================================================
   SCIENCE ACADEMY CMS v1.5.0
   Professional cards, rich text, media and modal
   ========================================================== */

.cms-public-grid,
[data-cms-grid]{
  align-items:stretch;
}

.cms-pro-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:330px;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(16,67,116,.12);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,250,255,.98));
  box-shadow:0 14px 40px rgba(8,35,67,.08);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.cms-pro-card:hover{
  transform:translateY(-4px);
  border-color:rgba(196,148,46,.35);
  box-shadow:0 22px 52px rgba(8,35,67,.13);
}

.cms-pro-media{
  height:155px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%,rgba(244,185,66,.18),transparent 34%),
    linear-gradient(135deg,#eef5ff,#f8fbff);
}

.cms-pro-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cms-pro-fallback{
  width:74px;
  height:74px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  letter-spacing:.04em;
  color:#fff;
  background:linear-gradient(135deg,#0d3564,#1767a6);
  box-shadow:0 12px 28px rgba(13,53,100,.18);
}

.cms-pro-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px;
}

.cms-pro-kicker{
  margin-bottom:8px;
  color:#b27b18;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cms-pro-card h3{
  margin:0 0 10px;
  color:#0d3564;
  line-height:1.25;
}

.cms-pro-excerpt{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 18px;
  color:#526273;
  line-height:1.7;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

.cms-pro-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
}

.cms-read-more{
  border:0;
  padding:0;
  background:transparent;
  color:#1767a6;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}

.cms-read-more:hover{color:#b27b18}

.cms-external-link{
  margin-left:auto;
  color:#1767a6;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
}

.cms-rich-text{
  color:#33485d;
  line-height:1.82;
  white-space:normal;
}

.cms-rich-text p{
  margin:0 0 1.15em;
}

.cms-rich-text ol,
.cms-rich-text ul{
  margin:.45em 0 1.25em 1.4em;
  padding-left:1.1em;
}

.cms-rich-text li{
  margin:.45em 0;
  padding-left:.25em;
}

.cms-modal{
  position:fixed;
  z-index:99999;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(3,20,40,.72);
  backdrop-filter:blur(7px);
}

.cms-modal[hidden]{display:none!important}

.cms-modal-panel{
  position:relative;
  width:min(820px,100%);
  max-height:min(82vh,900px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.35);
  border-radius:26px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.cms-modal-head{
  position:sticky;
  z-index:2;
  top:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:24px 28px 18px;
  border-bottom:1px solid #e7edf4;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
}

.cms-modal-head h2{
  margin:0;
  color:#0d3564;
}

.cms-modal-close{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid #dce5ef;
  border-radius:50%;
  background:#f7faff;
  color:#0d3564;
  font-size:1.35rem;
  cursor:pointer;
}

.cms-modal-content{
  padding:26px 30px 34px;
}

.cms-modal-image{
  width:100%;
  max-height:360px;
  margin-bottom:24px;
  object-fit:cover;
  border-radius:18px;
}

.cms-admin-preview{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:82px;
  margin-top:10px;
  padding:12px;
  border:1px dashed #b9c9da;
  border-radius:16px;
  background:#f7faff;
}

.cms-admin-preview img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:14px;
}

@media(max-width:700px){
  .cms-pro-card{min-height:300px}
  .cms-modal{padding:12px}
  .cms-modal-head{padding:20px}
  .cms-modal-content{padding:22px 20px 28px}
}


/* v1.5.0 MEDIA CMS FINAL */

.site-header .nav{
  gap:20px;
}

.site-header .nav-links{
  gap:18px;
}

.site-header .nav-links > a{
  white-space:nowrap;
  font-size:.91rem;
}

.cms-media-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

.cms-media-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  background:#fff;
  border:1px solid rgba(18,64,109,.12);
  border-radius:24px;
  box-shadow:0 18px 45px rgba(7,36,70,.07);
}

.cms-media-cover{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#edf4fb;
}

.cms-media-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}

.cms-media-card:hover .cms-media-cover img{
  transform:scale(1.035);
}

.cms-media-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#0b4f91;
  font-weight:800;
  letter-spacing:.08em;
}

.cms-play-badge{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:50%;
  color:#fff;
  background:rgba(7,48,92,.90);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  font-size:20px;
  padding-left:4px;
}

.cms-media-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:25px;
}

.cms-media-meta{
  min-height:22px;
  color:#b47c13;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cms-media-card h3{
  margin:10px 0 12px;
  color:#092f5c;
  font-size:1.27rem;
  line-height:1.28;
}

.cms-media-card p{
  margin:0 0 22px;
  color:#587087;
  line-height:1.7;
}

.cms-media-read{
  margin-top:auto;
  padding:0;
  border:0;
  background:none;
  color:#0867ad;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  text-align:left;
}

.cms-media-read:hover{
  text-decoration:underline;
}

.cms-media-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:28px;
}

.cms-media-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,25,49,.72);
  backdrop-filter:blur(6px);
}

.cms-media-dialog{
  position:relative;
  z-index:1;
  width:min(960px,94vw);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.3);
}

.cms-media-close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid #dbe7f2;
  background:#fff;
  color:#073c70;
  font-size:28px;
  cursor:pointer;
}

.cms-modal-image{
  width:100%;
  max-height:520px;
  object-fit:cover;
  display:block;
}

.cms-video-frame{
  aspect-ratio:16/9;
  background:#000;
}

.cms-video-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.cms-media-dialog-body{
  padding:36px 42px 42px;
}

.cms-media-dialog-body h2{
  margin:0 0 24px;
  color:#093663;
  font-size:2rem;
}

.cms-rich-content{
  color:#334d66;
  font-size:1.04rem;
  line-height:1.85;
}

.cms-rich-content p{
  margin:0 0 1.25em;
}

.cms-rich-content ol,
.cms-rich-content ul{
  padding-left:1.5rem;
  margin:0 0 1.3em;
}

.cms-media-button{
  display:inline-flex;
  margin-top:12px;
  padding:13px 20px;
  border-radius:12px;
  background:#0867ad;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}

.cms-empty-state{
  grid-column:1/-1;
  padding:50px;
  border:1px dashed #bed1e2;
  border-radius:22px;
  text-align:center;
  color:#698096;
  background:#f8fbfe;
}

.home-news-section{
  background:linear-gradient(180deg,#fff 0%,#f6f9fd 100%);
}

.center-action{
  display:flex;
  justify-content:center;
  margin-top:36px;
}

@media(max-width:1180px){

  .site-header .nav-links{
    gap:12px;
  }

  .site-header .nav-links > a{
    font-size:.82rem;
  }

}

@media(max-width:900px){

  .cms-media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media(max-width:640px){

  .cms-media-grid{
    grid-template-columns:1fr;
  }

  .cms-media-dialog-body{
    padding:28px 22px 30px;
  }

}

/* v1.6.0 SCIENCE ACADEMY PUBLISHING */
.nav-links a[aria-current="page"]{color:var(--gold2)!important}
.publishing-hero{padding:162px 0 84px;background:radial-gradient(circle at 82% 18%,rgba(43,134,255,.28),transparent 26%),radial-gradient(circle at 12% 90%,rgba(214,168,75,.16),transparent 24%),linear-gradient(135deg,#06182e 0%,#0b315b 58%,#08233f 100%);color:#fff}
.publishing-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}
.publishing-hero h1{font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}.publishing-hero h1 span{color:#9dceff}.publishing-hero-copy>p{font-size:19px;color:#c7d8e8;max-width:680px;margin:0 0 32px}
.publishing-identity{padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(7,27,51,.58);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.publishing-seal{width:74px;height:74px;padding:11px;border-radius:20px;background:#fff;margin-bottom:22px}.publishing-identity>span{font-size:10px;letter-spacing:.16em;font-weight:850;color:var(--gold2)}.publishing-identity h2{font-size:27px;margin:8px 0 22px}.publishing-identity dl{margin:0}.publishing-identity dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.12)}.publishing-identity dt{font-size:12px;color:#91abc3}.publishing-identity dd{margin:0;font-size:13px;font-weight:700;color:#f1f6fb}
.publishing-trustbar{background:#fff;border-bottom:1px solid var(--line)}.publishing-trustbar .container{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.publishing-trustbar span{font-size:12px;font-weight:850;letter-spacing:.09em;color:#29435d}.publishing-trustbar span:before{content:"✓";color:#bd8b31;margin-right:9px}
.publishing-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.publishing-intro h2,.publishing-services h2,.publishing-submit h2{font-size:clamp(42px,4.5vw,68px);line-height:1.03;letter-spacing:-.05em;margin:0}.publishing-prose{font-size:18px;color:#526a80}.publishing-prose p:first-child{margin-top:5px}
.publishing-focus{background:#f6f9fc}.publishing-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.publishing-card-grid article{padding:30px;border-radius:24px;background:#fff;border:1px solid #e8eef5;min-height:235px;transition:.25s}.publishing-card-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.publishing-card-grid span{color:#b1812f;font-size:11px;font-weight:900;letter-spacing:.14em}.publishing-card-grid h3{font-size:23px;margin:35px 0 10px}.publishing-card-grid p{margin:0;color:var(--muted);font-size:14px}
.publishing-services{background:linear-gradient(135deg,#06182e,#0b325c 58%,#08233f);color:#fff}.publishing-services-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px}.publishing-services-copy p{color:#b9ccdd;font-size:17px;max-width:510px}.publishing-service-list{border-top:1px solid rgba(255,255,255,.14)}.publishing-service-list>div{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:20px 4px;border-bottom:1px solid rgba(255,255,255,.12)}.publishing-service-list b{color:var(--gold2);font-size:11px}.publishing-service-list span{display:grid;gap:4px}.publishing-service-list strong{font-size:17px}.publishing-service-list small{color:#aebfd0;font-size:13px}
.publishing-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:26px;overflow:hidden}.publishing-steps li{min-height:225px;padding:25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.publishing-steps li:last-child{border-right:0}.publishing-steps b{font-size:11px;color:#b1812f;letter-spacing:.12em}.publishing-steps strong{font-size:18px;margin:48px 0 8px}.publishing-steps span{font-size:13px;color:var(--muted)}
.publishing-standards{background:#f6f9fc}.publishing-standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.publishing-standard-grid article{padding:28px;border:1px solid #e5ecf3;border-radius:22px;background:#fff}.publishing-standard-grid h3{font-size:20px;margin:0 0 10px}.publishing-standard-grid p{font-size:14px;color:var(--muted);margin:0}
.publishing-submit{background:linear-gradient(135deg,#0b315a,#0a4e8f);color:#fff}.publishing-submit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:84px;align-items:center}.publishing-submit-grid>div:first-child>p{color:#c4d7e8;font-size:17px;max-width:540px;margin:22px 0 30px}.publishing-checklist{padding:34px;border-radius:26px;background:#fff;color:var(--ink);box-shadow:0 28px 70px rgba(0,0,0,.16)}.publishing-checklist h3{font-size:23px;margin:0 0 18px}.publishing-checklist ul{list-style:none;margin:0;padding:0}.publishing-checklist li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid #e9eef4;font-size:14px;color:#4c6379}.publishing-checklist li:before{content:"✓";position:absolute;left:0;color:#b1812f;font-weight:900}.publishing-note{font-size:12px;color:#728397;margin:18px 0 0}
.publishing-catalog{background:#fff}.publishing-empty-catalog{padding:56px;border:1px dashed #b7c9da;border-radius:26px;text-align:center;background:#f8fbfe}.publishing-empty-catalog>span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#b1812f}.publishing-empty-catalog h3{font-size:28px;margin:12px 0 8px}.publishing-empty-catalog p{color:var(--muted);margin:0}
.publishing-contact{padding:74px 0;background:#06182e;color:#fff;border-top:1px solid rgba(255,255,255,.1)}.publishing-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.publishing-contact h2{font-size:38px;margin:0 0 8px}.publishing-contact p{color:#b8c9d9}.publishing-contact address{font-style:normal;display:grid;justify-items:start;gap:7px}.publishing-contact address p{margin:0 0 7px}.publishing-contact address a{color:#d4e6f6;font-weight:700}
@media(max-width:1100px){.publishing-hero-grid,.publishing-intro-grid,.publishing-services-grid,.publishing-submit-grid{grid-template-columns:1fr;gap:46px}.publishing-card-grid,.publishing-standard-grid{grid-template-columns:repeat(2,1fr)}.publishing-steps{grid-template-columns:repeat(2,1fr)}.publishing-steps li{border-bottom:1px solid var(--line)}}
@media(max-width:650px){.publishing-hero{padding:132px 0 66px}.publishing-hero h1{font-size:48px}.publishing-identity{padding:24px}.publishing-identity dl div{grid-template-columns:1fr;gap:3px}.publishing-trustbar .container{padding:18px 0;justify-content:flex-start}.publishing-card-grid,.publishing-standard-grid,.publishing-steps,.publishing-contact-grid{grid-template-columns:1fr}.publishing-steps li{min-height:170px;border-right:0}.publishing-steps strong{margin-top:28px}.publishing-checklist{padding:25px}}