*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Yu Gothic",sans-serif;color:#333;line-height:1.8;} .hero{height:100vh;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url("img/recruit-hero.png");background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;} .hero h1{font-size:4rem;margin:20px 0;} .hero-sub{letter-spacing:3px;font-size:14px;} .hero-text{font-size:1.2rem;max-width:700px;margin:auto;} .hero-btns{margin-top:40px;} .btn-main,.btn-sub,.btn-entry{display:inline-block;padding:15px 40px;margin:10px;text-decoration:none;border-radius:50px;font-weight:bold;} .btn-main{background:#00b9c5;color:#fff;} .btn-sub{background:#fff;color:#00b9c5;} .stats,.career{padding:80px 5%;background:#f5f8fa;} .stats h2,.mission h2,.career h2,.employee h2{text-align:center;margin-bottom:40px;} .stats-grid,.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;} .card,.mission-grid div,.voice,.step{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);} .card h3{font-size:2rem;color:#00b9c5;} .mission,.employee{padding:80px 5%;} .career-flow{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;} .arrow{font-size:2rem;color:#00b9c5;} .voice{max-width:800px;margin:auto;} .cta{background:#003e5f;color:#fff;text-align:center;padding:100px 20px;} .btn-entry{background:#00d084;color:#fff;} @media(max-width:768px){.hero h1{font-size:2.5rem;}.career-flow{flex-direction:column;}.arrow{transform:rotate(90deg);}}