/* DT_SITE_FOOTER_V1 (2026-09-11) - dibateb.net footer, modelled on medicine.ac. Fully scoped under .dtf. */
.dtf{--dtf-acc:#3b82f6;--dtf-acc-2:#1e60ff;--dtf-ink:#eef4ff;--dtf-text:#c3d1ea;--dtf-muted:#8ea3c7;
  position:relative;overflow:hidden;direction:rtl;text-align:right;clear:both;margin:0;
  background:
    radial-gradient(1.5px 1.5px at 12% 18%, rgba(255,255,255,.55) 50%, transparent 51%),
    radial-gradient(1px 1px at 28% 64%, rgba(255,255,255,.45) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 47% 12%, rgba(255,255,255,.4) 50%, transparent 51%),
    radial-gradient(1px 1px at 63% 42%, rgba(255,255,255,.5) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 81% 22%, rgba(255,255,255,.45) 50%, transparent 51%),
    radial-gradient(1px 1px at 92% 71%, rgba(255,255,255,.4) 50%, transparent 51%),
    radial-gradient(1px 1px at 7% 83%, rgba(255,255,255,.35) 50%, transparent 51%),
    radial-gradient(1px 1px at 56% 88%, rgba(255,255,255,.35) 50%, transparent 51%),
    linear-gradient(180deg,#061735 0%,#0a2350 55%,#0c2b62 100%);
  border-top:3px solid var(--dtf-acc-2);color:var(--dtf-text);
  font-family:Vazirmatn,"Vazir",Tahoma,system-ui,sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}
.dtf *,.dtf *::before,.dtf *::after{box-sizing:border-box}
.dtf a{color:inherit;text-decoration:none}
.dtf-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:64px 24px 34px}
.dtf-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:40px}
.dtf-lockup{display:inline-flex;align-items:center;gap:12px}
.dtf-lockup img{height:46px;width:auto;display:block}
.dtf-lockup img + img{height:34px}
.dtf-tag{margin:16px 0 6px;color:var(--dtf-ink);font-weight:800;font-size:16px}
.dtf-about{margin:0;color:var(--dtf-muted);font-size:14px;line-height:2;max-width:320px}
.dtf-col h3{position:relative;margin:4px 0 26px;color:#fff;font-size:17px;font-weight:800;line-height:1.5}
.dtf-col h3::after{content:"";position:absolute;right:0;bottom:-10px;width:34px;height:3px;border-radius:3px;background:var(--dtf-acc)}
.dtf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dtf-col li a, .dtf-plain{display:inline-flex;align-items:center;gap:10px;min-height:32px;color:var(--dtf-text);font-size:14.5px;transition:color .15s}
.dtf-col li a:hover, .dtf-col li a:focus-visible{color:#fff}
.dtf-col li a:hover .dtf-ico{transform:translateX(-2px)}
.dtf-ico{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:#60a5fa;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.dtf-plain{color:var(--dtf-muted)}
.dtf a:focus-visible{outline:2px solid #93c5fd;outline-offset:3px;border-radius:6px}

.dtf-mission{text-align:center;margin:56px auto 26px;max-width:760px}
.dtf-pill{display:inline-block;padding:4px 16px;border:1px solid rgba(147,197,253,.35);border-radius:999px;color:#bcd3ff;font-size:13px;font-weight:700;background:rgba(255,255,255,.04)}
.dtf-big{margin:14px 0 6px;color:var(--dtf-ink);font-size:27px;font-weight:800;line-height:1.6}
.dtf-big span{color:#60a5fa}
.dtf-small{margin:0;color:var(--dtf-muted);font-size:15px}

.dtf-card{display:flex;align-items:center;gap:16px;max-width:1000px;margin:0 auto;padding:16px 20px;border-radius:18px;
  background:rgba(255,255,255,.06);border:1px solid rgba(147,197,253,.28);transition:background .15s,transform .15s}
.dtf-card:hover{background:rgba(255,255,255,.09)}
.dtf-card:active{transform:scale(.99)}
.dtf-card-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--dtf-acc-2);flex:0 0 auto}
.dtf-card-ico .dtf-ico{stroke:#fff;width:22px;height:22px}
.dtf-card-t{flex:1;min-width:0;display:flex;flex-direction:column}
.dtf-card-t b{color:#fff;font-size:17px;font-weight:800;line-height:1.6}
.dtf-card-t small{color:var(--dtf-muted);font-size:13.5px}
.dtf-card-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:var(--dtf-acc);color:#fff;font-weight:800;font-size:14.5px;flex:0 0 auto}
.dtf-card-btn .dtf-ico{stroke:#fff;width:16px;height:16px}

.dtf-slogan{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:30px 0 10px;color:#dbe7ff;font-size:15px;font-weight:800}
.dtf-slogan i{width:6px;height:6px;border-radius:50%;background:var(--dtf-acc);display:inline-block}
.dtf-copy{text-align:center;margin:0;color:var(--dtf-muted);font-size:13.5px}
.dtf-copy b{color:#dbe7ff;font-weight:700}
.dtf-pulse{position:absolute;left:0;right:0;bottom:6px;width:100%;height:46px;z-index:0;fill:none;stroke:rgba(96,165,250,.22);stroke-width:1.6;pointer-events:none}

@media (max-width:980px){
  .dtf-grid{grid-template-columns:1fr 1fr;gap:34px 24px}
  .dtf-brand{grid-column:1 / -1}
}
@media (max-width:640px){
  .dtf-in{padding:44px 18px 30px}
  .dtf-grid{grid-template-columns:1fr 1fr;gap:30px 16px}
  .dtf-brand{text-align:center}
  .dtf-lockup{justify-content:center}
  .dtf-about{margin:0 auto}
  .dtf-grid > .dtf-col:last-child{grid-column:1 / -1}
  .dtf-col h3{font-size:16px}
  .dtf-col li a, .dtf-plain{font-size:14px}
  .dtf-mission{margin:40px auto 22px}
  .dtf-big{font-size:21px}
  .dtf-card{flex-wrap:wrap;padding:16px}
  .dtf-card-btn{width:100%;justify-content:center;padding:12px 20px}
  .dtf-slogan{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.dtf *{transition:none !important}}

/* the homepage's last art scene no longer carries the footer inside it: trim its now-empty lower band */
@media (min-width:901px){
  #signature.continuation{aspect-ratio:1672/640}
  #signature.continuation .scene-art{height:calc(var(--u) * 941);bottom:auto}
}
@media (max-width:900px){
  #signature.continuation{min-height:0 !important;padding-bottom:12px;display:flex;flex-direction:column}
  #signature.continuation .continuation-copy{order:1}
  #signature.continuation .scene-art{order:2;position:relative !important;top:auto !important;left:auto !important;right:auto !important;
    width:100% !important;height:auto !important;max-width:100%;display:block;margin:26px 0 0;aspect-ratio:1672/560;object-fit:cover;object-position:50% 0}
  #signature.continuation .motion-inline{order:3;align-self:center;margin-top:14px}
}