/* ===== CONTACT PAGE SPECIFIC STYLES ===== */
     .contact-section {
         padding: var(--space-2xl) var(--space-md) var(--space-3xl);
     }

     .section-headline {
         font-size: var(--font-h1);
         font-weight: 700;
         color: var(--text-dark);
         letter-spacing: -0.02em;
         margin-bottom: var(--space-md);
         line-height: var(--line-tight);
     }

     .section-headline span {
         color: var(--sky-deep);
     }

     .hero-text {
         font-size: var(--font-h4);
         color: var(--text-soft);
         max-width: 700px;
     }

     .contact-info-card {
         background: var(--pure-white);
         border-radius: var(--radius-xl);
         padding: var(--space-xl) var(--space-lg);
         box-shadow: var(--shadow-sm);
         border: 1px solid var(--border-light);
         transition: transform 0.25s ease, box-shadow 0.3s;
         height: 100%;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
     }

     .contact-info-card:hover {
         transform: translateY(-5px);
         box-shadow: var(--card-glow);
         border-color: var(--sky-primary);
     }

     .contact-icon {
         background-color: var(--sky-light);
         width: 70px;
         height: 70px;
         border-radius: 26px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: var(--space-lg);
         border: 1px solid rgba(61, 126, 185, 0.25);
     }

     .contact-icon i {
         font-size: 2.5rem;
         color: var(--sky-deep);
     }

     .contact-info-card h3 {
         font-size: var(--font-h3);
         font-weight: 700;
         color: var(--text-dark);
         margin-bottom: var(--space-sm);
     }

     .email-large {
         font-size: var(--font-h4);
         font-weight: 600;
         color: var(--sky-deep);
         word-break: break-all;
     }

     .text-muted {
         color: var(--text-soft) !important;
     }

     .question-block {
         background: rgba(255, 255, 255, 0.6);
         backdrop-filter: blur(8px);
         border-radius: var(--radius-xl);
         padding: var(--space-xl);
         border: 1px solid var(--border-light);
         text-align: center;
         align-items: center;
         height: 100%;
     }

     .question-block i {
         font-size: 3.5rem;
         color: var(--sky-deep);
     }

     .question-block h2 {
         font-size: var(--font-h2);
         font-weight: 700;
         color: var(--text-dark);
         margin-top: var(--space-md);
     }

     .contact-form {
         background: rgba(255, 255, 255, 0.7);
         backdrop-filter: blur(8px);
         border-radius: var(--radius-xl);
         padding: var(--space-xl);
         box-shadow: var(--shadow-sm);
         border: 1px solid var(--border-light);
     }

     .contact-form h2 {
         font-size: var(--font-h2);
         font-weight: 700;
         color: var(--text-dark);
         border-left: 8px solid var(--sky-primary);
         padding-left: var(--space-md);
         margin-bottom: var(--space-xl);
     }

     .form-label {
         font-weight: 600;
         color: var(--text-dark);
         margin-bottom: var(--space-xs);
     }

     .form-control {
         background: white;
         border: 1px solid var(--border-light);
         border-radius: var(--radius-md);
         padding: 0.75rem 1.2rem;
         font-size: var(--font-body);
         transition: all 0.2s;
     }

     .form-control:focus {
         border-color: var(--sky-primary);
         box-shadow: 0 0 0 3px rgba(123, 179, 255, 0.2);
         outline: none;
     }

     .btn-send {
         background: var(--gradient-primary);
         border: none;
         color: white;
         padding: 0.9rem 2.8rem;
         border-radius: var(--radius-full);
         font-weight: 600;
         font-size: var(--font-body);
         transition: all 0.3s;
         box-shadow: 0 8px 18px rgba(61, 126, 185, 0.3);
     }

     .btn-send:hover {
         transform: translateY(-3px);
         box-shadow: 0 15px 25px rgba(61, 126, 185, 0.4);
         background: var(--gradient-reverse);
     }

     .company-info-box {
         background: var(--gradient-card);
         border-radius: var(--radius-xl);
         padding: var(--space-xl);
         box-shadow: var(--shadow-sm);
         border: 1px solid var(--border-light);
     }

     .company-info-box h3 {
         font-size: var(--font-h2);
         font-weight: 700;
         color: var(--text-dark);
         margin-bottom: var(--space-md);
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .company-info-box h3 i {
         color: var(--sky-primary);
         font-size: var(--font-h2);
     }

     .company-info-box p {
         max-width: 800px;
         margin: 0 auto;
         color: var(--text-soft);
         font-size: var(--font-body);
     }

     @media (max-width: 768px) {
         .contact-section {
             padding: var(--space-lg) var(--space-sm) var(--space-xl);
         }

         .contact-form {
             padding: var(--space-lg);
         }

         .btn-send {
             width: 100%;
         }

         .hero-text {
             font-size: var(--font-h4);
         }

         .contact-info-card,
         .question-block,
         .company-info-box {
             padding: var(--space-lg);
         }
     }