/* Extracted from index.html */

/* Block 1 */
body { font-family: sans-serif; }

/* Block 2 */
* {margin: 0; padding: 0; box-sizing: border-box;}
  html, body {
    width: 100%; overflow-x: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.6; color: #333; background: #f4f4f4;
  }

  /* Hero */
  .hero {text-align: center; background: #0066cc; color: white; padding: 60px 20px; width: 100%;}
  .hero h1 {font-size: 32px; line-height: 1.2;}
  .hero p {
    margin-top: 15px; font-size: 18px; white-space: nowrap;
    overflow: hidden; border-right: 2px solid white; display: inline-block;
    animation: typing 6s steps(60, end) infinite;
  }
  @keyframes typing {0%{width:0}50%{width:100%}100%{width:0}}
  .hero img {
    margin-top: 30px; width: 200px; max-width: 80%;
    border-radius: 50%; animation: float 3s ease-in-out infinite;
  }
  @keyframes float {0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}

  /* Job Form */
  .job-form {margin-top: 25px; display: flex; flex-direction: column; align-items: center;}
  .job-form input[type="text"], .job-form select {
    padding: 12px 15px; font-size: 16px; border-radius: 6px;
    border: 1px solid #ccc; margin: 6px; width: 250px; max-width: 90%;
    text-align: center;
  }
  .job-form button {
    padding: 12px 25px; font-size: 16px; border-radius: 6px; border: none;
    background: #00b894; color: white; font-weight: bold; cursor: pointer;
  }
  .job-form button:hover {background: #007a5c;}

  /* Sections */
  section {
    padding: 40px 0; width: 100%; background: #fff; text-align: center;
    opacity: 0; transform: translateY(40px); transition: all 1s ease;
  }
  section.visible {opacity: 1; transform: translateY(0);}
  h2 {color: #0066cc; margin-bottom: 30px; font-size: 28px;}
  .job-category {
    display: block; width: 100%; padding: 20px; font-size: 1rem;
    border-bottom: 1px solid #eee; background: #f9f9f9;
  }
  .job-category:last-child {border-bottom: none;}
  .testimonial {
    max-width: 600px; margin: 15px auto; background: #f9f9f9;
    border-radius: 10px; padding: 20px; font-style: italic; color: #444;
  }
  .testimonial strong {display: block; margin-top: 10px; color: #0066cc;}
  .about-text {max-width: 800px; margin: 0 auto; padding: 0 20px; text-align: left;}

/* Block 3 */
#cookieNotice{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);max-width:300px;background:#222;color:#fff;padding:12px 16px;font-size:14px;border-radius:6px;text-align:center;z-index:9999;display:none}