:root {
  --cso-navy: #071d3a;
  --cso-blue: #0b2f5b;
  --cso-blue-light: #164d88;
  --cso-gold: #d2a040;
  --cso-gold-dark: #ae791e;
  --cso-ink: #111827;
  --cso-muted: #5e6878;
  --cso-line: #dce3ec;
  --cso-soft: #f4f6f9;
  --cso-white: #ffffff;
}

#page-site-index .main-inner { max-width: none !important; padding: 0 !important; }
#page-site-index #region-main { padding: 0 !important; border: 0 !important; background: transparent !important; }
#page-site-index #page-header,
#page-site-index .page-header-headings,
#page-site-index .secondary-navigation,
#page-site-index footer#page-footer { display: none !important; }
#page-site-index .course-content,
#page-site-index .generalbox,
#page-site-index .box.py-3 { padding: 0 !important; }

body.notloggedin#page-site-index .navbar { display: none !important; }

.cso-homepage-v2 {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  color: var(--cso-ink);
  background: #fff;
  font-family: "Noto Sans Armenian","Segoe UI",Arial,sans-serif;
}
.cso-homepage-v2 * { box-sizing: border-box; }
.cso-homepage-v2 a { text-decoration: none; }
.cso-shell { width: min(1320px, calc(100% - 48px)); margin-inline: auto; }

.cso-govbar { background: var(--cso-navy); color: #fff; font-size: 12px; }
.cso-govbar .cso-shell { min-height: 38px; display: flex; align-items: center; justify-content: space-between; }
.cso-govbar div div { display: flex; align-items: center; gap: 12px; }
.cso-govbar i { display: block; height: 13px; width: 1px; background: rgba(255,255,255,.25); }
.cso-govbar a { color: #fff; }
.cso-govbar a:last-child { color: #f4ca70; font-weight: 700; }

.cso-site-header { background: #fff; border-bottom: 1px solid var(--cso-line); position: relative; z-index: 20; }
.cso-header-inner { height: 76px; display: flex; align-items: center; gap: 38px; }
.cso-brand { display: flex; align-items: center; gap: 12px; }
.cso-brand-symbol { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 11px; background: var(--cso-navy); color: var(--cso-gold); font-size: 25px; font-weight: 900; }
.cso-brand-text { display: flex; flex-direction: column; line-height: 1; }
.cso-brand-text b { color: var(--cso-navy); font-size: 22px; }
.cso-brand-text em { color: var(--cso-gold-dark); font-size: 13px; font-style: normal; margin-top: 3px; }
.cso-public-nav { display: flex; align-self: stretch; align-items: center; gap: 30px; margin-left: auto; }
.cso-public-nav a { position: relative; display: flex; height: 100%; align-items: center; color: #263549; font-size: 14px; font-weight: 650; }
.cso-public-nav a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--cso-gold); transform: scaleX(0); transition: .2s; }
.cso-public-nav a:hover,.cso-public-nav a.active { color: var(--cso-gold-dark); }
.cso-public-nav a:hover:after,.cso-public-nav a.active:after { transform: scaleX(1); }
.cso-login-button { margin-left: 10px; padding: 10px 17px; border: 1px solid var(--cso-navy); border-radius: 7px; color: var(--cso-navy); font-weight: 750; font-size: 14px; }

.cso-hero-v2 { background: linear-gradient(108deg,#fff 0%,#fff 51%,#f1f5f8 51%,#edf2f6 100%); }
.cso-hero-layout { min-height: 610px; display: grid; grid-template-columns: 50% 50%; align-items: center; }
.cso-hero-text { padding: 72px 0 68px; }
.cso-label { color: var(--cso-gold-dark); font-size: 11px; font-weight: 850; letter-spacing: .14em; }
.cso-hero-text h1 { max-width: 720px; margin: 15px 0 24px; color: var(--cso-navy); font-size: clamp(44px,5vw,72px); line-height: 1.04; font-weight: 850; }
.cso-hero-text > p { max-width: 650px; margin: 0; color: #33455a; font-size: 18px; line-height: 1.75; }
.cso-hero-actions { display: flex; gap: 13px; margin-top: 30px; }
.cso-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 14px 20px; border-radius: 7px; font-size: 14px; font-weight: 800; }
.cso-btn-dark { color: #fff !important; background: var(--cso-navy); box-shadow: 0 10px 25px rgba(7,29,58,.16); }
.cso-btn-light { color: var(--cso-gold-dark) !important; background: #fff; border: 1px solid var(--cso-gold); }
.cso-hero-trust { display: flex; gap: 32px; margin-top: 48px; }
.cso-hero-trust div { padding-right: 32px; border-right: 1px solid var(--cso-line); }
.cso-hero-trust div:last-child { border-right: 0; }
.cso-hero-trust strong { display: block; color: var(--cso-navy); font-size: 22px; }
.cso-hero-trust span { color: var(--cso-muted); font-size: 12px; }

.cso-visual-stage { position: relative; min-height: 610px; }
.cso-main-screen { position: absolute; left: 7%; right: 1%; top: 105px; height: 355px; border-radius: 28px; overflow: hidden; background: linear-gradient(145deg,#184c83,var(--cso-navy)); box-shadow: 0 38px 70px rgba(7,29,58,.25); transform: rotate(-2deg); }
.cso-screen-bar { height: 53px; padding: 20px; display: flex; gap: 8px; background: rgba(255,255,255,.07); }
.cso-screen-bar span { width: 9px; height: 9px; border-radius: 50%; background: var(--cso-gold); opacity: .85; }
.cso-screen-content { height: 302px; padding: 40px; display: grid; grid-template-columns: 45% 55%; align-items: center; }
.cso-avatar-group { position: relative; height: 210px; }
.cso-avatar { position: absolute; border-radius: 50%; border: 6px solid rgba(255,255,255,.18); background: linear-gradient(#efbc91 0 35%,#f7f9fb 35%); }
.cso-avatar.a1 { width: 118px; height: 118px; left: 15px; top: 35px; }
.cso-avatar.a2 { width: 92px; height: 92px; right: 10px; top: 5px; background: linear-gradient(#d99a6e 0 35%,#ced8e5 35%); }
.cso-avatar.a3 { width: 78px; height: 78px; right: 0; bottom: 5px; background: linear-gradient(#e7af80 0 35%,#d2a040 35%); }
.cso-screen-copy { color: #fff; }
.cso-screen-copy b { display: block; font-size: 25px; margin-bottom: 12px; }
.cso-screen-copy > span { display: block; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.6; }
.cso-progress { height: 7px; margin-top: 30px; border-radius: 20px; background: rgba(255,255,255,.14); }
.cso-progress i { display: block; width: 72%; height: 100%; border-radius: inherit; background: var(--cso-gold); }
.cso-floating-card { position: absolute; z-index: 3; border: 1px solid rgba(255,255,255,.8); border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 18px 42px rgba(7,29,58,.13); backdrop-filter: blur(8px); }
.cso-certificate { left: 1%; bottom: 70px; display: flex; gap: 12px; align-items: center; padding: 15px 18px; }
.cso-certificate > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #2f855a; font-weight: 900; }
.cso-certificate b,.cso-certificate small { display: block; }
.cso-certificate b { color: var(--cso-navy); }
.cso-certificate small { color: var(--cso-muted); font-size: 11px; }
.cso-analytics { right: 0; top: 70px; padding: 15px 20px; }
.cso-analytics b { display: block; color: var(--cso-navy); font-size: 25px; }
.cso-analytics small { color: var(--cso-muted); font-size: 11px; }
.cso-shape { position: absolute; border: 1px solid rgba(210,160,64,.4); border-radius: 28px; }
.cso-shape-a { width: 240px; height: 240px; right: -55px; top: 42px; transform: rotate(28deg); }
.cso-shape-b { width: 150px; height: 150px; left: 8px; bottom: 62px; transform: rotate(45deg); }

.cso-direction-band { background: var(--cso-navy); }
.cso-direction-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.cso-direction { min-height: 158px; padding: 25px 22px; display: grid; grid-template-columns: 44px 1fr 20px; gap: 15px; align-items: center; color: #fff !important; border-right: 1px solid rgba(255,255,255,.13); transition: .2s; }
.cso-direction:hover { background: rgba(255,255,255,.05); }
.cso-direction:last-child { border-right: 0; }
.cso-direction-icon { color: var(--cso-gold); font-size: 15px; font-weight: 900; }
.cso-direction h3 { margin: 0 0 9px; color: #fff; font-size: 16px; line-height: 1.35; }
.cso-direction p { margin: 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.55; }
.cso-direction > b { color: var(--cso-gold); font-size: 20px; }

.cso-section { padding: 78px 0; }
.cso-heading-row { display: flex; justify-content: space-between; align-items: end; margin-bottom: 27px; }
.cso-heading-row h2,.cso-about-copy h2,.cso-partner-section h2 { margin: 7px 0 0; color: var(--cso-navy); font-size: clamp(30px,3vw,42px); line-height: 1.15; }
.cso-heading-row > a { color: var(--cso-gold-dark); font-weight: 750; font-size: 14px; }

.cso-course-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.cso-course-card { overflow: hidden; color: inherit !important; border: 1px solid var(--cso-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(15,23,42,.05); transition: .22s; }
.cso-course-card:hover { transform: translateY(-5px); box-shadow: 0 18px 38px rgba(15,23,42,.1); }
.cso-course-cover { height: 210px; display: flex; align-items: end; padding: 22px; position: relative; overflow: hidden; }
.cso-course-cover:before,.cso-course-cover:after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); }
.cso-course-cover:before { width: 190px; height: 190px; right: -45px; top: -40px; }
.cso-course-cover:after { width: 110px; height: 110px; left: 35px; top: 35px; }
.cso-course-cover span { position: relative; z-index: 2; color: #fff; font-size: 26px; font-weight: 800; }
.cover-one { background: linear-gradient(145deg,#143f6b,#071d3a); }
.cover-two { background: linear-gradient(145deg,#236e9d,#123c68); }
.cover-three { background: linear-gradient(145deg,#9a7330,#4f3c19); }
.cso-course-content { padding: 22px; }
.cso-course-content small { color: var(--cso-gold-dark); font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.cso-course-content h3 { min-height: 54px; margin: 9px 0 14px; color: var(--cso-navy); font-size: 18px; line-height: 1.45; }
.cso-course-content > p { color: var(--cso-muted); font-size: 13px; }
.cso-course-meta { display: flex; justify-content: space-between; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--cso-line); color: var(--cso-muted); font-size: 12px; }
.cso-course-meta b { color: var(--cso-gold-dark); font-size: 18px; }

.cso-impact { padding: 43px 0; background: var(--cso-soft); border-block: 1px solid var(--cso-line); }
.cso-impact-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.cso-impact-grid > div { padding: 8px 30px; border-right: 1px solid #ced7e1; }
.cso-impact-grid > div:first-child { padding-left: 0; }
.cso-impact-grid > div:last-child { border-right: 0; }
.cso-impact strong { display: block; color: var(--cso-navy); font-size: 34px; }
.cso-impact span { display: block; margin-top: 5px; color: var(--cso-muted); font-size: 12px; line-height: 1.5; }

.cso-about-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; padding: 60px; border-radius: 22px; background: linear-gradient(130deg,#f4f6f9,#fff); border: 1px solid var(--cso-line); }
.cso-about-copy h2 { margin-bottom: 22px; }
.cso-about-copy > p { color: var(--cso-muted); font-size: 16px; line-height: 1.8; }
.cso-text-link { display: inline-block; margin-top: 17px; color: var(--cso-gold-dark); font-weight: 750; }
.cso-about-features > div { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--cso-line); }
.cso-about-features > div:last-child { border-bottom: 0; }
.cso-about-features span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: var(--cso-navy); color: var(--cso-gold); font-weight: 850; }
.cso-about-features b { color: var(--cso-navy); }
.cso-about-features p { margin: 6px 0 0; color: var(--cso-muted); font-size: 13px; line-height: 1.6; }

.cso-news-v2 { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 20px; }
.cso-news-main { overflow: hidden; border: 1px solid var(--cso-line); border-radius: 14px; }
.cso-news-photo { height: 230px; background: linear-gradient(140deg,#154779,#071d3a); position: relative; }
.cso-news-photo:after { content: "DIGITAL GOVERNMENT"; position: absolute; left: 25px; bottom: 22px; color: rgba(255,255,255,.9); font-size: 23px; font-weight: 800; }
.cso-news-body { padding: 23px; }
.cso-news-body time,.cso-news-side time { color: var(--cso-muted); font-size: 11px; }
.cso-news-body h3 { margin: 10px 0; color: var(--cso-navy); font-size: 20px; line-height: 1.4; }
.cso-news-body p { color: var(--cso-muted); font-size: 13px; line-height: 1.6; }
.cso-news-body a,.cso-news-side a { color: var(--cso-gold-dark); font-weight: 750; font-size: 13px; }
.cso-news-side { display: grid; gap: 16px; }
.cso-news-side article { padding: 22px; border: 1px solid var(--cso-line); border-radius: 14px; }
.cso-news-side h3 { margin: 10px 0 18px; color: var(--cso-navy); font-size: 16px; line-height: 1.45; }
.cso-newsletter { padding: 28px; border-radius: 14px; color: #fff; background: var(--cso-navy); }
.cso-newsletter > span { color: var(--cso-gold); font-size: 32px; }
.cso-newsletter h3 { margin: 14px 0 10px; color: #fff; font-size: 22px; }
.cso-newsletter p { color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.65; }
.cso-newsletter > div { display: flex; margin-top: 25px; }
.cso-newsletter input { min-width: 0; flex: 1; padding: 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 6px 0 0 6px; color: #fff; background: rgba(255,255,255,.07); }
.cso-newsletter button { width: 48px; border: 0; border-radius: 0 6px 6px 0; background: var(--cso-gold); font-size: 18px; }

.cso-partner-section { padding: 58px 0; background: var(--cso-soft); text-align: center; }
.cso-partners-v2 { display: grid; grid-template-columns: repeat(6,1fr); align-items: center; gap: 25px; margin-top: 35px; color: #53647a; font-weight: 850; letter-spacing: .02em; }

.cso-footer-v2 { padding: 55px 0 20px; background: var(--cso-navy); color: #fff; }
.cso-footer-layout { display: grid; grid-template-columns: 1.8fr repeat(4,1fr); gap: 38px; }
.cso-brand.dark .cso-brand-symbol { background: #fff; color: var(--cso-gold-dark); }
.cso-brand.dark .cso-brand-text b { color: #fff; }
.cso-footer-brand > p,.cso-footer-layout p { color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.7; }
.cso-footer-layout h4 { color: #fff; margin: 0 0 15px; font-size: 14px; }
.cso-footer-layout > div > a:not(.cso-brand) { display: block; margin: 8px 0; color: rgba(255,255,255,.72) !important; font-size: 13px; }
.cso-footer-legal { display: flex; justify-content: space-between; margin-top: 38px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.5); font-size: 11px; }

@media (max-width: 1080px) {
  .cso-public-nav { display: none; }
  .cso-login-button { margin-left: auto; }
  .cso-hero-layout { grid-template-columns: 1fr; }
  .cso-visual-stage { min-height: 480px; }
  .cso-direction-grid { grid-template-columns: 1fr 1fr; }
  .cso-direction:nth-child(2) { border-right: 0; }
  .cso-course-grid { grid-template-columns: 1fr 1fr; }
  .cso-course-card:last-child { grid-column: 1/-1; max-width: 50%; }
  .cso-impact-grid { grid-template-columns: 1fr 1fr; gap: 25px 0; }
  .cso-impact-grid > div:nth-child(2) { border-right: 0; }
  .cso-about-panel { grid-template-columns: 1fr; gap: 30px; }
  .cso-news-v2 { grid-template-columns: 1fr 1fr; }
  .cso-news-main { grid-column: 1/-1; }
  .cso-footer-layout { grid-template-columns: 1.6fr 1fr 1fr; }
  .cso-partners-v2 { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 680px) {
  .cso-shell { width: calc(100% - 24px); }
  .cso-govbar span:first-child { display: none; }
  .cso-govbar .cso-shell { justify-content: flex-end; }
  .cso-header-inner { height: 68px; }
  .cso-brand-symbol { width: 39px; height: 39px; }
  .cso-login-button { padding: 8px 12px; }
  .cso-hero-text { padding: 52px 0 35px; }
  .cso-hero-text h1 { font-size: 40px; }
  .cso-hero-actions { flex-direction: column; }
  .cso-hero-trust { gap: 15px; }
  .cso-hero-trust div { padding-right: 15px; }
  .cso-visual-stage { min-height: 350px; }
  .cso-main-screen { top: 30px; height: 280px; }
  .cso-screen-content { padding: 25px; grid-template-columns: 1fr; }
  .cso-avatar-group { display: none; }
  .cso-floating-card { display: none; }
  .cso-direction-grid,.cso-course-grid,.cso-impact-grid,.cso-news-v2,.cso-footer-layout { grid-template-columns: 1fr; }
  .cso-direction { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .cso-course-card:last-child { grid-column: auto; max-width: none; }
  .cso-impact-grid > div { padding: 15px 0; border-right: 0; border-bottom: 1px solid #ced7e1; }
  .cso-about-panel { padding: 30px 22px; }
  .cso-heading-row { flex-direction: column; align-items: start; gap: 14px; }
  .cso-news-main { grid-column: auto; }
  .cso-partners-v2 { grid-template-columns: 1fr 1fr; }
  .cso-footer-legal { flex-direction: column; gap: 10px; }
}