/* FOOTER - Icons + newsletter */
 .pro-footer {
     background: linear-gradient(180deg, #07080a, #0a0a0c);
     padding: 100px 5rem 50px;
     margin-top: 120px;
 }

 .footer-top {
     display: grid;
     grid-template-columns: 2fr 1fr 1fr 1fr;
     gap: 5rem;
 }

 .footer-brand h3 {
     font-size: 2.4rem;
     letter-spacing: 5px;
     color: var(--primary);
 }

 .footer-brand p {
     margin-top: 1rem;
     color: var(--muted);
     font-size: 1rem;
 }

 .footer-links h4 {
     margin-bottom: 1.5rem;
     font-size: 1rem;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: var(--text);
 }

 .footer-links a {
     display: block;
     margin-bottom: 0.9rem;
     color: var(--muted);
     transition: 0.3s;
 }

 .footer-links a:hover {
     color: var(--primary);
     transform: translateX(6px);
 }

 /* Newsletter */
 .newsletter {
     margin-top: 2rem;
 }

 .newsletter input {
     padding: 0.9rem 1.2rem;
     border: none;
     border-radius: 50px 0 0 50px;
     width: 70%;
     background: #1a1a20;
     color: white;
 }

 .newsletter button {
     padding: 0.9rem 1.8rem;
     border: none;
     border-radius: 0 50px 50px 0;
     background: var(--primary);
     color: #000;
     font-weight: 600;
     cursor: pointer;
     transition: 0.3s;
 }

 .newsletter button:hover {
     background: var(--primary-dark);
 }

 .footer-divider {
     height: 1px;
     background: linear-gradient(to right, transparent, rgba(212, 175, 55, 0.3), transparent);
     margin: 4rem 0 2.5rem;
 }

 .socials {
     display: flex;
     justify-content: center;
     gap: 1.5rem;
     margin-bottom: 1.5rem;
 }

 .socials a {
     width: 48px;
     height: 48px;
     border: 1px solid rgba(212, 175, 55, 0.3);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--muted);
     font-size: 1.3rem;
     transition: all 0.4s ease;
 }

 .socials a:hover {
     background: var(--primary);
     color: #000;
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);
     border-color: transparent;
 }

 .footer-bottom-pro {
     text-align: center;
     color: var(--muted);
     font-size: 0.95rem;
 }

 @media (max-width: 1024px) {
     .footer-top {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media (max-width: 600px) {
     .footer-top {
         grid-template-columns: 1fr;
         text-align: center;
     }

     .newsletter input {
         width: 60%;
     }

     .pro-footer {
         padding: 60px 18px 40px;
     }

     .footer-top {
         gap: 3rem;
     }

     .newsletter input {
         width: 100%;
         border-radius: 50px;
         margin-bottom: 1rem;
     }

     .newsletter button {
         width: 100%;
         border-radius: 50px;
     }

     .socials a {
         width: 44px;
         height: 44px;
         font-size: 1.2rem;
     }
 }