.careers-page{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;background:#ffffff;overflow-x:hidden}.careers-page,.careers-page *{box-sizing:border-box}.hero{position:relative;width:100%;min-height:520px !important;height:520px !important;max-height:520px !important;display:flex;align-items:center;margin:0;padding-top:80px !important;overflow:hidden;z-index:1}.hero .hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:0}.hero-overlay{background:rgba(255,255,255,0.15);z-index:1}.hero-content{position:relative;z-index:2;max-width:700px}.hero h1{font-weight:700;font-size:48px;color:#111827;white-space:nowrap}.hero p{color:#6B7280;margin-top:15px}.mission{background-color:#ffffff;padding:100px 20px 70px;text-align:center;position:relative;z-index:2}.mission p{max-width:900px;margin:0 auto;font-size:32px;font-weight:600;color:#1a1f36;line-height:1.4;letter-spacing:-0.3px;text-align:center}.avatar-wrapper{width:100%;background:#ffffff;overflow:hidden;padding:35px 0 50px;display:flex;justify-content:center;margin-top:0;position:relative;z-index:5}.avatar-grid{display:grid;grid-template-columns:repeat(20, 40px);grid-auto-rows:40px;-moz-column-gap:6px;column-gap:6px;row-gap:7px;justify-content:center;align-items:center;width:-moz-max-content;width:max-content}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f4f6ff;flex-shrink:0}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.title{font-size:42px;font-weight:700;text-align:center;color:#0f172a;margin-bottom:40px}.filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin:0 auto 30px;overflow:visible}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.25s ease;white-space:nowrap}.filter-btn:hover,.filter-btn.active{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.jobs-section{padding:60px 0}.jobs-section .row{max-width:1000px;margin:auto}.job-card{background:#eef2ff;border-radius:16px;min-height:260px;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:0.3s;color:inherit;text-decoration:none}.job-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,0.05)}.arrow-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;opacity:0;transition:0.3s}.job-card:hover .arrow-btn{opacity:1}.job-title{margin:0;font-size:17px;font-weight:600;padding-right:38px}.job-meta{font-size:12px;color:#6b7280}.job-desc{font-size:14px;color:#374151}.badge-skill{background:#e0e7ff;color:#0f172a;padding:4px 12px;border-radius:999px;font-size:12px;width:-moz-fit-content;width:fit-content;display:inline-block;margin-right:6px}.benefits-section{padding:80px 0;background:#ffffff}.benefits-title{font-size:40px;font-weight:700;color:#0f172a;margin-bottom:40px}.benefit-item{width:100px;min-height:90px;display:flex;flex-direction:column;align-items:center;text-align:center}.icon-box{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.icon-box i{font-size:18px;color:#0f172a}.benefit-item p{font-size:12px;font-weight:500;line-height:1.3;color:#111827;margin:0}.c1{background:#EEF2FF}.c2{background:#F3E8FF}.c3{background:#ECFDF5}.c4{background:#FFF7ED}.c5{background:#FCE7F3}.c6{background:#E0F2FE}.c7{background:#FEF3C7}.c8{background:#F3F4F6}footer{background:#0f172a;color:white;padding:30px 0;text-align:center}@media (min-width: 576px) and (max-width: 991px){.hero{height:460px !important;min-height:460px !important;max-height:460px !important;padding:90px 32px 60px !important}.hero h1{font-size:40px !important;line-height:1.15;white-space:normal !important}.hero p{font-size:16px;line-height:1.6}.mission{padding:75px 32px 55px !important}.mission p{font-size:26px !important;line-height:1.4;max-width:720px}.avatar-wrapper{padding:10px 0 35px !important;overflow:hidden !important;justify-content:center !important;margin-top:0 !important}.avatar-grid{grid-template-columns:repeat(20, 34px) !important;grid-auto-rows:34px !important;-moz-column-gap:5px !important;column-gap:5px !important;row-gap:6px !important;width:-moz-max-content;width:max-content;transform:scale(0.86);transform-origin:top center}.avatar{width:34px !important;height:34px !important}.title{font-size:34px !important;margin-top:-20px !important;margin-bottom:26px !important}.filters{max-width:760px;margin:0 auto 30px !important;padding:0 24px !important;display:flex !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap !important;gap:12px !important;overflow:visible !important}.filter-btn{font-size:13px !important;padding:9px 14px !important;white-space:nowrap}.jobs-section{padding:50px 24px !important}.jobs-section .row{max-width:720px}.job-card{min-height:250px !important;padding:20px}.benefits-section{padding:60px 24px !important}.benefits-title{font-size:34px !important}.benefit-item{width:95px}}@media (max-width: 575px){.hero{height:390px !important;min-height:390px !important;max-height:390px !important;padding:75px 18px 45px !important}.hero h1{font-size:30px !important;line-height:1.2;white-space:normal !important}.hero p{font-size:14px !important;line-height:1.6;max-width:320px}.mission{padding:55px 18px 35px !important}.mission p{font-size:21px !important;line-height:1.4;max-width:100%}.avatar-wrapper{height:150px !important;padding:15px 0 0 !important;overflow:hidden !important;justify-content:center !important;align-items:flex-start !important}.avatar-grid{grid-template-columns:repeat(20, 30px) !important;grid-auto-rows:30px !important;-moz-column-gap:5px !important;column-gap:5px !important;row-gap:6px !important;width:-moz-max-content;width:max-content;transform:scale(0.62);transform-origin:top center}.title{font-size:28px !important;margin-top:20px !important;margin-bottom:22px !important}.avatar{width:30px !important;height:30px !important}.filters{max-width:360px;margin:0 auto 26px !important;padding:0 12px !important;display:flex !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap !important;gap:9px !important;overflow:visible !important}.filter-btn{flex:0 0 auto;font-size:12px !important;padding:8px 11px !important;white-space:nowrap}.jobs-section{padding:35px 16px !important}.jobs-section .row{max-width:100%}.job-card{min-height:235px !important;padding:18px}.arrow-btn{opacity:1 !important}.job-title{font-size:16px;padding-right:38px}.job-desc{font-size:13px}.benefits-section{padding:50px 16px !important}.benefits-title{font-size:28px !important;line-height:1.2;margin-bottom:32px !important}.benefit-item{width:90px}.icon-box{width:46px;height:46px}.icon-box i{font-size:16px}.benefit-item p{font-size:11px}}