:root{--primary: #0f172a;--secondary: #334155;--accent: #ca8a04;--bg-light: #f8fafc;--white: #ffffff}footer.modern-footer{background-color:var(--primary);color:var(--white);padding:80px 0 0;font-size:.95rem;width:100%}footer.modern-footer .container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-col h4{color:var(--white);font-size:1.1rem;margin-bottom:25px;position:relative;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.footer-col h4:after{content:"";display:block;width:30px;height:2px;background-color:var(--accent);margin-top:8px}.footer-col p{color:#ffffffb3;font-size:.9rem;margin-bottom:15px;line-height:1.6}.footer-brand p{max-width:300px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:12px}.footer-col a{color:#ffffffb3;text-decoration:none;transition:all .3s}.footer-col a:hover{color:var(--accent);padding-left:5px}.footer-logo{display:block;font-size:1.8rem;font-weight:800;color:var(--white);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.footer-logo span{color:var(--accent)}.social-links{display:flex;gap:15px;margin-top:20px}.social-icon{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-icon svg{width:16px;height:16px;fill:var(--white)}.social-icon:hover{background-color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.footer-bottom{padding:25px 0;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#ffffff80}.footer-bottom a{color:#ffffff80;margin-left:20px}.footer-bottom a:hover{color:var(--white)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-col h4:after{margin:8px auto 0}.footer-brand p{margin:0 auto 15px}.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom div{display:flex;flex-wrap:wrap;justify-content:center}.footer-bottom a{margin:0 10px}}
