* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: #07111f;
      color: #ffffff;
      line-height: 1.6;
    }

    header {
      background: #0b1728;
      border-bottom: 1px solid #22324a;
      padding: 18px 7%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }

    .logo {
      font-size: 24px;
      font-weight: 800;
      letter-spacing: 0.5px;
    }

    .logo span {
      color: #ff7a18;
    }

    nav a {
      color: #dce6f3;
      text-decoration: none;
      margin-left: 20px;
      font-weight: 600;
    }

    .hero {
      padding: 90px 7%;
      text-align: center;
      background: linear-gradient(180deg, #0b1728 0%, #07111f 100%);
    }

    .hero h1 {
      font-size: clamp(40px, 8vw, 72px);
      line-height: 1.05;
      margin: 0 auto 20px;
      max-width: 900px;
    }

    .hero p {
      color: #b9c7d8;
      font-size: 20px;
      max-width: 700px;
      margin: 0 auto 35px;
    }

    .button {
      display: inline-block;
      background: #ff7a18;
      color: white;
      text-decoration: none;
      font-weight: 700;
      padding: 14px 24px;
      border-radius: 8px;
      margin: 6px;
    }

    .button.secondary {
      background: transparent;
      border: 1px solid #50627c;
    }

    section {
      padding: 70px 7%;
    }

    .section-title {
      text-align: center;
      font-size: 36px;
      margin-top: 0;
    }

    .section-subtitle {
      text-align: center;
      color: #aebed0;
      max-width: 700px;
      margin: -12px auto 40px;
    }

    .jobs-placeholder {
      max-width: 900px;
      margin: auto;
      background: #101d30;
      border: 1px solid #263a57;
      border-radius: 12px;
      padding: 35px;
      text-align: center;
    }

    .jobs-placeholder h3 {
      margin-top: 0;
    }

    .jobs-placeholder p {
      color: #aebed0;
    }

    .employer-section {
      background: #0b1728;
    }

    .packages {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 22px;
      max-width: 1100px;
      margin: auto;
    }

    .card {
      background: #101d30;
      border: 1px solid #263a57;
      border-radius: 12px;
      padding: 28px;
    }

    .card h3 {
      margin-top: 0;
      font-size: 24px;
    }

    .price {
      font-size: 32px;
      font-weight: 800;
      color: #ff7a18;
      margin: 12px 0;
    }

    .card p {
      color: #b9c7d8;
    }

    .about {
      max-width: 800px;
      margin: auto;
      text-align: center;
      color: #b9c7d8;
    }

    footer {
      border-top: 1px solid #22324a;
      padding: 30px 7%;
      text-align: center;
      color: #8193aa;
      font-size: 14px;
    }

    footer a {
      color: #ff9b52;
    }

    .search-panel{max-width:1100px;margin:0 auto 22px;background:#101d30;border:1px solid #263a57;border-radius:12px;padding:20px}
    .search-panel label{display:block;font-size:13px;font-weight:700;color:#aebed0;margin-bottom:4px}
    .search-main input{width:100%;font-size:18px;padding:14px 16px;border-radius:8px;border:1px solid #50627c;background:#07111f;color:#fff}
    .filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:16px;align-items:end}
    .filters select{width:100%;padding:10px;border-radius:8px;border:1px solid #50627c;background:#07111f;color:#fff;font-size:15px}
    .toggle{display:flex;align-items:center;gap:8px;font-weight:700;color:#dce6f3;padding:10px 0}
    .toggle input{width:20px;height:20px;accent-color:#ff7a18}
    input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ff7a18;outline-offset:2px}
    .results-bar{max-width:1100px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:#b9c7d8}
    .linkbtn{background:transparent;border:1px solid #50627c;color:#fff;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:14px}
    .job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;max-width:1100px;margin:auto}
    .job-card{background:#101d30;border:1px solid #263a57;border-radius:12px;padding:20px;display:flex;flex-direction:column}
    .job-card h3{margin:0 0 6px;font-size:19px;line-height:1.3}
    .job-meta{color:#b9c7d8;font-size:15px;margin:2px 0}
    .job-company{color:#fff;font-weight:700}
    .tag{display:inline-block;font-size:12px;font-weight:700;color:#ff9b52;border:1px solid #6b4422;border-radius:999px;padding:1px 9px;margin:8px 0 4px;align-self:flex-start}
    .pay{color:#7ee0a1;font-weight:700}
    .job-card .button{margin:14px 0 0;align-self:flex-start;padding:10px 18px}
    .empty{max-width:700px;margin:auto;text-align:center;background:#101d30;border:1px solid #263a57;border-radius:12px;padding:30px;color:#b9c7d8}
    .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
    @media (max-width:600px){section{padding:50px 5%}.hero{padding:60px 5%}.job-grid{grid-template-columns:1fr}nav a{margin-left:0;margin-right:16px}}
  .logo-img{display:block;height:38px;width:auto}@media (max-width:600px){.logo-img{height:32px}}