/* Footer Styles */
       footer {
           background: linear-gradient(135deg, hsl(0, 0%, 7%), hsl(0, 0%, 10%), hsl(0, 0%, 13%));
           color: #a7a7a7;
       }

       .footer-container {
           display: grid;
           grid-template-columns: 1fr;
           gap: 2.5rem;
           padding: 4rem 2rem;
           max-width: 1200px;
           margin: auto;
       }


       .footer-section h3 {
           color: hsl(1, 77%, 60%);
           margin-bottom: 1rem;
           font-weight: 600;
       }



       .footer-logo {
           font-size: 1.8rem;
           font-weight: 700;
           background: linear-gradient(135deg, hsl(210, 79%, 46%), hsl(210, 79%, 55%));
           margin-bottom: 4px;
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           background-clip: text;
           text-decoration: none;
           transition: all 0.3s ease;
           z-index: 10;
       }

       .footer-logo:hover {
           transform: scale(1.05);
       }

       .footer-text {
           font-size: 0.9rem;
           line-height: 1.6;
       }

       .footer-section ul {
           list-style: none;
       }

       .footer-section ul li {
           margin-bottom: 0.6rem;
       }

       .footer-section ul li a {
           text-decoration: none;
           color: #a7a7a7;
           font-size: 0.9rem;
           transition: color 0.3s ease;
       }

       .footer-section ul li a:hover {
           color: #1976d2;


       }

       .footer-section ul li a i {
           color: hsl(210, 79%, 60%);
           margin-right: 3px;
       }

       .footer-section ul li a i:hover {
           color: hsl(210, 79%, 58%);
       }

       .newsletter-form {
           display: flex;
           margin-top: 1rem;
       }

       .newsletter-form input {
           padding: 0.7rem;
           flex: 1;
           border: 1px solid #444;
           background-color: #222;
           color: #fff;
           border-radius: 4px 0 0 4px;
           font-size: 0.9rem;
           outline: none;
           transition: border-color 0.3s ease;
       }

       .newsletter-form input:focus {
           border-color: #1976d2;
       }

       .newsletter-form button {
           background-color: #1976d2;
           color: white;
           border: none;
           padding: 0 1.2rem;
           cursor: pointer;
           border-radius: 0 4px 4px 0;
           font-size: 1.2rem;
           transition: background-color 0.3s ease;
           display: flex;
           align-items: center;
       }

       .newsletter-form button:hover {
           background-color: #0b5ed7;
       }

       .social-icons {
           margin-top: 1.5rem;
           display: flex;
           gap: 1rem;
       }

       .social-icons a {
           font-size: 1.5rem;
           color: #a7a7a7;
           text-decoration: none;
           transition: color 0.3s ease, transform 0.3s ease;
       }

       .social-icons a:hover {
           color: #1976d2;
           transform: translateY(-3px);
       }

       .footer-bottom {
           text-align: center;
           border-top: 1px solid #333;
           padding: 1.5rem 2rem;
           font-size: 0.85rem;
           color: #888;
       }

       /* Responsive Layout */
       @media (min-width: 768px) {
           .footer-container {
               grid-template-columns: repeat(2, 1fr);
           }
       }

       @media (min-width: 992px) {
           .footer-container {
               grid-template-columns: 2fr 1fr 1fr 2fr;
               /* Flexible columns for different content sizes */
           }
       }