*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#17202a;background:#fff}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e8edf2;background:#fff;position:sticky;top:0;z-index:10}.brand{font-size:22px;font-weight:800;text-decoration:none;color:#17202a}.brand span{display:inline-grid;place-items:center;background:#5b35d5;color:white;width:38px;height:38px;border-radius:10px;margin-right:8px}.navbar nav{display:flex;align-items:center;gap:28px}.navbar nav a{color:#4d5865;text-decoration:none;font-weight:600}.navbar .login{border:1px solid #d9dee6;padding:10px 18px;border-radius:9px;color:#4d2ac5}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{background:linear-gradient(135deg,#f6f3ff,#eef7ff);padding:90px 6% 75px}.hero-inner{max-width:1050px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:800;color:#6740d8;margin:0 0 12px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;max-width:850px;margin:0 0 22px}.hero h1 span{color:#6338d5}.hero-text{font-size:19px;color:#5f6975;max-width:650px}.search-box{margin-top:34px;background:white;border:1px solid #dce2e9;padding:9px;border-radius:14px;display:grid;grid-template-columns:1.5fr .8fr auto;box-shadow:0 12px 35px #26324a12}.search-box input,.search-box select{border:0;padding:16px;font-size:15px;outline:0;background:white}.search-box button,.primary{border:0;background:#6338d5;color:#fff;font-weight:800;padding:0 25px;border-radius:9px;cursor:pointer}.popular{margin-top:18px;color:#737d88;font-size:13px}.popular button{border:0;background:none;color:#5730c9;font-weight:700;cursor:pointer;margin-left:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:-1px auto 0;padding:30px 6%;gap:25px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:25px}.stats span{color:#7a838e;font-size:13px;margin-top:4px}.section{max-width:1150px;margin:auto;padding:75px 6%}.section.light{max-width:none;background:#f8fafc}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2,.employer h2{font-size:38px;margin:0 0 10px}.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card{border:1px solid #e4e8ee;border-radius:14px;padding:23px;background:white;transition:.2s}.job-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1f293710}.job-top{display:flex;justify-content:space-between}.company-icon{width:45px;height:45px;border-radius:10px;background:#eee9ff;display:grid;place-items:center;font-weight:900;color:#6036cf}.tag{font-size:11px;background:#eef8f2;color:#21824a;border-radius:30px;padding:6px 9px;height:max-content}.job-card h3{margin:18px 0 7px;font-size:18px}.company,.meta{color:#697482;font-size:13px}.meta{margin-top:13px}.apply{display:block;margin-top:20px;text-decoration:none;color:#5c34cf;font-weight:800;font-size:13px}.center{text-align:center}.center>p:last-child{max-width:600px;margin:15px auto;color:#707a86}.category-grid{max-width:1050px;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-grid button{background:white;border:1px solid #e0e5eb;border-radius:12px;padding:20px;text-align:left;font-weight:700;cursor:pointer}.employer{padding:75px 10%;background:#171b25;color:white;display:flex;justify-content:space-between;gap:40px;align-items:center}.employer p{color:#b9c0ca;max-width:600px;line-height:1.7}.employer-card{background:#252b38;border:1px solid #394151;padding:30px;border-radius:16px;min-width:270px;text-align:center;font-size:30px}.employer-card strong{font-size:18px}.employer-card small{font-size:12px;color:#b9c0ca}.about{min-height:280px}footer{background:#0e1118;color:#b8bec8;padding:35px 6%;display:flex;justify-content:space-between;font-size:13px}footer strong{color:white;font-size:18px}footer p{margin:8px 0}.empty{padding:35px;text-align:center;color:#7b8490;border:1px dashed #d8dee7;border-radius:14px;grid-column:1/-1}@media(max-width:800px){.navbar nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 6%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.navbar nav.open{display:flex}.menu-toggle{display:block}.search-box{grid-template-columns:1fr}.search-box button{padding:16px}.jobs-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr 1fr}.employer{flex-direction:column;align-items:flex-start}footer{flex-direction:column;gap:20px}.hero{padding-top:60px}}@media(max-width:480px){.category-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero h1{font-size:43px}}

/* Testimonials / Early User Feedback */
.testimonials-section {
  padding: 70px 6%;
  background: #f8f9fc;
}

.testimonials-heading {
  text-align: center;
  margin-bottom: 35px;
}

.testimonials-heading h2 {
  font-size: 36px;
  margin: 8px 0;
  color: #17202a;
}

.testimonials-heading p {
  color: #667085;
  max-width: 650px;
  margin: auto;
}

.testimonials-grid {
  max-width: 1100px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.testimonial-card {
  background: #fff;
  border: 1px solid #e4e8ee;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 25px rgba(20, 30, 50, .06);
}

.testimonial-person {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.testimonial-person img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-card p {
  color: #475467;
  line-height: 1.6;
}

.testimonial-stars {
  color: #f5b800;
  letter-spacing: 2px;
}

.sample-label {
  display: inline-block;
  margin-top: 12px;
  padding: 4px 9px;
  border-radius: 20px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 800px) {
  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .testimonials-heading h2 {
    font-size: 30px;
  }
}