.footer{width:100%;background:linear-gradient(90deg,#232946 80%,#181f2a 120%);color:#f1f5f9;text-align:center;padding:15px 20px;position:fixed;bottom:0;left:0;box-shadow:0 -2px 6px rgba(56,189,248,.13);transition:transform .3s,opacity .3s;z-index:1000;display:flex;justify-content:center;align-items:center}.footer.hidden{transform:translateY(100%);opacity:0}.footer.visible{transform:translateY(0);opacity:1}.footer-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.footer small{color:#38bdf8;font-size:14px;transition:color .3s}.footer small:hover{color:#fbbf24;text-decoration:underline}.footer-about-link{color:#fbbf24;font-weight:600;background:none;border-radius:8px;padding:8px 18px;text-decoration:none;transition:background .2s,color .2s,box-shadow .18s;font-size:1rem;outline:none;display:inline-block}.footer-about-link:focus,.footer-about-link:hover{background:#38bdf8;color:#232946;box-shadow:0 4px 18px rgba(56,189,248,.18);outline:2px solid #fbbf24}@media (max-width:700px){.footer-content{flex-direction:column;gap:10px;padding:0 8px}.footer-about-link{width:100%;text-align:center;padding:10px 0;font-size:1.05rem}.footer small{font-size:12px}}@media (max-width:480px){.footer{padding:8px 10px}.footer small{font-size:10px}}.page-content-with-footer{padding-bottom:80px}@media (max-width:768px){.page-content-with-footer{padding-bottom:64px}}@media (max-width:480px){.page-content-with-footer{padding-bottom:56px}}