@font-face{font-family:MontserratArabic;src:url(/fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:MontserratArabic;src:url(/fonts/ArbFONTS-Montserrat-Arabic-Black.ttf)format("truetype");font-weight:900}:root{--yellow:#fbc02d;--orange:#f57c00;--red:#d32f2f;--green:#388e3c;--light-blue:#0288d1;--dark-blue:#1565c0;--bg-white:#fff;--text-dark:#1e293b;--font-main:"MontserratArabic",sans-serif}*{box-sizing:border-box;font-family:var(--font-main);margin:0;padding:0;font-weight:400}body{background:var(--bg-white);color:var(--text-dark);overflow-x:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;justify-content:space-between;align-items:center;width:100%;padding:15px 4%;display:flex;position:fixed;top:0}.nav-center-title h1{text-transform:uppercase;letter-spacing:-1px;font-size:1.8rem;font-weight:400}.logo img{height:45px}.hamburger{cursor:pointer;flex-direction:column;gap:5px;width:45px;display:flex}.hamburger span{background:var(--text-dark);border-radius:3px;width:28px;height:3px;display:block}.nav-spacer{height:100px}.sidebar{background:var(--text-dark);z-index:1001;width:300px;height:100%;padding:80px 40px;transition:all .5s cubic-bezier(.2,1,.3,1);position:fixed;top:0;left:-320px}.sidebar.active{left:0}.close-menu{color:#fff;cursor:pointer;font-size:2rem;position:absolute;top:25px;right:30px}.nav-links{list-style:none}.nav-links li{margin-bottom:30px}.nav-links a{color:#fff;font-size:1.4rem;font-weight:400;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--yellow)}.career-container{gap:15px;width:96%;height:75vh;margin:0 auto;display:flex}.career-card{cursor:pointer;color:inherit;background:#f1f5f9;border-radius:35px;flex-direction:column;flex:1;justify-content:flex-end;text-decoration:none;transition:all .8s cubic-bezier(.2,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.career-card:hover{flex:3.5}.card-bg{filter:grayscale();opacity:.2;background-position:50%;background-size:cover;width:100%;height:100%;transition:all .8s;position:absolute;top:0;left:0}.career-card:hover .card-bg{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.card-content{z-index:2;text-align:center;background:linear-gradient(#0000,#fff 60%);padding:40px 20px;position:relative}.career-card:hover .card-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:25px;margin:15px}.card-letter{font-size:5rem;font-weight:900;line-height:1}.card-title{font-size:1.5rem;font-weight:400}.join-btn{opacity:0;border:2px solid var(--text-dark);cursor:pointer;background:#fff;border-radius:50px;margin-top:15px;padding:10px 25px;font-weight:400;transition:all .3s;display:inline-block}.career-card:hover .join-btn{opacity:1}.card-choice .card-letter{color:var(--yellow)}.card-adapt .card-letter{color:var(--orange)}.card-role .card-letter{color:var(--red)}.card-effective .card-letter{color:var(--green)}.card-esteem .card-letter{color:var(--light-blue)}.card-retire .card-letter{color:var(--dark-blue)}.detail-wrapper{text-align:center;max-width:1000px;margin:0 auto;padding:120px 8% 60px}.box{text-align:left;border-top:15px solid var(--text-dark);background:#fdfdfd;border-radius:40px;padding:45px;box-shadow:0 20px 50px #0000000a}.submit-btn{background:var(--text-dark);color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;padding:16px;font-weight:400;transition:all .3s}.submit-btn:hover{background:#334155;transform:translateY(-2px)}@media (max-width:992px){.career-container{flex-direction:column;height:auto;padding-bottom:40px}.career-card{height:250px}.career-card:hover{height:400px}.nav-center-title h1{font-size:1.1rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:35px;width:95%;max-width:500px;padding:40px;position:relative}.close-modal{cursor:pointer;font-size:1.5rem;position:absolute;top:20px;right:25px}.form-group{margin-bottom:20px}.form-group label{color:#475569;margin-bottom:8px;display:block}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px}.about-container{color:#333;max-width:1000px;margin:0 auto;padding:120px 20px 60px;line-height:1.6}.about-hero{text-align:center;background:#f4f4f5;border-radius:16px;margin-bottom:50px;padding:60px 20px}.about-hero h1{color:#0f172a;margin-bottom:15px;font-size:3rem;font-weight:700}.about-section{margin-bottom:60px}.about-section h2{color:#1e293b;border-left:5px solid #0070f3;margin-bottom:25px;padding-left:20px;font-size:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:30px;transition:all .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001a}.feature-card h3{color:#0070f3;margin-bottom:15px;font-size:1.4rem}
