body {
          margin: 0;
          font-family: 'Inter', 'Poppins', sans-serif;
          background: linear-gradient(135deg, #e6f0fa, #b3cde0);
          color: #2c3e50;
          line-height: 1.6;
          overflow-x: hidden;
        }
        
        .contact-container {
          display: flex;
          justify-content: center;
          align-items: center;
          min-height: 100vh;
          padding: 3rem 1rem;
        }
        
        .contact-card {
          background-color: rgba(255, 255, 255, 0.9);
          border-radius: 20px;
          padding: 3rem;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
          max-width: 700px;
          width: 100%;
          backdrop-filter: blur(12px);
          border: 1px solid rgba(255, 255, 255, 0.2);
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .contact-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
        }
        
        .contact-title {
          font-size: 2.5rem;
          margin-bottom: 1.5rem;
          color: #1a73e8;
          text-align: center;
          font-weight: 600;
          letter-spacing: -0.02em;
        }
        
        .contact-subtitle {
          font-size: 1.1rem;
          color: #4a5568;
          text-align: center;
          margin-bottom: 2rem;
          font-weight: 400;
        }
        
        .contact-info {
          margin: 1rem 0;
          font-size: 1.1rem;
          line-height: 1.8;
          color: #2d3748;
          display: flex;
          align-items: center;
          gap: 0.75rem;
        }
        
        .contact-info i {
          color: #1a73e8;
          font-size: 1.3rem;
        }
        
        .contact-form {
          margin-top: 2.5rem;
          display: flex;
          flex-direction: column;
          gap: 1.5rem;
        }
        
        .contact-form label {
          font-size: 0.9rem;
          color: #2d3748;
          font-weight: 500;
        }
        
        .contact-form input,
        .contact-form textarea {
          padding: 1rem;
          border-radius: 10px;
          border: 1px solid #cbd5e0;
          font-size: 1rem;
          width: 100%;
          background-color: #f7fafc;
          transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }
        
        .contact-form input:focus,
        .contact-form textarea:focus {
          outline: none;
          border-color: #1a73e8;
          box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
        }
        
        .contact-form textarea {
          resize: vertical;
          min-height: 120px;
        }
        
        .contact-form button {
          background-color: #1a73e8;
          color: white;
          padding: 1rem;
          border: none;
          border-radius: 10px;
          font-size: 1.1rem;
          font-weight: 600;
          cursor: pointer;
          transition: background-color 0.3s ease, transform 0.2s ease;
        }
        
        .contact-form button:hover {
          background-color: #1565c0;
          transform: translateY(-2px);
        }
        
        .contact-form button:active {
          transform: translateY(0);
        }
        
        .footer-note {
          text-align: center;
          margin-top: 2rem;
          font-size: 0.9rem;
          color: #718096;
        }
        
        @media (max-width: 768px) {
          .contact-card {
            padding: 2rem;
          }
          .contact-title {
            font-size: 2rem;
          }
          .contact-subtitle {
            font-size: 1rem;
          }
          .contact-info {
            font-size: 1rem;
          }
        }
        
        @media (max-width: 480px) {
          .contact-card {
            padding: 1.5rem;
          }
          .contact-title {
            font-size: 1.75rem;
          }
          .contact-form input,
          .contact-form textarea {
            padding: 0.75rem;
          }
          .contact-form button {
            padding: 0.75rem;
            font-size: 1rem;
          }
        }