body {
           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           line-height: 1.6;
           color: #333;
           /*background: linear-gradient(135deg, #0a1f2e 0%, #1a3a4a 100%);*/
           min-height: 100vh;
           display: flex;
           flex-direction: column;
       }

       /* Header */

.page-header {
    background: linear-gradient(135deg, #0a1f2e 0%, #1a3a4a 100%);
    color: white;
    padding: 4rem 2rem 6rem;
    text-align: center;
}
    .page-header h1 {
        color: #00ffcc;
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    .page-header p {
        font-size: 1.2rem;
        color: #66d9ff;
    }
       .header-container {
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 2rem;
           display: flex;
           justify-content: space-between;
           align-items: center;
       }

       .logo {
           display: flex;
           align-items: center;
           gap: 1rem;
       }

       .logo img {
           height: 60px;
           width: auto;
       }

       .logo-text {
           display: flex;
           flex-direction: column;
           line-height: 1.2;
       }

       .logo-name {
           font-size: 1.8rem;
           font-weight: bold;
           letter-spacing: 2px;
           color: #00ffcc;
       }

       .logo-tagline {
           font-size: 0.8rem;
           color: #66d9ff;
           letter-spacing: 3px;
       }

       /* Main Content */
       .inquiry-container {
           max-width: 800px;
           margin: -3rem auto 3rem;
           padding: 0 2rem;
           flex: 1;
       }

       .inquiry-header {
           text-align: center;
           color: white;
           margin-bottom: 3rem;
       }

       .inquiry-header h1 {
           font-size: 3rem;
           margin-bottom: 1rem;
           color: #00ffcc;
       }

       .inquiry-header p {
           font-size: 1.2rem;
           color: #66d9ff;
       }

       /* Form Card */
       .form-card {
           background: white;
           padding: 3rem;
           border-radius: 20px;
           box-shadow: 0 20px 60px rgba(0,0,0,0.3);
       }

       .form-header {
           text-align: center;
           margin-bottom: 2rem;
       }

       .form-header h2 {
           color: #0a1f2e;
           font-size: 2rem;
           margin-bottom: 0.5rem;
       }

       .form-header p {
           color: #555;
           font-size: 1rem;
       }

       /* Form Styles */
       .form-group {
           margin-bottom: 1.5rem;
       }

       .form-group label {
           display: block;
           margin-bottom: 0.5rem;
           color: #0a1f2e;
           font-weight: 600;
           font-size: 0.95rem;
       }

       .required {
           color: #ff4444;
           margin-left: 3px;
       }

       .form-group input,
       .form-group textarea,
       .form-group select {
           width: 100%;
           padding: 1rem;
           border: 2px solid #e0e0e0;
           border-radius: 10px;
           font-size: 1rem;
           font-family: inherit;
           transition: all 0.3s;
           background: #f8f9fa;
       }

       .form-group input:focus,
       .form-group textarea:focus,
       .form-group select:focus {
           outline: none;
           border-color: #00ffcc;
           background: white;
           box-shadow: 0 0 0 3px rgba(0, 255, 204, 0.1);
       }

       .form-group textarea {
           resize: vertical;
           min-height: 150px;
       }

       .form-row {
           display: grid;
           grid-template-columns: 1fr 1fr;
           gap: 1.5rem;
       }

       /* Submit Button */
       .submit-btn {
           width: 100%;
           padding: 1.2rem 2rem;
           background: linear-gradient(135deg, #00ffcc 0%, #66d9ff 100%);
           color: #0a1f2e;
           border: none;
           border-radius: 50px;
           font-size: 1.2rem;
           font-weight: bold;
           cursor: pointer;
           transition: all 0.3s;
           margin-top: 1rem;
       }

       .submit-btn:hover {
           transform: translateY(-3px);
           box-shadow: 0 10px 30px rgba(0, 255, 204, 0.4);
       }

       .submit-btn:active {
           transform: translateY(-1px);
       }

       .submit-btn:disabled {
           opacity: 0.6;
           cursor: not-allowed;
           transform: none;
       }

       /* Success/Error Messages */
       .message {
           padding: 1rem;
           border-radius: 10px;
           margin-bottom: 1.5rem;
           display: none;
           animation: slideDown 0.3s ease-out;
       }

       .message.show {
           display: block;
       }

       .message.success {
           background: #d4edda;
           color: #155724;
           border: 1px solid #c3e6cb;
       }

       .message.error {
           background: #f8d7da;
           color: #721c24;
           border: 1px solid #f5c6cb;
       }

       @keyframes slideDown {
           from {
               opacity: 0;
               transform: translateY(-20px);
           }
           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       /* Loading Spinner */
       .spinner {
           display: none;
           width: 20px;
           height: 20px;
           border: 3px solid #0a1f2e;
           border-top: 3px solid transparent;
           border-radius: 50%;
           animation: spin 0.8s linear infinite;
           margin: 0 auto;
       }

       @keyframes spin {
           to { transform: rotate(360deg); }
       }


       /* Responsive Design */
       @media (max-width: 768px) {
           .inquiry-header h1 {
               font-size: 2rem;
           }

           .form-card {
               padding: 2rem 1.5rem;
           }

           .form-row {
               grid-template-columns: 1fr;
               gap: 1rem;
           }

           .logo-name {
               font-size: 1.5rem;
           }

           .logo-tagline {
               font-size: 0.7rem;
           }
       }