:root{--yellow:#ffe600;--black:#0a0a0a;--dark:#111;--card-bg:#1a1a1a;--border:#2a2a2a;--text-muted:#888;--Kyellow:#f7e337}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:#e8e8e8;font-family:Cairo,sans-serif;line-height:1.8;overflow-x:hidden}.join{place-items:center;padding-top:6rem;padding-bottom:2rem}.join span{color:var(--Kyellow)}.join p{font-size:x-large}.grid-card{grid-template-columns:repeat(3,370px);justify-content:center;align-items:center;gap:4rem;width:fit-content;margin:0 auto;padding-top:4rem;padding-bottom:4rem;display:grid}.job-future{background:linear-gradient(#0a0a0ad1,#0a0a0ad1) 50%/cover no-repeat,radial-gradient(circle,#3c78dc26 0%,#0000 60%) 50%/cover no-repeat,url(/images/city.png) bottom/100% no-repeat;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:1000px;min-height:260px;margin:4rem auto;display:flex;position:relative;overflow:hidden}.job-future h1{color:#fff;text-align:center;margin-bottom:15px;font-size:3rem;font-weight:700}.job-future p{color:#ddd;text-align:center;margin-bottom:30px;font-size:1.2rem}.job-future button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffe600;border-radius:10px;width:180px;height:52px;font-weight:700;transition:all .35s}.job-future button:hover{color:#000;background:#ffe600}@media screen and (max-width:992px){body{overflow-x:hidden}.join{text-align:center;padding:8rem 1.2rem 2rem}.join h1{font-size:2rem;line-height:1.3}.join p{max-width:600px;margin:1rem auto 0;font-size:1rem;line-height:1.8}.grid-card{grid-template-columns:1fr;justify-items:center;gap:2rem;width:100%;padding:2rem 1.2rem 4rem}.grid-card>*{width:100%;max-width:380px}.job-future{background-color:#0000;background-image:linear-gradient(#0a0a0ae0,#0a0a0ae0),radial-gradient(circle,#3c78dc26 0%,#0000 60%),url(/images/city.png);background-position:50%,50%,bottom;background-repeat:no-repeat;background-size:cover,cover,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:18px;width:calc(100% - 2rem);min-height:auto;margin:2rem auto;padding:3rem 1.5rem}.job-future h1{margin-bottom:1rem;font-size:2rem;line-height:1.3}.job-future p{max-width:500px;margin-bottom:2rem;font-size:1rem;line-height:1.8}.job-future button{width:100%;max-width:240px;height:50px;font-size:1rem}}@media screen and (max-width:480px){.join{padding-top:6rem}.join h1{font-size:1.7rem}.join p{font-size:.95rem}.grid-card{gap:1.5rem;padding:2rem 1rem 3rem}.grid-card>*{max-width:100%}.job-future{border-radius:16px;width:calc(100% - 1rem);padding:2.5rem 1rem}.job-future h1{font-size:1.6rem}.job-future p{font-size:.95rem}.job-future button{width:100%;max-width:220px;height:48px}}