.median-footer { width: 100%; background: #0f1729; color: #fff; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; padding: 64px 0 32px; } .median-footer-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .median-footer-top { display: flex; justify-content: space-between; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.1); } .median-footer-brand { flex-shrink: 0; max-width: 260px; } .median-footer-logo { display: inline-block; text-decoration: none; margin-bottom: 12px; } .median-footer-tagline { font-size: 14px; color: rgba(255,255,255,0.6); margin: 0 0 12px 0; line-height: 1.5; } .median-footer-email { font-size: 14px; color: rgba(255,255,255,0.6); text-decoration: none; transition: color 0.2s; } .median-footer-email:hover { color: #fff; } .median-footer-links { display: flex; gap: 48px; flex-wrap: wrap; } .median-footer-col { display: flex; flex-direction: column; gap: 10px; min-width: 140px; } .median-footer-heading { font-size: 12px; font-weight: 600; letter-spacing: 1px; color: rgba(255,255,255,0.4); margin: 0 0 8px 0; text-transform: uppercase; } .median-footer-link { font-size: 14px; color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.2s; line-height: 1.4; } .median-footer-link:hover { color: #fff; } .median-footer-bottom { padding-top: 24px; text-align: center; } .median-footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.4); margin: 0; } @media (max-width: 768px) { .median-footer { padding: 40px 0 24px; } .median-footer-top { flex-direction: column; gap: 32px; padding-bottom: 32px; } .median-footer-brand { max-width: 100%; } .median-footer-links { gap: 24px; display: grid; grid-template-columns: 1fr 1fr; } .median-footer-col { min-width: auto; } } @media (max-width: 480px) { .median-footer-links { grid-template-columns: 1fr; } }