/* Smart Zugdidi — About pages visual system (2026-08-29) */
.about-page{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(circle at 8% 8%,rgba(45,212,191,.17),transparent 27rem),
    radial-gradient(circle at 92% 28%,rgba(56,189,248,.10),transparent 25rem),
    linear-gradient(180deg,#f0fdf8 0%,#eafbf4 48%,#f6fffb 100%);
}
.about-page::before,.about-page::after{
  content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(2px);pointer-events:none
}
.about-page::before{width:320px;height:320px;top:260px;left:-190px;background:rgba(153,246,228,.22)}
.about-page::after{width:420px;height:420px;right:-260px;bottom:140px;background:rgba(186,230,253,.18)}
.about-page>.container{position:relative;z-index:1;max-width:1240px}
.about-page .section-header{max-width:850px;margin-left:auto;margin-right:auto;margin-bottom:36px;text-align:center}
.about-page .section-badge{box-shadow:0 8px 22px rgba(15,118,110,.09)}
.about-page .section-title{letter-spacing:-.025em}
.about-page .section-subtitle{max-width:720px;margin-left:auto;margin-right:auto}

.about-page .ab-one,.about-page .go-one,.about-page .fn-one,
.about-page .st-one,.about-page .dc-one{max-width:1120px;margin-left:auto;margin-right:auto}
.about-page .ab-lead,.about-page .go-lead,.about-page .fn-lead,
.about-page .st-lead,.about-page .dc-lead{
  position:relative;margin:0 0 30px;padding:23px 26px 23px 30px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,253,245,.88));
  border:1px solid rgba(94,234,212,.62);border-left:4px solid #14b8a6;border-radius:18px;
  box-shadow:0 14px 38px rgba(13,45,42,.07);font-weight:500;color:#334155
}

.about-page .ab-grid,.about-page .go-grid,.about-page .fn-grid,.about-page .dc-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:20px
}
.about-page .ab-c,.about-page .go-c,.about-page .fn-c,.about-page .dc-card,
.about-page .st-c,.about-page .st-lead-grid>div{
  position:relative;overflow:hidden;height:100%;padding:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,252,243,.88));
  border:1px solid rgba(94,234,212,.55);border-radius:20px;
  box-shadow:0 10px 30px rgba(13,45,42,.065);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.about-page .ab-c::before,.about-page .go-c::before,.about-page .fn-c::before,
.about-page .dc-card::before,.about-page .st-c::before,.about-page .st-lead-grid>div::before{
  content:"";position:absolute;inset:0 0 auto;height:4px;
  background:linear-gradient(90deg,#0f766e,#2dd4bf,#7dd3fc)
}
.about-page .ab-c:hover,.about-page .go-c:hover,.about-page .fn-c:hover,
.about-page .dc-card:not(.is-pending):hover,.about-page .st-c:hover,.about-page .st-lead-grid>div:hover{
  transform:translateY(-4px);border-color:#5eead4;box-shadow:0 18px 42px rgba(13,45,42,.11)
}
.about-page .ab-c>i,.about-page .fn-c>i,.about-page .dc-card-ico,
.about-page .st-lead-grid>div>i{
  width:42px;height:42px;display:grid;place-items:center;margin:0 0 14px;
  border-radius:13px;background:linear-gradient(135deg,#ccfbf1,#e0f2fe);color:#0f766e
}
.about-page .go-c-h{justify-content:space-between;margin-bottom:15px}
.about-page .go-c-h i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ccfbf1}
.about-page .go-n,.about-page .st-num{box-shadow:0 7px 16px rgba(15,118,110,.18)}

.about-page .bag-box,.about-page .go-perms,.about-page .dc-wide{
  background:rgba(255,255,255,.80);border:1px solid rgba(94,234,212,.50);border-radius:20px;
  box-shadow:0 12px 34px rgba(13,45,42,.065);backdrop-filter:blur(8px)
}
.about-page .bag-box{padding:24px 26px}
.about-page .bag-kv{padding:13px 0}
.about-page .ab-note,.about-page .fn-note,.about-page .st-note{
  background:linear-gradient(135deg,rgba(204,251,241,.92),rgba(224,242,254,.76));
  border-color:#5eead4;border-radius:18px;box-shadow:0 10px 26px rgba(13,45,42,.06)
}

.about-page--structure .st-org{
  padding:22px;margin-bottom:34px;background:rgba(255,255,255,.72);
  border:1px solid rgba(94,234,212,.48);border-radius:22px;
  box-shadow:0 14px 38px rgba(13,45,42,.07)
}
.about-page--structure .st-h{justify-content:center;text-align:center;margin-top:42px}
.about-page--structure .st-hsub{text-align:center;margin-bottom:20px}
.about-page--structure .st-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.about-page--structure .st-grid>.st-c{grid-column:span 2}
.about-page--structure .st-grid>.st-c:nth-child(4){grid-column:2 / span 2}
.about-page--structure .st-grid>.st-c:nth-child(5){grid-column:4 / span 2}
.about-page--structure .st-lead-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}

.about-page--documents .dc-wide{max-width:1120px;margin-left:auto;margin-right:auto;padding:24px}
.about-page--documents .dc-table-wrap{border-radius:16px;overflow:hidden}

@media(max-width:900px){
  .about-page .section-header{margin-bottom:28px}
  .about-page--structure .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-page--structure .st-grid>.st-c,
  .about-page--structure .st-grid>.st-c:nth-child(4),
  .about-page--structure .st-grid>.st-c:nth-child(5){grid-column:auto}
}
@media(max-width:700px){
  .about-page{background:linear-gradient(180deg,#f0fdf8,#f6fffb)}
  .about-page .section-header{margin-bottom:24px}
  .about-page .ab-grid,.about-page .go-grid,.about-page .fn-grid,.about-page .dc-grid,
  .about-page--structure .st-grid,.about-page--structure .st-lead-grid{grid-template-columns:1fr}
  .about-page .ab-lead,.about-page .go-lead,.about-page .fn-lead,
  .about-page .st-lead,.about-page .dc-lead{padding:19px 19px 19px 22px;border-radius:16px}
  .about-page .ab-c,.about-page .go-c,.about-page .fn-c,.about-page .dc-card,
  .about-page .st-c,.about-page .st-lead-grid>div{padding:20px;border-radius:17px}
  .about-page--structure .st-org{padding:12px;border-radius:17px}
  .about-page--documents .dc-wide{padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .about-page .ab-c,.about-page .go-c,.about-page .fn-c,.about-page .dc-card,
  .about-page .st-c,.about-page .st-lead-grid>div{transition:none}
}