footer { background: #0b0a18; color: rgba(255, 255, 255, 0.92); padding: 60px 24px 28px; }
  footer .fi { max-width: 1200px; margin: 0 auto; }
  footer .fg { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 48px; padding-bottom: 36px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  footer .flogo-img { height: 46px; width: auto; display: block; background: #fff; padding: 5px 9px; border-radius: 10px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); }
  footer .fb p { margin-top: 16px; font-size: 0.88rem; line-height: 1.7; max-width: 320px; }
  footer .fsoc { display: flex; gap: 10px; margin-top: 20px; }
  footer .fs { width: 34px; height: 34px; border-radius: 9px; background: rgba(255, 255, 255, 0.06); display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
  footer .fs svg { stroke: rgba(255, 255, 255, 0.7); }
  footer .fs:hover { background: var(--p); }
  footer .fcol h5 { color: #fff; font-size: 0.95rem; font-weight: 700; margin-bottom: 16px; }
  footer .fcol ul { list-style: none; display: flex; flex-direction: column; gap: 11px; }
  footer .fcol a { display: inline-block; text-decoration: none; font-size: 0.88rem; color: rgba(255, 255, 255, 0.88); transition: color 0.2s; }
  footer .fcol a:hover { color: var(--acc2); }
  footer .fbot { display: block; text-align: center; font-size: 0.82rem; padding-top: 24px; color: rgba(255, 255, 255, 0.8); }
  @media (max-width: 980px) { footer .fg { grid-template-columns: 1fr 1fr; gap: 32px; } }
  @media (max-width: 560px) { footer .fg { grid-template-columns: 1fr; } }