/* Global DPX cards + modal (used by docsAttachAPI) */
.dpxSection{margin:18px 0}
.dpxGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.dpxCard{border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;overflow:hidden}
.dpxCardHead{display:flex;gap:12px;align-items:flex-start;padding:14px}
.dpxIco{min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid rgba(0,0,0,.12)}
.dpxTitle{margin:0;font-size:16px;line-height:1.25}
.dpxMeta{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}
.dpxTag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:12px;opacity:.9}



section.home-visit.card.card-pad {
    border-radius: 22px;
}::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track{
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
}

::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg,
    rgba(255,255,255,.32),
    rgba(255,255,255,.18)
  );
  border-radius: 999px;
  border: 3px solid rgba(0,0,0,.0);     /* делает “паддинг” вокруг thumb */
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg,
    rgba(255,255,255,.44),
    rgba(255,255,255,.24)
  );
}

::-webkit-scrollbar-thumb:active{
  background: linear-gradient(180deg,
    rgba(255,255,255,.55),
    rgba(255,255,255,.28)
  );
}

::-webkit-scrollbar-corner{
  background: transparent;
}


section.home-visit.card.card-pad {
    border-radius: 20px;
}

article.home-event.card.card-pad {
    border-radius: 13px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius2);
    box-shadow: var(--shadow2);
}



.page[data-route="home"]  .db-block .home-sec-head {
    background: white;
    border-radius: 15px;
    padding: 10px 20px;
    border-bottom-left-radius: 0px;
}

.home-sec-head.home-sec-head--hubs {
    background: white;
    border-radius: 15px;
    padding: 10px 20px;
    border-bottom-left-radius: 0px;
}






.dpxBody{padding:0 14px 14px}
.dpxActions{display:flex;gap:10px;flex-wrap:wrap}
.dpxModal.hidden{display:none}
.dpxModal{position:fixed;inset:0;z-index:9999}
.dpxModalOverlay{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.dpxModalPanel{position:absolute;inset:4% 4%;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}
.dpxModalHead{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.12)}
.dpxModalTitle{font-weight:700}
.dpxModalBody{flex:1}
.dpxModalFrame{width:100%;height:100%;border:0}
@media(max-width:720px){.dpxModalPanel{inset:2% 2%}}


 .soc3{display:flex;gap:10px;flex-wrap: nowrap;justify-content: center;}
  .soc3__btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:7px 9px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
    background: rgb(255 255 255);
    text-decoration:none;
    color:inherit;
    transition:transform .12s ease, background .12s ease, border-color .12s ease;
  }
  .soc3__btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20)}
  .soc3__btn:active{transform:translateY(0)}
  .soc3__btn i{font-size: 35px;line-height:1}
  .soc3__t{font-weight:600}
  /* optional tiny brand accents */
  .soc3__btn--tg i{color:#2AABEE}
  .soc3__btn--ig i{color:#E1306C}
  .soc3__btn--wa i{color:#25D366}





@media(max-width:720px){.soc3{display:none;gap:10px;flex-wrap:wrap}}









/* modal lock */
body.uk-modal-open{overflow:hidden}
/* Admission page — scoped polish (works with global KARETA premium system) */
.admission-page{position:relative}
.admission-bg{
  position:absolute;
  inset:-60px -20px auto -20px;
  height: 420px;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(900px 520px at 18% -10%, rgba(255,122,24,.18), transparent 55%),
    radial-gradient(760px 460px at 92% 0%, rgba(42,99,255,.14), transparent 55%),
    radial-gradient(760px 460px at 50% 100%, rgba(120,214,255,.10), transparent 55%);
  filter: blur(0px);
  opacity:.95;
}
.home-metric__k i {
    font-size: 20px;
    display: block;
    color: #ff842a;
    margin-bottom: 10px;
}

span {
    display: grid;
}
.admission-head{align-items:flex-start;background: white;padding: 20px;border-radius: 25px;margin: 10px 0;margin-bottom: 25px;}
.admission-title{min-width:0}
.admission-chip{margin-bottom:8px}
.badge--glass{
  border:1px solid rgba(255,122,24,.22);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(10px) saturate(170%);
  -webkit-backdrop-filter: blur(10px) saturate(170%);
}
.admission-actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end}

.admission-hero{border-radius:24px}
.admission-hero-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  align-items:stretch;
}
@media (max-width: 980px){
  .admission-hero-grid{grid-template-columns:1fr}
}

.admission-kpi{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.kpi-item{
  flex:1 1 140px;
  border:1px solid rgba(12,18,28,.10);
  border-radius:16px;
  padding:10px 12px;
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.kpi-num{font-weight:900; font-size:20px; letter-spacing:.2px}
.kpi-lbl{font-size:12px; color:rgba(15,20,26,.72); font-weight:800}

.admission-search .adm-search-row{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.admission-search .search{flex:1 1 260px}
.admission-hint{margin-top:8px}

.admission-mini{
  display:flex;
  gap:10px;
  border:1px solid rgba(12,18,28,.10);
  border-radius:16px;
  padding:10px 12px;
  background: rgba(255,255,255,.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.admission-mini-ic{
  width:36px; height:36px;
  border-radius:14px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(255,122,24,.20), rgba(42,99,255,.14));
}
.admission-mini-ic i{color: rgba(12,18,28,.78)}
.admission-mini-b{min-width:0}
.admission-mini-b strong{display:block; font-weight:900; letter-spacing:.2px}
.admission-mini-b .small{opacity:.9}

.tile-glass{
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(12,18,28,.10) !important;
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
}
.chip-glass{
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(12,18,28,.10) !important;
}

.doc-card .doc-head{display:flex; gap:12px; align-items:flex-start}
.doc-card .doc-ic{
  width:48px; height:48px;
  border-radius:16px;
  display:grid; place-items:center;
  font-weight:900;
  letter-spacing:.4px;
  background: linear-gradient(135deg, rgba(255,122,24,.20), rgba(42,99,255,.14));
  border:1px solid rgba(12,18,28,.10);
}
.doc-card .doc-txt{min-width:0}
.doc-card .doc-title{margin:0; font-size:15px; line-height:1.2}
.doc-card .doc-meta{margin-top:6px; color:rgba(15,20,26,.68); font-size:12.5px; line-height:1.35}
.doc-actions{margin-top:12px; display:flex; gap:10px; flex-wrap:wrap}
.doc-actions .btn{border-radius:999px}

.adm-card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.adm-card:hover{
  transform: translateY(-2px);
}
.adm-card.is-hit{
  border-color: rgba(255,122,24,.55) !important;
  box-shadow: 0 18px 42px rgba(255,122,24,.16), 0 14px 34px rgba(12,18,28,.10) !important;
}
.adm-mark{
  background: rgba(255,122,24,.18);
  border-radius: 6px;
  padding: 0 3px;
}

/* ===== Admission modal (Training application) ===== */
.adm-modal{
  position:fixed;
  inset:0;
  z-index: 9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: clamp(14px, 3vw, 28px);
}

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

.adm-modal__overlay{
  position:absolute;
  inset:0;
  background: rgba(10,14,18,.42);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
}

.adm-modal__dialog{
  position:relative;
  width: min(920px, 100%);
  max-height: min(86vh, 820px);
  overflow:auto;
  border-radius: 22px;
  padding: clamp(14px, 2.6vw, 18px);
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: 0 40px 120px rgba(0,0,0,.26);
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
}

.adm-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(12,18,28,.08);
}

.adm-modal__title{ margin: 6px 0 0; }

.adm-form{ padding-top: 4px; }
.adm-form__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.adm-field{ display:flex; flex-direction:column; gap:8px; }
.adm-field__lbl{ font-size: 12px; color: rgba(85,101,122,.92); }
.adm-field__in{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(12,18,28,.10);
  background: rgba(255,255,255,.62);
  padding: 12px 12px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.adm-field__in:focus{
  border-color: rgba(255,122,24,.35);
  box-shadow: 0 0 0 4px rgba(255,122,24,.16), inset 0 1px 0 rgba(255,255,255,.75);
}
.adm-field__in:invalid{ }
.adm-field__err{
  display:none;
  font-size: 12px;
  color: rgba(200,48,48,.92);
}

.adm-field--wide{ grid-column: 1 / -1; }

.adm-consent{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(12,18,28,.08);
}

.adm-form__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: 10px;
  margin-top: 14px;
}

.adm-form__status{
  margin-left:auto;
  font-size: 13px;
  color: rgba(38,132,62,.95);
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(38,132,62,.10);
  border: 1px solid rgba(38,132,62,.18);
  display:none;
}

.adm-form.is-error .adm-form__status{
  display:block;
  color: rgba(200,48,48,.92);
  background: rgba(200,48,48,.10);
  border-color: rgba(200,48,48,.18);
}

.adm-form.is-ok .adm-form__status{
  display:block;
}

.adm-note{
  margin-top: 12px;
  opacity:.92;
}

/* FAB */
.adm-fab{
  position: fixed;
  right: clamp(14px, 2.6vw, 22px);
  bottom: clamp(14px, 2.6vw, 22px);
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.40);
  background: linear-gradient(135deg, rgba(255,122,24,.72), rgba(42,99,255,.55));
  color: #fff;
  box-shadow: 0 18px 55px rgba(12,18,28,.22), 0 14px 40px rgba(255,122,24,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index: 9998;
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.adm-fab:hover{ transform: translateY(-2px); filter: brightness(1.03); }
.adm-fab:active{ transform: translateY(0px) scale(.99); }

/* Mobile layout */
@media (max-width: 720px){
  .adm-form__grid{ grid-template-columns: 1fr; }
  .adm-modal__dialog{ border-radius: 18px; }
  .adm-form__status{ margin-left: 0; width: 100%; text-align:center; }
}

html.is-modal-open, body.is-modal-open{ overflow:hidden; }

/* =========================================================
   Admission — required utility classes (self-contained)
   Fix: page used classes but they had no styles in scoped CSS
   ========================================================= */

/* Local tokens (fallbacks if global tokens absent) */
.admission-page{
  --r2: 16px;
  --r3: 22px;
  --shadow-1: 0 6px 18px rgba(12,18,28,.06);
  --shadow-2: 0 10px 28px rgba(12,18,28,.10);
  --shadow-3: 0 18px 55px rgba(12,18,28,.14);
  --glass-bg: rgba(255,255,255,.56);
  --glass-strong: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.42);
  --blur-strong: blur(18px) saturate(180%);
}

/* Generic glass surface */
.admission-page .glass-surface{
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: var(--blur-strong);
  -webkit-backdrop-filter: var(--blur-strong);
  box-shadow: var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.65);
}

/* Brand glow surface helper */
.admission-page .glow-surface{ position:relative; isolation:isolate; }
.admission-page .glow-surface::before{
  content:"";
  position:absolute;
  inset:-38%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(520px 260px at 28% 18%, rgba(255,122,24,.42), transparent 62%),
    radial-gradient(520px 280px at 72% 22%, rgba(42,99,255,.30), transparent 64%),
    radial-gradient(620px 320px at 52% 92%, rgba(120,214,255,.14), transparent 66%);
  filter: blur(60px);
  opacity:.38;
}

/* Card base (local) */
.admission-page .card{
  border-radius: var(--r3);
  overflow: hidden;
  transition: transform .22s cubic-bezier(.22,.61,.36,1),
              box-shadow .22s cubic-bezier(.22,.61,.36,1);
}
.admission-page .card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-3), inset 0 1px 0 rgba(255,255,255,.70);
}

/* Card padding helper */
.admission-page .card-pad{ padding: clamp(14px, 2.2vw, 18px); }

/* Hero surface */
.admission-page .admission-hero{
  border-radius: clamp(18px, 2.6vw, 28px);
  padding: clamp(16px, 2.8vw, 26px);
}
.admission-page .admission-hero .admission-hero__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: clamp(12px, 2.2vw, 18px);
  align-items: start;
}
@media (max-width: 980px){
  .admission-page .admission-hero .admission-hero__grid{
    grid-template-columns: 1fr;
  }
}

/* Hero typography polish */
.admission-page .admission-hero h1,
.admission-page .admission-hero .h1{
  letter-spacing: -.03em;
  font-weight: 900;
  line-height: 1.04;
}
.admission-page .admission-hero p{
  color: rgba(85,101,122,.92);
}

/* Subtle shine on glass cards (micro-luxury) */
.admission-page .glass-surface.card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.38), transparent 46%);
  opacity:.26;
}

/* =========================================================
   v1.3 — Apple-card hierarchy + Sticky Hero + Premium Form
   ========================================================= */

/* Depth hierarchy for page cards */
.admission-page .card.depth-1{ box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62) !important; }
.admission-page .card.depth-2{ box-shadow: var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.62) !important; }
.admission-page .card.depth-3{ box-shadow: var(--shadow-3), inset 0 1px 0 rgba(255,255,255,.62) !important; }

/* Auto-apply hierarchy to known blocks (no HTML changes required) */
.admission-page .admission-hero{ box-shadow: var(--shadow-3), inset 0 1px 0 rgba(255,255,255,.70) !important; }
.admission-page .adm-card{ box-shadow: var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.62) !important; }
.admission-page .doc-card,
.admission-page .tile,
.admission-page .tile-glass{ box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.58) !important; }

/* Hero layout polish */
.admission-page .admission-hero-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: clamp(12px, 2.4vw, 20px);
  align-items: start;
}
@media (max-width: 980px){
  .admission-page .admission-hero-grid{ grid-template-columns: 1fr; }
}

/* Sticky hero top (search + KPI stays visible while scrolling inside hero content on mobile) */
.admission-page .admission-hero-left{
  display:flex;
  flex-direction: column;
  gap: clamp(10px, 2vw, 14px);
}
.admission-page .admission-search{
  position: sticky;
  top: 10px;
  z-index: 2;
  padding: 12px 12px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.42);
  backdrop-filter: blur(14px) saturate(170%);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
}
@media (max-width: 980px){
  .admission-page .admission-search{ top: 6px; }
}

/* KPI: Apple-like pills */
.admission-page .admission-kpi{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.admission-page .kpi-item{
  display:flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.50);
  border: 1px solid rgba(255,255,255,.40);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
}
.admission-page .kpi-num{
  font-weight: 900;
  letter-spacing: -.02em;
  font-size: 18px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,122,24,.18), rgba(42,99,255,.12));
  border: 1px solid rgba(255,122,24,.18);
}
.admission-page .kpi-lbl{
  font-weight: 800;
  color: rgba(85,101,122,.92);
}

/* Tiles/docs: clearer hover */
.admission-page .doc-card:hover,
.admission-page .tile:hover,
.admission-page .tile-glass:hover,
.admission-page .adm-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-3), inset 0 1px 0 rgba(255,255,255,.70) !important;
}

/* ===== Premium form controls (modal + page) ===== */
.admission-page .adm-field{ display:flex; flex-direction:column; gap: 6px; }
.admission-page .adm-field__lbl{ font-weight: 800; color: rgba(85,101,122,.92); }
.admission-page .adm-field__in,
.admission-page input.search,
.admission-page input,
.admission-page select,
.admission-page textarea{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.46);
  background: rgba(255,255,255,.58);
  backdrop-filter: blur(12px) saturate(165%);
  -webkit-backdrop-filter: blur(12px) saturate(165%);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
  outline: none;
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease, background .18s ease;
}
.admission-page .adm-field__in:focus,
.admission-page input.search:focus,
.admission-page input:focus,
.admission-page select:focus,
.admission-page textarea:focus{
  border-color: rgba(255,122,24,.42);
  box-shadow: 0 0 0 4px rgba(255,122,24,.14), var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.68);
  background: rgba(255,255,255,.70);
}
.admission-page .adm-field__err{ color: rgba(188,28,28,.90); font-weight: 800; }
.admission-page .adm-search-row{
  display:flex;
  gap: 10px;
  align-items:center;
}

/* Modal sheet polish (if your modal uses these classes) */
.admission-page .adm-modal,
.admission-page .modal,
.admission-page .sheet{
  border-radius: clamp(18px, 2.6vw, 26px);
}

/* =========================================================
   v1.4 — Hero highlight (subtle motion) + Performance Guards
   ========================================================= */

/* Soft animated light sweep inside hero (premium, non-distracting) */
.admission-page .admission-hero{
  position: relative;
  isolation: isolate;
}
.admission-page .admission-hero::before{
  /* content:""; */
  /* position:absolute; */
  inset:-30%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(700px 360px at 20% 20%, rgba(255,122,24,.22), transparent 60%),
    radial-gradient(720px 380px at 80% 30%, rgba(42,99,255,.18), transparent 62%),
    radial-gradient(720px 420px at 55% 85%, rgba(120,214,255,.12), transparent 66%);
  filter: blur(52px);
  opacity: .75;
}
.admission-page .admission-hero::after{
  content:"";
  position:absolute;
  inset:-40%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(520px 280px at 10% 15%, rgba(255,255,255,.42), transparent 55%),
    radial-gradient(520px 280px at 90% 20%, rgba(255,255,255,.36), transparent 58%);
  filter: blur(34px);
  opacity: .22;
  transform: translate3d(-6%, -2%, 0);
  animation: admHeroGlow 10.5s ease-in-out infinite;
}

/* keep content above animated layer */
.admission-page .admission-hero > *{ position:relative; z-index:1; }

@keyframes admHeroGlow{
  0%   { transform: translate3d(-6%, -2%, 0); opacity:.20; }
  50%  { transform: translate3d(6%, 2%, 0);  opacity:.26; }
  100% { transform: translate3d(-6%, -2%, 0); opacity:.20; }
}

/* Smooth hover (reduce jitter on some GPUs) */
.admission-page .card,
.admission-page .tile,
.admission-page .doc-card,
.admission-page .adm-card{
  will-change: transform;
  transform: translateZ(0);
}

/* Performance guards:
   - reduce blur on weaker devices / mobile
   - disable motion if user prefers reduced motion
*/
@media (max-width: 980px){
  .admission-page .glass-surface{
    backdrop-filter: blur(14px) saturate(165%);
    -webkit-backdrop-filter: blur(14px) saturate(165%);
  }
  .admission-page .glow-surface::before{
    filter: blur(48px);
    opacity: .30;
  }
  .admission-page .admission-hero::before{ filter: blur(44px); opacity:.68; }
}

@media (max-width: 520px){
  .admission-page .glass-surface{
    backdrop-filter: blur(12px) saturate(155%);
    -webkit-backdrop-filter: blur(12px) saturate(155%);
  }
  .admission-page .admission-hero::after{ opacity:.16; }
}

/* Respect system preference */
@media (prefers-reduced-motion: reduce){
  .admission-page .admission-hero::after{ animation: none !important; }
  .admission-page .card,
  .admission-page .tile,
  .admission-page .doc-card,
  .admission-page .adm-card{
    transition: none !important;
  }
}

/* =========================================================
   v1.5 — Flagship modal-sheet UX + Controls (select/phone) 
   ========================================================= */

.admission-page .adm-modal{ position: fixed; inset: 0; z-index: 9999; }
.admission-page .adm-modal[hidden]{ display:none !important; }

.admission-page .adm-modal__overlay{
  position:absolute; inset:0;
  background: rgba(12,18,28,.38);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.admission-page .adm-modal__dialog{
  position: relative;
  width: min(920px, calc(100% - 24px));
  margin: 20px auto;
  border-radius: clamp(18px, 2.8vw, 26px);
  overflow: hidden;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: 0 46px 140px rgba(0,0,0,.28);
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}

.admission-page .adm-modal__head{
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 16px 16px 12px;
  background: rgba(255,255,255,.76);
  border-bottom: 1px solid rgba(255,255,255,.42);
  backdrop-filter: blur(18px) saturate(175%);
  -webkit-backdrop-filter: blur(18px) saturate(175%);
}

.admission-page .adm-form{
  padding: 16px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.admission-page .adm-form__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.admission-page .adm-field--wide{ grid-column: 1 / -1; }

@media (max-width: 820px){
  .admission-page .adm-modal__dialog{ width: calc(100% - 16px); margin: 10px auto; max-height: calc(100vh - 20px); }
  .admission-page .adm-form__grid{ grid-template-columns: 1fr; }
}

.admission-page .adm-form__actions{
  position: sticky;
  bottom: 0;
  z-index: 3;
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(255,255,255,.46);
  backdrop-filter: blur(16px) saturate(175%);
  -webkit-backdrop-filter: blur(16px) saturate(175%);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.admission-page .adm-form__status{
  flex: 1 1 220px;
  min-height: 22px;
  font-weight: 800;
  color: rgba(85,101,122,.92);
}

.admission-page .adm-consent{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(255,255,255,.42);
  backdrop-filter: blur(12px) saturate(165%);
  -webkit-backdrop-filter: blur(12px) saturate(165%);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
}
.admission-page .adm-consent input{ margin-top: 3px; }

.admission-page select.adm-field__in{
  appearance: none;
  -webkit-appearance: none;
  padding-right: 42px;
  background-image:
    linear-gradient(135deg, rgba(255,122,24,.18), rgba(42,99,255,.12)),
    radial-gradient(8px 8px at calc(100% - 18px) 50%, rgba(12,18,28,.22), transparent 60%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 16px 16px;
  background-position: 0 0, calc(100% - 18px) 50%;
}

.admission-page input[type="tel"].adm-field__in{
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

.admission-page .adm-field__err{ display:none; }
.admission-page .adm-field.is-invalid .adm-field__in{
  border-color: rgba(188,28,28,.46);
  box-shadow: 0 0 0 4px rgba(188,28,28,.12), var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.66);
}
.admission-page .adm-field.is-invalid .adm-field__err{ display:block; }

.admission-page .adm-field.is-valid .adm-field__in{
  border-color: rgba(24,138,70,.36);
  box-shadow: 0 0 0 4px rgba(24,138,70,.10), var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.66);
}

@media (max-width: 520px){
  .admission-page .adm-modal__dialog{
    width: 100%;
    margin: 0;
    border-radius: 22px 22px 0 0;
    max-height: 92vh;
    position: absolute;
    left: 0; right: 0; bottom: 0;
  }
  .admission-page .adm-modal__head{ padding: 14px 14px 10px; }
  .admission-page .adm-form{ padding: 14px; }
}

/* =========================================================
   v1.6 — Success screen + Smart program prefill
   ========================================================= */

.admission-page .adm-success{
  padding: 18px 16px 20px;
}
.admission-page .adm-success__card{
  border-radius: 22px;
  padding: 18px 16px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.admission-page .adm-success__ic{
  width: 56px; height: 56px;
  border-radius: 18px;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, rgba(24,138,70,.18), rgba(42,99,255,.10));
  border: 1px solid rgba(24,138,70,.22);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
  font-size: 26px;
}
.admission-page .adm-success__title{
  font-weight: 950;
  letter-spacing: -.02em;
  font-size: 22px;
  line-height: 1.1;
}
.admission-page .adm-success__sub{
  color: rgba(85,101,122,.92);
  font-weight: 800;
}
.admission-page .adm-success__meta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.admission-page .adm-success__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.admission-page .adm-success__actions .btn{
  flex: 1 1 220px;
}

/* =========================================================
   v1.7 — Program picker cards (modal) + Smart message autofill
   ========================================================= */

.admission-page .adm-program-picker{
  margin-top: 10px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.admission-page .adm-program-picker__title{
  font-weight: 950;
  letter-spacing: -.02em;
  font-size: 16px;
}

.admission-page .adm-program-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
@media (max-width: 520px){
  .admission-page .adm-program-grid{ grid-template-columns: 1fr; }
}

.admission-page .adm-program-card{
  text-align: left;
  width: 100%;
  border-radius: 18px;
  padding: 12px 12px 12px;
  cursor: pointer;
  transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s cubic-bezier(.22,.61,.36,1), border-color .2s ease;
  border: 1px solid rgba(255,255,255,.46);
  background: rgba(255,255,255,.56);
}
.admission-page .adm-program-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-3), inset 0 1px 0 rgba(255,255,255,.70);
}
.admission-page .adm-program-card.is-active{
  border-color: rgba(255,122,24,.46);
  box-shadow: 0 0 0 4px rgba(255,122,24,.12), var(--shadow-2), inset 0 1px 0 rgba(255,255,255,.70);
}

.admission-page .adm-program-card__top{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.admission-page .adm-program-card__badge{
  display:inline-flex;
  align-items:center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 12px;
  background: linear-gradient(135deg, rgba(255,122,24,.18), rgba(42,99,255,.10));
  border: 1px solid rgba(255,122,24,.18);
}
.admission-page .adm-program-card__time{
  font-weight: 900;
  color: rgba(85,101,122,.92);
  font-size: 12px;
}
.admission-page .adm-program-card__name{
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.15;
  margin-bottom: 6px;
}
.admission-page .adm-program-card__desc{
  color: rgba(85,101,122,.92);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.25;
}

/* =========================================================
   v1.8 — Doc card layout fix (no overlap) + Mobile actions
   ========================================================= */

.admission-page .doc-card{
  display:flex;
  flex-direction: column;
  gap: 12px;
}

.admission-page .doc-head{
  display:flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}

.admission-page .doc-ic{
  flex: 0 0 auto;
  min-width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  letter-spacing: .02em;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
}

.admission-page .doc-txt{
  flex: 1 1 auto;
  min-width: 0;
}

.admission-page .doc-title{
  margin: 0;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.admission-page .doc-meta{
  margin-top: 4px;
  color: rgba(85,101,122,.92);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.admission-page .doc-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: stretch;
}

.admission-page .doc-actions .btn{
  flex: 1 1 190px; /* prevents overlap, wraps when narrow */
  justify-content: center;
}

@media (max-width: 520px){
  .admission-page .doc-actions .btn{
    flex: 1 1 100%;
    width: 100%;
  }
}

/* =========================================================
   v1.9 — Responsive grids (Docs: 2 cols <1200) + Steps icons
   ========================================================= */

/* Docs grid: keep 3 cols on wide, switch to 2 cols under 1200px, then 1 col on mobile */
@media (max-width: 1199px){
  .admission-page .admission-docs .grid.grid-3{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px){
  .admission-page .admission-docs .grid.grid-3{
    grid-template-columns: 1fr !important;
  }
}

/* Steps grid: 3 -> 2 -> 1 for better readability */
@media (max-width: 1199px){
  .admission-page .admission-steps.grid.grid-3{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px){
  .admission-page .admission-steps.grid.grid-3{
    grid-template-columns: 1fr !important;
  }
}

/* Step cards: add head row with icon + title + arrow */
.admission-page .adm-step-head{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 8px;
}
.admission-page .adm-step-ic{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  background: rgba(255,255,255,.56);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: var(--shadow-1), inset 0 1px 0 rgba(255,255,255,.62);
}
.admission-page .adm-step-ic i{ font-size: 16px; }
.admission-page .adm-step-title{
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.admission-page .adm-step-arrow{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.40);
  border: 1px solid rgba(255,255,255,.38);
  color: rgba(85,101,122,.92);
}
.admission-page .tile:hover .adm-step-arrow{
  transform: translateX(2px);
  transition: transform .18s ease;
}
/* HOME page custom styling (keeps global KARETA/MB style) */
.home-page{padding-top:8px}
/* Neon title */
.home-neon-title{
  position:relative;
  margin:12px 0 18px;
  padding:18px 14px 14px;
  border-radius:18px;
  text-align:center;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--border);
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  overflow:hidden;
}
.home-neon-ring{
  position:absolute; inset:-40px -60px auto -60px;
  height:220px;
  background:radial-gradient(circle at 50% 50%, rgba(128,226,255,.22), rgba(255,140,0,.14), transparent 60%);
  filter: blur(18px);
  pointer-events:none;
}
.home-neon-title::before,
.home-neon-title::after{
  content:"";
  position:absolute;
  inset:auto -40px -60px -40px;
  height:220px;
  background:radial-gradient(circle at 50% 30%, rgba(255,140,0,.18), rgba(128,226,255,.10), transparent 62%);
  filter: blur(20px);
  pointer-events:none;
}
.home-neon-h2{
  margin:0;
  font-size: clamp(20px, 3vw, 34px);
  line-height:1.15;
  letter-spacing:.2px;
}
.home-neon-sub{
  margin-top:8px;
  color:var(--muted);
  font-size: clamp(12px, 1.8vw, 14px);
}

/* Section head */
.home-sec-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:14px 0 14px;
}
.home-sec-head__h{
  margin:0;
  font-size: clamp(18px, 2.4vw, 22px);
  line-height:1.15;
}
.home-sec-head__sub{ margin-top:6px; color:var(--muted); }

/* Visit card */
.home-visit{ margin:14px 0; }
.home-visit__hero{
  display:flex; gap:14px; align-items:flex-start;
}
.home-visit__badge{
  width:48px; height:48px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(255,140,0,.22), rgba(128,226,255,.16));
  border:1px solid var(--border);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
}
.home-visit__badge i{font-size:18px}
.home-visit__title{ margin:0; font-size: clamp(18px, 2.6vw, 24px); line-height:1.2; }
.home-visit__lead{ margin-top:8px; color:var(--muted); }
.home-visit__chips{ margin-top:10px; display:flex; flex-wrap:wrap; gap:10px; }

/* Metrics grid: 2 rows x 3 (on wide screens) */
.home-visit__grid{
  margin-top:14px;
  display:grid;
  gap:12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 980px){
  .home-visit__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .home-visit__grid{ grid-template-columns: 1fr; }
  .home-visit__hero{ flex-direction:column; }
}
.home-metric{
  padding:14px 14px 12px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--border);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.home-metric__k{ color:var(--muted); font-size:13px; }
.home-metric__v{ margin-top:6px; font-size: clamp(18px, 2.6vw, 28px); font-weight:800; letter-spacing:.2px; }

/* Cards shadow upgrades */
.home-cards .tile,
.home-event.card{
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.home-cards .tile:hover,
.home-event.card:hover{
  transform: translateY(-1px);
  box-shadow:0 16px 34px rgba(0,0,0,.26);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* News cards image */
.home-news-cover{
  width:100%;
  border-radius:14px;
  overflow:hidden;
  aspect-ratio:16/9;
  background:linear-gradient(135deg, rgba(128,226,255,.10), rgba(255,140,0,.10));
  border:1px solid var(--border);
}
.home-news-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Events */
.home-event__top{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.home-event__h{ margin-top:10px; margin-bottom:8px; }
.home-event__meta{ margin-top:10px; }

/* spacing between db-block sections (10-20px) */
.home-page .db-block{ margin-top:14px; margin-bottom:14px; }  
.card.card-pad.ac-hero
Specificity: (0,3,0)
 {
    display: none;
}

/* =========================================================
   HOME PREMIUM DECOR — style every visible element on HOME
   ========================================================= */

.home-page{
  padding-top: 10px;
  padding-bottom: 20px;
}

/* ===== Neon title (upgraded) ===== */
.home-neon-title{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.38);
  background:
    radial-gradient(900px 340px at 20% -10%, rgba(255,122,24,.26), transparent 60%),
    radial-gradient(820px 320px at 90% 0%, rgba(42,99,255,.20), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  backdrop-filter: blur(14px) saturate(170%);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  box-shadow:
    0 18px 50px rgba(12,18,28,.14),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.home-neon-ring{
  filter: blur(1px);
  opacity: .85;
}

.home-neon-h2{
  font-size: clamp(18px, 2.6vw, 26px);
  letter-spacing: -.02em;
  font-weight: 950;
  margin: 0 0 6px;
}

.home-neon-sub{
  font-size: clamp(12px, 1.8vw, 14px);
  color: rgba(85,101,122,.92);
}

/* ===== Section head (news/events) ===== */
.home-sec-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  margin: 16px 0 12px;
  padding-bottom: 10px;
  border-bottom: none;
  position:relative;
}

.home-sec-head::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: -1px;
  width: min(240px, 46%);
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,122,24,.65), rgba(42,99,255,.45), transparent);
  opacity: .85;
}

.home-sec-head__h{
  margin:0;
  font-size: clamp(16px, 2.2vw, 20px);
  letter-spacing:-.02em;
  font-weight: 900;
}

.home-sec-head__sub{
  margin-top: 4px;
  color: rgba(85,101,122,.92);
  font-size: 13px;
}

.home-sec-head .btn{
  white-space: nowrap;
}

/* ===== Visit card (hero card) ===== */
.home-visit{
  overflow:hidden;
  border-radius: 22px;
}

.home-visit__hero{
  display: block;
  grid-template-columns: auto 1fr;
  text-align: center;
  gap: 14px;
  align-items: flex-start;
}

.home-visit__badge{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: 0 14px 38px rgba(12,18,28,.14);
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
}

.home-visit__badge i{
  font-size: 80px;
  color: rgb(255 122 24);
}

.home-visit__title{
  margin: 2px 0 8px;
  font-size: clamp(16px, 2.4vw, 22px);
  font-weight: 950;
  letter-spacing: -.02em;
}

.home-visit__lead{
  margin: 0 0 12px;
  color: rgb(25 29 35 / 92%);
  line-height: 1.45;
}

.home-visit__chips{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin: 0 60px 12px 0;
  text-align: center;
  justify-content: center;
  align-content: center;
}

.home-visit__chips .chip{
  border-radius: 999px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.42);
  background: rgba(255,255,255,.48);
  box-shadow: 0 10px 26px rgba(12,18,28,.10);
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 12.5px;
}

.home-visit__chips .chip i{
  opacity:.9;
}

.home-visit__links{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 2px;
}

.home-visit__links a.btn{
  padding: 10px 14px;
}

/* ===== Metrics ===== */
.home-metrics{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.home-metric{
  border-radius: 18px;
  padding: 14px 12px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: 0 14px 42px rgba(12,18,28,.12);
  backdrop-filter: blur(14px) saturate(170%);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1);
}

.home-metric:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 58px rgba(12,18,28,.16);
}

.home-metric__k{
  color: rgba(85,101,122,.92);
  font-size: 12px;
  letter-spacing: .02em;
  display: grid;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  justify-items: center;
  align-content: space-around;
}

.home-metric__v{
  margin-top: 6px;
  font-size: clamp(18px, 2.6vw, 26px);
  font-weight: 950;
  letter-spacing: -.02em;
}

/* ===== News cards grid mount ===== */
#homeNewsList{
  min-height: 120px;
}

.home-cards{
  gap: 14px;
}

/* generic styling for cards created by JS */
.home-cards .card{
  border-radius: 20px;
  overflow:hidden;
}

.home-cards .card .news-title,
.home-cards .card h4{
  font-weight: 900;
  letter-spacing: -.02em;
}

/* ===== Events ===== */
.home-events{
  gap: 14px;
}

.home-event{
  border-radius: 20px;
}

.home-event__top{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.home-event .chip{
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.42);
  background: rgba(255,255,255,.50);
  box-shadow: 0 10px 26px rgba(12,18,28,.10);
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 12.5px;
}

.home-event__h{
  margin: 6px 0 8px;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.home-event__p{
  margin: 0;
  color: rgba(85,101,122,.92);
  line-height: 1.45;
}

/* ===== Hubs (hubGrid renderer unknown) — style safely by container ===== */
#homeHubs{
  margin-top: 6px;
}

#homeHubs .grid{
  gap: 14px;
}

#homeHubs a,
#homeHubs article,
#homeHubs .card{
  border-radius: 20px;
}

#homeHubs a{
  display:block;
  text-decoration:none;
}

#homeHubs a:hover{
  text-decoration:none;
}

#homeHubs .hub-card,
#homeHubs .hub-item,
#homeHubs .hub-tile{
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: 0 16px 48px rgba(12,18,28,.12);
  backdrop-filter: blur(14px) saturate(170%);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1);
}

#homeHubs .hub-card:hover,
#homeHubs .hub-item:hover,
#homeHubs .hub-tile:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 70px rgba(12,18,28,.16);
}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .home-visit__hero{ grid-template-columns: 1fr; }
  .home-visit__badge{ width: 44px; height: 44px; border-radius: 14px; }
  .home-metrics{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 520px){
  .home-sec-head{ align-items:flex-start; flex-direction:column; }
  .home-sec-head::after{ width: 62%; }
  .home-visit__links a.btn{ width: 100%; justify-content:center; }
  .home-metrics{ grid-template-columns: 1fr; }
}

/* =========================================================
   HOME UX — Skeleton loaders + Micro-interactions (Premium)
   ========================================================= */

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .lift, .press, .shine, .glow-hover{ transition:none !important; transform:none !important; animation:none !important; }
}

/* Micro interactions helpers */
.lift{ transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1); }
.lift:hover{ transform: translateY(-3px); }
.press{ transition: transform .14s cubic-bezier(.22,.61,.36,1); }
.press:active{ transform: translateY(0px) scale(.99); }

.glow-hover{ position:relative; overflow:hidden; }
.glow-hover::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(520px 240px at 30% 20%, rgba(255,122,24,.26), transparent 60%),
    radial-gradient(520px 260px at 70% 30%, rgba(42,99,255,.20), transparent 60%);
  filter: blur(58px);
  opacity: .00;
  transition: opacity .22s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  z-index:0;
}
.glow-hover:hover::before{ opacity:.55; }
.glow-hover > *{ position:relative; z-index:1; }

/* Skeleton base */
@keyframes skShimmer{
  0%{ transform: translateX(-40%); }
  100%{ transform: translateX(140%); }
}

.skeleton{
  position:relative;
  overflow:hidden;
  border-radius: 18px;
  background: rgba(255,255,255,.48);
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: 0 14px 42px rgba(12,18,28,.10);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
}

.skeleton::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-60%;
  width: 60%;
  height: 140%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.40), transparent);
  animation: skShimmer 1.25s ease-in-out infinite;
  opacity:.9;
}

.sk-line{
  height: 10px;
  border-radius: 999px;
  background: rgba(12,18,28,.08);
  margin: 10px 12px;
}

.sk-line.sm{ width: 44%; height: 9px; opacity:.75; }
.sk-line.md{ width: 70%; }
.sk-line.lg{ width: 88%; height: 11px; }

.sk-chiprow{
  display:flex;
  gap: 8px;
  padding: 12px;
}
.sk-chip{
  width: 86px;
  height: 26px;
  border-radius: 999px;
  background: rgba(12,18,28,.08);
  opacity:.85;
}

/* Skeleton cards grid sizing */
.home-skel-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.home-skel-card{ min-height: 150px; }
@media (max-width: 980px){
  .home-skel-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px){
  .home-skel-grid{ grid-template-columns: 1fr; }
}

/* Apply micro-interactions to existing blocks */
.home-visit, .home-event, .home-metric, #homeHubs a, #homeHubs article, #homeHubs .card{
  will-change: transform;
}
.home-visit, .home-event, #homeHubs a, #homeHubs article, #homeHubs .card{
  /* lift + glow */
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1);
}
.home-visit:hover, .home-event:hover, #homeHubs a:hover, #homeHubs article:hover, #homeHubs .card:hover{
  transform: translateY(-3px);
}
.home-visit:active, .home-event:active, #homeHubs a:active{
  transform: translateY(-1px) scale(.995);
}

/* =========================================================
   HOME UX v3 — Metrics skeleton + Reveal animation (Premium)
   ========================================================= */

/* Metrics skeleton state */
.home-metric.is-skel .home-metric__v{
  position:relative;
  color: transparent !important;
}
.home-metric.is-skel .home-metric__v::before{
  content:"";
  display:block;
  height: 22px;
  width: 64%;
  border-radius: 999px;
  background: rgba(12,18,28,.10);
}
.home-metric.is-skel .home-metric__v::after{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transform: translateX(-40%);
  animation: skShimmer 1.25s ease-in-out infinite;
  opacity:.8;
}

/* Reveal animation (subtle, Apple-like) */
.reveal{
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .34s cubic-bezier(.22,.61,.36,1), transform .34s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.reveal.is-in{
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1 !important; transform:none !important; }
}

/* =========================================================
   HOME PREMIUM VIBRANCE v5 — less boring, more "wow"
   Notes: uses only CSS (no new assets). Keeps readability.
   ========================================================= */

/* Ambient animated gradient under everything (very subtle) */
@keyframes homeAura{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); filter: hue-rotate(0deg); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.04); filter: hue-rotate(10deg); }
  100%{ transform: translate3d(-2%, -1%, 0) scale(1.02); filter: hue-rotate(0deg); }
}

.home-page{
  position: relative;
  isolation: isolate;
}

.home-page::before{
  content:"";
  position: absolute;
  inset: -40px -20px;
  z-index: -1;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 12% 6%, rgba(255,122,24,.22), transparent 60%),
    radial-gradient(920px 480px at 88% 8%, rgba(42,99,255,.18), transparent 62%),
    radial-gradient(860px 420px at 18% 92%, rgba(120,214,255,.14), transparent 60%),
    radial-gradient(820px 420px at 92% 92%, rgba(255,214,120,.12), transparent 62%);
  filter: blur(28px);
  opacity: .95;
  animation: homeAura 14s ease-in-out infinite;
}

/* Premium separator accents */
.home-sec-head{
  /* border-bottom-color: rgba(255,255,255,.34) !important; */
}
.home-sec-head::after{
  height: 3px !important;
  opacity: .95 !important;
}

/* Card "chrome" edge + glossy highlight */
.card, .home-metric, .home-event, .home-visit{
  position: relative;
  /* text-align: center; */
}
.card::before, .home-metric::before, .home-event::before, .home-visit::before{
  z-index: 9;
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgb(0 0 0 / 58%));
  opacity: 1;
  mix-blend-mode: overlay;
  position: absolute;
  inset: -40px -60px auto auto;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle at 30% 30%, rgba(255, 145, 0, .26), transparent 60%);
  transform: rotate(10deg);
  pointer-events: none;
}

.card::after{
  opacity: .34 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.46), transparent 44%) !important;
}

/* Neon glow on hover (brand) */
.card:hover, .home-metric:hover, .home-event:hover, .home-visit:hover,
#homeHubs a:hover, #homeHubs article:hover, #homeHubs .card:hover{
  box-shadow:
    0 22px 70px rgba(12,18,28,.16),
    0 0 0 1px rgba(255,255,255,.16),
    0 0 44px rgba(255,122,24,.12),
    0 0 58px rgba(42,99,255,.10) !important;
}

/* Buttons: more premium gradient & glow */
.btn{
  position: relative;
  overflow: hidden;
}
.btn::after{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(520px 260px at 30% 30%, rgba(255,122,24,.30), transparent 60%),
    radial-gradient(520px 260px at 70% 20%, rgba(42,99,255,.22), transparent 60%);
  filter: blur(40px);
  opacity: 0;
  transition: opacity .22s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}
.btn:hover::after{ opacity: .65; }
.btn > *{ position:relative; z-index:1; }

/* News cards: title accent underline */
#homeNewsList .card h4, #homeNewsList .card .news-title{
  position: relative;
}
#homeNewsList .card h4::after, #homeNewsList .card .news-title::after{
  content:"";
  display:block;
  width: 72px;
  height: 3px;
  border-radius: 999px;
  margin-top: 10px;
  background: linear-gradient(90deg, rgba(255,122,24,.72), rgba(42,99,255,.46), transparent);
  opacity: .85;
}

/* Chips: more colorful border */
.home-visit__chips .chip, .home-event .chip{
  border-color: rgba(255,255,255,.52) !important;
  box-shadow:
    0 10px 26px rgba(12,18,28,.10),
    0 0 0 1px rgba(255,122,24,.10) !important;
}

/* Reveal: add tiny blur fade for premium */
.reveal{
  filter: blur(1.6px);
}
.reveal.is-in{
  filter: blur(0px);
}

/* Mobile: reduce glow to keep clean */
@media (max-width: 520px){
  .home-page::before{ filter: blur(22px); opacity:.85; }
  .card:hover, .home-metric:hover, .home-event:hover, .home-visit:hover{
    box-shadow: 0 18px 56px rgba(12,18,28,.14) !important;
  }
}

/* =========================================================
   HOME HUBS — explicit label for compact hub block
   ========================================================= */

.home-sec-head--hubs{
  margin-top: 18px;
}

/* Renderer wrappers: make compact block feel like a separate, signed section */
.db-block.db-block-compact{
  /* border-radius: 24px; */
  /* padding: 16px; */
  /* background:
    radial-gradient(700px 320px at 20% 0%, rgba(255,122,24,.10), transparent 58%),
    radial-gradient(720px 320px at 90% 0%, rgba(42,99,255,.08), transparent 60%),
    rgba(255,255,255,.46); */
  /* border: 1px solid rgba(255,255,255,.42); */
  /* box-shadow: 0 18px 56px rgba(12,18,28,.12); */
  /* backdrop-filter: blur(14px) saturate(170%); */
  -webkit-backdrop-filter: blur(14px) saturate(170%);
}

/* If the renderer outputs block head, make it premium */
.db-block.db-block-compact .db-block-head,
.db-block.db-block-compact .db-block__head{
  margin-bottom: 12px;
}

.db-block.db-block-compact .db-block-title,
.db-block.db-block-compact .db-block__title{
  font-weight: 950;
  letter-spacing: -.02em;
}

.db-block.db-block-compact .db-block-subtitle,
.db-block.db-block-compact .db-block__subtitle{
  color: rgba(85,101,122,.92);
}

/* =========================================================
   USP (Benefits) — Premium grid after metrics
   ========================================================= */

.usp{
  padding: 20px;
  margin-top: 25px;
  /* border-radius: 28px; */
  /* padding: 18px; */
  /* background:
    radial-gradient(800px 360px at 18% 10%, rgba(255,122,24,.16), transparent 62%),
    radial-gradient(820px 360px at 86% 18%, rgba(42,99,255,.12), transparent 62%),
    rgba(255,255,255,.44); */
  /* border: 1px solid rgba(255,255,255,.46); */
  box-shadow: 0 22px 70px rgba(12,18,28,.14);
  backdrop-filter: blur(14px) saturate(170%);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  /* margin-bottom: 25px; */
}

.usp__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.usp__item{
  border-radius: 22px;
  padding: 16px 16px 14px;
  background: rgb(255 255 255);
  border: 1px solid rgba(255,255,255,.42);
  text-align: center;
  box-shadow: 0 16px 46px rgba(12,18,28,.12);
  transition: transform .22s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow .22s cubic-bezier(.22, .61, .36, 1);
}

.usp__item:hover{
  transform: translateY(5px);
  box-shadow: 0 22px 70px rgba(12, 18, 28, .16), 0 0 0 1px rgba(255, 255, 255, .16), 0 0 44px rgba(255, 122, 24, .10), 0 0 56px rgba(42, 99, 255, .10);
}

.usp__ico{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  /* border: 1px solid rgba(255,255,255,.48); */
  /* box-shadow: 0 14px 36px rgba(12,18,28,.12); */
  margin-bottom: 10px;
  font-size: 22px;
}

.usp__t{
  margin: 0 0 6px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.usp__d{
  margin: 0;
  color: rgba(85,101,122,.92);
  line-height: 1.45;
}

@media (max-width: 720px){
  .usp__grid{ grid-template-columns: 1fr; }
}


/* FontAwesome inside USP */
.usp__ico i{
  font-size: 44px;
  color: #ff7a18;
  filter: drop-shadow(0 4px 10px rgba(255,122,24,.35));
  /* margin: 10px 0; */
}
.usp__item:hover .usp__ico i{
  color: #2a63ff;
  filter: drop-shadow(0 4px 14px rgba(42,99,255,.35));
}

/* =========================================================
   Section headings — semantic icons + optional thumbs
   - Uses Font Awesome for meaning
   - Provides image slot (secH__thumb) with safe fallback
   ========================================================= */

.home-sec-head__h{
  display: flex;
  align-items: center;
  gap: 10px;
}

.secH__ico{
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(255,255,255,.48);
  box-shadow: 0 14px 36px rgba(12,18,28,.12);
  flex: 0 0 auto;
}

.secH__ico i{
  font-size: 16px;
  color: #ff7a18;
  filter: drop-shadow(0 4px 10px rgba(255,122,24,.35));
}

.secH__t{
  flex: 1 1 auto;
  min-width: 0;
}

.secH__thumb{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: 0 16px 44px rgba(12,18,28,.12);
  flex: 0 0 auto;
}

.secH__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: .92;
  transform: translateZ(0);
}

/* If the image is missing, keep the slot clean */
.secH__thumb img:not([src]), .secH__thumb img[src=""]{
  display:none;
}

/* hover brand shift */
.home-sec-head:hover .secH__ico i{
  color: #2a63ff;
  filter: drop-shadow(0 4px 14px rgba(42,99,255,.35));
}

@media (max-width: 520px){
  .secH__thumb{ width: 40px; height: 40px; }
  .secH__ico{ width: 32px; height: 32px; }
}

/* =========================================================
   HOME — HERO / FILTERS / HUB TILES (for provided markup)
   Premium glass + depth layers + brand glow
   ========================================================= */

/* base container */
.view{
  padding: 0px 0px 26px;
}

/* Hero card */
.card.card-pad.ac-hero, .ac-hero{
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(900px 420px at 18% 12%, rgba(255,122,24,.20), transparent 62%),
    radial-gradient(820px 380px at 86% 18%, rgba(42,99,255,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.40));
  border: 1px solid rgba(255,255,255,.48);
  box-shadow:
    0 30px 90px rgba(12,18,28,.18),
    0 0 0 1px rgba(255,255,255,.14) inset;
  backdrop-filter: blur(16px) saturate(185%);
  -webkit-backdrop-filter: blur(16px) saturate(185%);
}

.ac-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(500px 260px at 20% 0%, rgba(255,122,24,.18), transparent 60%),
    radial-gradient(520px 280px at 92% 10%, rgba(42,99,255,.14), transparent 60%);
  filter: blur(10px);
  opacity:.9;
}

.ac-hero-grid{
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  align-items: start;
}

@media (max-width: 920px){
  .ac-hero-grid{ grid-template-columns: 1fr; }
}

/* meta chip */
.meta-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.44);
  box-shadow: 0 14px 36px rgba(12,18,28,.12);
  backdrop-filter: blur(10px) saturate(170%);
  -webkit-backdrop-filter: blur(10px) saturate(170%);
}

.meta-chip i{
  color: #2a63ff;
  filter: drop-shadow(0 4px 10px rgba(42,99,255,.32));
}

.ac-hero .h3{
  display:flex;
  align-items:center;
  gap: 10px;
  margin: 10px 0 0;
  letter-spacing: -.02em;
}

.ac-hero .h3 i{
  color:#ff7a18;
  filter: drop-shadow(0 5px 14px rgba(255,122,24,.28));
}

/* stats */
.ac-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 2px 0 0;
}

@media (max-width: 520px){
  .ac-stats{ grid-template-columns: 1fr; }
}

.ac-stat{
  border-radius: 22px;
  padding: 14px 14px 12px;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(255,255,255,.42);
  box-shadow: 0 18px 52px rgba(12,18,28,.14);
  backdrop-filter: blur(14px) saturate(165%);
  -webkit-backdrop-filter: blur(14px) saturate(165%);
}

.ac-stat-num{
  font-weight: 1000;
  font-size: 30px;
  letter-spacing: -.03em;
  line-height: 1.05;
  background: linear-gradient(90deg, rgba(255,122,24,1), rgba(42,99,255,1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ac-stat-label{
  margin-top: 6px;
  color: rgba(85,101,122,.92);
}

/* divider */
.ac-hero .hr{
  height: 1px;
  margin: 16px 0 14px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.60), transparent);
  opacity: .9;
}

/* Filters */
.filters{
  display:flex;
  align-items:center;
  gap: 10px;
}

.mm-search{
  position: relative;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: 0 18px 52px rgba(12,18,28,.14);
  backdrop-filter: blur(14px) saturate(175%);
  -webkit-backdrop-filter: blur(14px) saturate(175%);
}

.mm-search span{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: 0 12px 34px rgba(12,18,28,.10);
}

.mm-search i{
  color:#2a63ff;
  filter: drop-shadow(0 4px 10px rgba(42,99,255,.28));
}

.mm-search input[type="search"]{
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 15px;
  color: rgba(20,28,40,.92);
}

.mm-search input::placeholder{
  color: rgba(92,108,128,.85);
}

/* chips */
.chip{
  border-radius: 999px;
  padding: 10px 12px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  background: rgba(255,255,255,.54);
  border: 1px solid rgba(255,255,255,.44);
  box-shadow: 0 14px 44px rgba(12,18,28,.12);
  backdrop-filter: blur(12px) saturate(165%);
  -webkit-backdrop-filter: blur(12px) saturate(165%);
  transition: transform .18s cubic-bezier(.22,.61,.36,1), box-shadow .18s cubic-bezier(.22,.61,.36,1);
}

.chip i{
  /* color:#ff7a18; */
  filter: drop-shadow(0 4px 12px rgba(255,122,24,.28));
}

.chip:hover{
  transform: translateY(-1px);
  box-shadow:
    0 22px 70px rgba(12,18,28,.16),
    0 0 44px rgba(255,122,24,.10),
    0 0 56px rgba(42,99,255,.10);
}

/* HUB tiles */
.db-block-compact{
  margin-top: 12px;
}

.db-block-compact .tile{
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  padding: 18px 18px 16px;
  text-decoration: none;
  background:
    radial-gradient(620px 260px at 20% 0%, rgba(255,122,24,.14), transparent 60%),
    radial-gradient(520px 240px at 92% 10%, rgba(42,99,255,.12), transparent 60%),
    rgba(255,255,255,.48);
  border: 1px solid rgba(255,255,255,.44);
  box-shadow: 0 22px 70px rgba(12,18,28,.14);
  backdrop-filter: blur(14px) saturate(170%);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1);
}

.db-block-compact .tile::after{
  content:"";
  position:absolute;
  inset:-1px;
  background: linear-gradient(120deg, rgba(255,122,24,.12), rgba(42,99,255,.10), rgba(255,255,255,0));
  opacity:.0;
  transition: opacity .22s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}

.db-block-compact .tile:hover{
  transform: translateY(-3px);
  box-shadow:
    0 32px 96px rgba(12,18,28,.18),
    0 0 0 1px rgba(255,255,255,.18) inset,
    0 0 52px rgba(255,122,24,.10),
    0 0 64px rgba(42,99,255,.10);
}

.db-block-compact .tile:hover::after{
  opacity: .9;
}

.db-block-compact .tile h3{
  display:flex;
  align-items:center;
  gap: 10px;
  margin: 0 0 6px;
  letter-spacing: -.02em;
}

.db-block-compact .tile h3 i{
  width: 38px;
  height: 38px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: 0 14px 36px rgba(12,18,28,.12);
  color: #2a63ff;
  filter: drop-shadow(0 4px 12px rgba(42,99,255,.24));
}

.db-block-compact .tile p{
  margin: 0 0 12px;
  color: rgba(85,101,122,.92);
}

.db-block-compact .tile .meta{
  display:flex;
  justify-content:flex-end;
}
.home-metric {
    text-align: center;
}
/* slight coherence with home-sec-head icons */
.home-sec-head{
  border-radius: 28px;

  -webkit-backdrop-filter: blur(14px) saturate(160%);
}
.card.card-pad.admission-hero.glass-surface.glow-surface {
    margin-bottom: 20px;
	margin-top: 20px;
}    article.usp__item {
    display: grid;
    align-content: space-around;
    justify-items: center;
    align-items: center;
    justify-content: center;
}

i.fa-solid.fa-file-lines {}

.page[data-route="home"] .usp__item {
    background: rgb(255 255 255 / 77%)!important;
}

.page[data-route="home"] .usp__t {
    font-size: 20px;
}

.page[data-route="home"] .usp__d {
    font-size: 13px;
}