.footer {
           background: #1e2a3a;
           color: #e2e8f0;
           font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
           margin-top: 60px;
           border-top: 1px solid #2d3a4a;
           width: 100%;
           position: relative;
           overflow: hidden;
       }
       
       /* Animated decorative line */
       .footer::before {
           content: '';
           position: absolute;
           top: 0;
           left: -100%;
           width: 100%;
           height: 2px;
           background: linear-gradient(90deg, transparent, #3b82f6, #8b5cf6, #3b82f6, transparent);
           animation: shimmer 3s infinite;
       }
       
       @keyframes shimmer {
           0% { left: -100%; }
           100% { left: 100%; }
       }
       
       /* Newsletter Section */
       .newsletter-section {
           background: #1a2533;
           padding: 55px 0;
           border-bottom: 1px solid #2d3a4a;
           position: relative;
       }
       
       .newsletter-container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 30px;
           text-align: center;
       }
       
       .newsletter-title {
           font-size: 28px;
           font-weight: 700;
           color: #ffffff;
           margin-bottom: 12px;
           animation: fadeInUp 0.6s ease;
       }
       
       .newsletter-title i {
           color: #3b82f6;
           animation: pulse 2s infinite;
       }
       
       @keyframes pulse {
           0%, 100% { transform: scale(1); }
           50% { transform: scale(1.1); }
       }
       
       .newsletter-subtitle {
           font-size: 16px;
           color: #a0afc0;
           margin-bottom: 30px;
       }
       
       .newsletter-form {
           display: flex;
           justify-content: center;
           gap: 15px;
           max-width: 550px;
           margin: 0 auto;
       }
       
       .newsletter-form input {
           flex: 1;
           padding: 14px 24px;
           border: 1px solid #2d3a4a;
           border-radius: 12px;
           font-size: 15px;
           background: #0f1a24;
           color: #e2e8f0;
           transition: all 0.3s ease;
           font-family: 'Inter', sans-serif;
       }
       
       .newsletter-form input::placeholder {
           color: #7f8c9a;
       }
       
       .newsletter-form input:focus {
           outline: none;
           border-color: #3b82f6;
           box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
       }
       
       .newsletter-form button {
           padding: 14px 32px;
           background: #3b82f6;
           color: white;
           border: none;
           border-radius: 12px;
           font-weight: 600;
           font-size: 15px;
           cursor: pointer;
           transition: all 0.3s ease;
           display: flex;
           align-items: center;
           gap: 8px;
           font-family: 'Inter', sans-serif;
           position: relative;
           overflow: hidden;
       }
       
       .newsletter-form button::before {
           content: '';
           position: absolute;
           top: 50%;
           left: 50%;
           width: 0;
           height: 0;
           background: rgba(255,255,255,0.2);
           border-radius: 50%;
           transform: translate(-50%, -50%);
           transition: width 0.5s, height 0.5s;
       }
       
       .newsletter-form button:hover::before {
           width: 300px;
           height: 300px;
       }
       
       .newsletter-form button:hover {
           background: #2563eb;
           transform: translateY(-2px);
           box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
       }
       
       /* Footer Grid */
       .footer-grid {
           max-width: 1200px;
           margin: 0 auto;
           padding: 60px 30px 50px;
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 45px;
       }
       
       /* Logo Styles */
       .footer-logo {
           display: flex;
           align-items: center;
           gap: 12px;
           text-decoration: none;
           margin-bottom: 25px;
           transition: transform 0.3s ease;
       }
       
       .footer-logo:hover {
           transform: translateX(5px);
       }
       
       .footer-logo i {
           font-size: 38px;
           color: #3b82f6;
           transition: all 0.3s ease;
       }
       
       .footer-logo:hover i {
           transform: rotate(5deg) scale(1.05);
       }
       
       .footer-logo-text {
           display: flex;
           align-items: center;
           gap: 5px;
       }
       
       .footer-logo-text span:first-child {
           font-size: 26px;
           font-weight: 700;
           color: #3b82f6;
       }
       
       .footer-logo-text span:last-child {
           font-size: 26px;
           font-weight: 700;
           color: #ffffff;
       }
       
       .footer-col p {
           font-size: 15px;
           line-height: 1.7;
           color: #a0afc0;
           margin: 18px 0 22px;
       }
       
       .social-links {
           display: flex;
           gap: 14px;
       }
       
       .social-links a {
           display: flex;
           align-items: center;
           justify-content: center;
           width: 42px;
           height: 42px;
           background: #2d3a4a;
           border-radius: 50%;
           color: #3b82f6;
           transition: all 0.3s ease;
           font-size: 18px;
           text-decoration: none;
           position: relative;
           overflow: hidden;
       }
       
       .social-links a::before {
           content: '';
           position: absolute;
           top: 100%;
           left: 0;
           width: 100%;
           height: 100%;
           background: #3b82f6;
           transition: top 0.3s ease;
           z-index: 0;
       }
       
       .social-links a:hover::before {
           top: 0;
       }
       
       .social-links a i {
           position: relative;
           z-index: 1;
           transition: color 0.3s ease;
       }
       
       .social-links a:hover {
           transform: translateY(-3px);
           box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
       }
       
       .social-links a:hover i {
           color: white;
       }
       
       .footer-col h4 {
           color: #ffffff;
           font-size: 18px;
           font-weight: 700;
           margin-bottom: 24px;
           letter-spacing: 0.3px;
           position: relative;
           display: inline-block;
       }
       
       .footer-col h4::after {
           content: '';
           position: absolute;
           bottom: -8px;
           left: 0;
           width: 40px;
           height: 2px;
           background: #3b82f6;
           transition: width 0.3s ease;
       }
       
       .footer-col:hover h4::after {
           width: 60px;
       }
       
       .footer-col ul {
           list-style: none;
           padding: 0;
           margin: 0;
       }
       
       .footer-col ul li {
           margin-bottom: 14px;
       }
       
       .footer-col ul li a {
           color: #a0afc0;
           text-decoration: none;
           font-size: 15px;
           transition: all 0.25s ease;
           display: inline-block;
           position: relative;
       }
       
       .footer-col ul li a::before {
           content: '→';
           position: absolute;
           left: -20px;
           opacity: 0;
           transition: all 0.25s ease;
           color: #3b82f6;
       }
       
       .footer-col ul li a:hover {
           color: #3b82f6;
           transform: translateX(5px);
           padding-left: 5px;
       }
       
       .footer-col ul li a:hover::before {
           opacity: 1;
           left: -15px;
       }
       
       .contact-item {
           display: flex;
           align-items: center;
           margin-bottom: 15px;
           transition: all 0.3s ease;
       }
       
       .contact-item:hover {
           transform: translateX(5px);
       }
       
       .contact-item i {
           color: #3b82f6;
           width: 28px;
           font-size: 16px;
           transition: all 0.3s ease;
       }
       
       .contact-item:hover i {
           transform: scale(1.1);
       }
       
       .contact-item span {
           color: #a0afc0;
           font-size: 15px;
           transition: color 0.3s ease;
       }
       
       .contact-item:hover span {
           color: #e2e8f0;
       }
       
       /* Footer Bottom */
       .footer-bottom {
           text-align: center;
           padding: 25px;
           border-top: 1px solid #2d3a4a;
           background: #16222e;
           position: relative;
       }
       
       .footer-link {
           display: inline-block;
           color: #a0afc0;
           text-decoration: none;
           font-size: 14px;
           transition: all 0.3s ease;
           position: relative;
       }
       
       .footer-link::after {
           content: '';
           position: absolute;
           bottom: -3px;
           left: 0;
           width: 0;
           height: 1px;
           background: #3b82f6;
           transition: width 0.3s ease;
       }
       
       .footer-link:hover {
           color: #3b82f6;
           transform: translateY(-1px);
       }
       
       .footer-link:hover::after {
           width: 100%;
       }
       
       /* Card hover effect for columns */
       .footer-col {
           transition: all 0.3s ease;
           padding: 10px;
           border-radius: 12px;
       }
       
       .footer-col:hover {
           background: rgba(59, 130, 246, 0.05);
           transform: translateY(-5px);
       }
       
       /* Responsive */
       @media (max-width: 992px) {
           .footer-grid {
               grid-template-columns: repeat(2, 1fr);
               gap: 40px;
           }
       }
       
       @media (max-width: 768px) {
           .footer-grid {
               grid-template-columns: 1fr;
               text-align: center;
               gap: 40px;
               padding: 45px 25px;
           }
           
           .footer-logo {
               justify-content: center;
           }
           
           .social-links {
               justify-content: center;
           }
           
           .footer-col h4 {
               text-align: center;
               display: block;
           }
           
           .footer-col h4::after {
               left: 50%;
               transform: translateX(-50%);
           }
           
           .contact-item {
               justify-content: center;
           }
           
           .footer-col ul li a::before {
               display: none;
           }
           
           .footer-col:hover {
               transform: translateY(-2px);
           }
           
           .newsletter-form {
               flex-direction: column;
               padding: 0 20px;
           }
           
           .newsletter-form input,
           .newsletter-form button {
               width: 100%;
           }
           
           .newsletter-title {
               font-size: 24px;
           }
       }
       
       @media (max-width: 480px) {
           .footer-grid {
               padding: 35px 20px;
           }
           
           .footer-logo i {
               font-size: 32px;
           }
           
           .footer-logo-text span:first-child,
           .footer-logo-text span:last-child {
               font-size: 22px;
           }
           
           .footer-col h4 {
               font-size: 18px;
           }
           
           .footer-col p,
           .footer-col ul li a,
           .contact-item span {
               font-size: 14px;
           }
           
           .footer-link {
               font-size: 12px;
           }
       }
       
       /* Animation for content */
       @keyframes fadeInUp {
           from {
               opacity: 0;
               transform: translateY(20px);
           }
           to {
               opacity: 1;
               transform: translateY(0);
           }
       }
       
       .footer-col {
           animation: fadeInUp 0.6s ease forwards;
       }
       
       .footer-col:nth-child(1) { animation-delay: 0.1s; }
       .footer-col:nth-child(2) { animation-delay: 0.2s; }
       .footer-col:nth-child(3) { animation-delay: 0.3s; }
       .footer-col:nth-child(4) { animation-delay: 0.4s; }