.job-detail{position:relative;min-height:100vh;background-color:var(--white-color);padding:2rem 1rem;overflow-x:hidden}.job-detail__blobs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.job-detail__blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:blob 7s infinite}.job-detail__blob--yellow{top:10%;left:10%;width:18rem;height:18rem;background-color:var(--orange-color-200)}.job-detail__blob--purple{top:20%;right:10%;width:20rem;height:20rem;background-color:#9fa7ff;animation-delay:2s}.job-detail__blob--pink{bottom:15%;left:20%;width:20rem;height:20rem;background-color:var(--pink-color-100);animation-delay:4s}.job-detail__blob--blue{top:50%;left:50%;width:16rem;height:16rem;background-color:var(--secondary-color);animation-delay:1s}.job-detail__blob--orange{bottom:30%;right:15%;width:18rem;height:18rem;background-color:#ffd6a5;animation-delay:3s}.job-detail__blob--green{top:35%;left:5%;width:17rem;height:17rem;background-color:#caffbf;animation-delay:5s}.job-detail__blob--lavender{top:60%;right:25%;width:19rem;height:19rem;background-color:#e0c3fc;animation-delay:6s}.job-detail__blob--peach{bottom:5%;right:5%;width:16rem;height:16rem;background-color:#ffcfd2;animation-delay:2.5s}.job-detail__container{position:relative;z-index:10;max-width:1200px;margin:0 auto}.job-detail__header{text-align:center;margin-bottom:3rem;padding:2rem 1rem}.job-detail__badge{display:inline-block;padding:.375rem .875rem;border-radius:2rem;background-color:var(--secondary-color);color:var(--primary-color);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;box-shadow:0 0 #404ef480;animation:pulse-shadow 3.5s ease-in-out infinite}.job-detail__title{font-size:2.5rem;font-weight:800;color:var(--gray-color-700);margin-bottom:1rem}.job-detail__description{font-size:1rem;color:var(--text-color);max-width:600px;margin:0 auto;line-height:1.6}.job-detail__content{display:grid;grid-template-columns:1fr;gap:2rem}.job-detail__main{display:flex;flex-direction:column;gap:2rem}.job-detail__section{background-color:var(--white-color);border-radius:2rem;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.job-detail__section:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.job-detail__section--full{grid-column:1/-1}.job-detail__section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.job-detail__section h2{font-size:1.5rem;font-weight:700;color:var(--gray-color-700);margin:0}.job-detail__section-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.job-detail__section-icon svg{width:1.75rem;height:1.75rem;color:var(--white-color)}.job-detail__section-icon--orange{background-color:var(--orange-color-400)}.job-detail__section-icon--blue{background-color:var(--primary-color)}.job-detail__section-icon--teal{background-color:#14b8a6}.job-detail__text{color:var(--text-color);line-height:1.7;white-space:pre-line}.job-detail__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.job-detail__list li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-color);line-height:1.6}.job-detail__list li svg{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--primary-color);margin-top:.25rem}.job-detail__tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.job-detail__tech-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--gray-color-100);border-radius:1rem;border:1px solid var(--gray-color-200)}.job-detail__tech-item svg{width:1.5rem;height:1.5rem;color:var(--gray-color-500);flex-shrink:0}.job-detail__tech-item span{font-size:.875rem;color:var(--gray-color-700);font-weight:500}.job-detail__benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:1.5rem}.job-detail__benefit{text-align:center}.job-detail__benefit h3{font-size:1.125rem;font-weight:700;color:var(--gray-color-700);margin-bottom:.5rem}.job-detail__benefit p{font-size:.875rem;color:var(--text-color);line-height:1.5}.job-detail__benefit-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.job-detail__benefit-icon svg{width:2rem;height:2rem;color:var(--white-color)}.job-detail__benefit-icon--home{background-color:var(--orange-color-400)}.job-detail__benefit-icon--chart{background-color:#8b5cf6}.job-detail__benefit-icon--heart{background-color:#10b981}.job-detail__sidebar{display:flex;flex-direction:column;gap:1.5rem}.job-detail__card{background-color:var(--white-color);border-radius:2rem;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.job-detail__card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.job-detail__card h3{font-size:1.125rem;font-weight:700;color:var(--gray-color-700);margin-bottom:1.5rem}.job-detail__card--info{background:linear-gradient(135deg,var(--secondary-color) 0%,#e0e7ff 100%);border:2px solid var(--primary-color)}.job-detail__card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.job-detail__card h4{font-size:1.125rem;font-weight:700;color:var(--primary-color);margin:0}.job-detail__card p{font-size:.875rem;color:var(--gray-color-600);line-height:1.5;margin-top:1rem}.job-detail__card-icon{width:3rem;height:3rem;border-radius:.75rem;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.job-detail__card-icon svg{width:1.75rem;height:1.75rem;color:var(--white-color)}.job-detail__overview-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--gray-color-200)}.job-detail__overview-item:last-of-type{border-bottom:none}.job-detail__overview-item svg{width:1.5rem;height:1.5rem;color:var(--primary-color);flex-shrink:0;margin-top:.25rem}.job-detail__overview-item div{display:flex;flex-direction:column;gap:.25rem}.job-detail__label{font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--text-color);letter-spacing:.05em}.job-detail__value{font-size:1rem;font-weight:700;color:var(--gray-color-700)}.job-detail__note{font-size:.75rem;color:var(--text-color)}.job-detail__apply-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border-radius:.75rem;background-color:var(--primary-color);color:var(--white-color);font-weight:700;text-decoration:none;transition:all .3s ease;margin-top:1.5rem}.job-detail__apply-btn svg{width:1.25rem;height:1.25rem}.job-detail__apply-btn:hover{background-color:var(--blue-color-600);transform:translateY(-2px);box-shadow:0 4px 12px #404ef44d}.job-detail__apply-note{font-size:.75rem;color:var(--text-color);text-align:center;margin-top:.75rem}@media (min-width: 768px){.job-detail{padding:3rem 2rem;overflow-x:hidden}.job-detail__container{max-width:100%}.job-detail__title{font-size:3rem}}@media (min-width: 900px){.job-detail__content{grid-template-columns:1fr 350px}}@media (min-width: 1024px){.job-detail{padding:2rem}.job-detail__header{padding:3rem 2rem}}@media (max-width: 640px){.job-detail{padding:1rem}.job-detail__container{max-width:100%;padding:0;margin:0 auto}.job-detail__header{padding:1rem 0}.job-detail__title{font-size:1.75rem}.job-detail__description{font-size:.875rem}.job-detail__section{padding:1.25rem}.job-detail__card{padding:1.5rem}.job-detail__tech-grid{grid-template-columns:1fr}.job-detail__benefits{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 360px){.job-detail{padding:1rem 0}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes pulse-shadow{0%{box-shadow:0 0 #404ef480}50%{box-shadow:0 0 0 6px #404ef400}to{box-shadow:0 0 #404ef400}}