:root{--teal:#1aada0;--teal-light:#2ec4b6;--teal-dark:#148f84;--teal-glow:#1aada040;--navy:#1a2e42;--navy-light:#2a4158;--navy-dark:#0f1c28;--white:#fff;--off-white:#f7fafb;--gray-50:#f0f4f6;--gray-100:#e2e8ed;--gray-200:#c5d0d8;--gray-400:#8a9bab;--gray-600:#5a6d7e;--gray-800:#2d3e4e;--font:"Cairo", system-ui, sans-serif;--radius:16px;--radius-sm:10px;--radius-lg:24px;--shadow:0 4px 24px #1a2e4214;--shadow-lg:0 20px 60px #1a2e421f;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;overflow-x:hidden}#root{width:100%;min-height:100svh}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn--sm{padding:10px 20px;font-size:14px}.btn--lg{padding:16px 32px;font-size:16px}.btn--primary{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:var(--white);box-shadow:0 4px 16px var(--teal-glow)}.btn--primary:hover{box-shadow:0 8px 28px var(--teal-glow);transform:translateY(-2px)}.btn--outline{color:var(--navy);border:2px solid var(--gray-100);background:0 0}.btn--outline:hover{border-color:var(--teal);color:var(--teal);background:#1aada00d}.btn--white{background:var(--white);color:var(--navy);box-shadow:var(--shadow)}.btn--white:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn svg{transform:scaleX(-1)}.section-header{text-align:center;margin-bottom:60px}.section-tag{color:var(--teal-dark);background:#1aada01a;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.section-tag--light{color:var(--teal-light);background:#ffffff26}.section-title{color:var(--navy);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.3}.section-title--light{color:var(--white)}.section-subtitle{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:18px}.section-header--light .section-subtitle{color:#ffffffb3}.gradient-text{background:linear-gradient(135deg, var(--teal), var(--teal-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes slideInJob{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.fade-in-up{opacity:0;animation:.8s forwards fadeInUp}.animate-on-scroll{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.navbar{z-index:1000;transition:all var(--transition);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;padding:10px 0;box-shadow:0 2px 20px #1a2e420f}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo img{width:auto;height:44px}.navbar__links{align-items:center;gap:36px;display:flex}.navbar__links a{color:var(--gray-600);transition:color var(--transition);font-weight:500;position:relative}.navbar__links a:after{content:"";background:var(--teal);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-4px;right:0}.navbar__links a:hover{color:var(--teal)}.navbar__links a:hover:after{width:100%}.navbar__mobile-cta{display:none}.navbar__actions{align-items:center;gap:12px;display:flex}.navbar__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__toggle span{background:var(--navy);width:24px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.navbar__toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__toggle.active span:nth-child(2){opacity:0}.navbar__toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{background:linear-gradient(180deg, var(--off-white) 0%, var(--white) 100%);padding:140px 0 100px;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__orb{filter:blur(80px);border-radius:50%;animation:6s ease-in-out infinite pulse-glow;position:absolute}.hero__orb--1{background:#1aada026;width:500px;height:500px;top:-100px;left:-100px}.hero__orb--2{background:#1a2e4214;width:400px;height:400px;animation-delay:2s;bottom:-50px;right:-80px}.hero__orb--3{background:#2ec4b61f;width:250px;height:250px;animation-delay:4s;top:40%;left:50%}.hero__grid{background-image:linear-gradient(#1aada00a 1px,#0000 1px),linear-gradient(90deg,#1aada00a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.hero__content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero__badge{color:var(--teal-dark);background:#1aada01a;border:1px solid #1aada033;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.hero__title{color:var(--navy);margin-bottom:20px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.25}.hero__subtitle{color:var(--gray-600);max-width:520px;margin-bottom:36px;font-size:18px;line-height:1.8}.hero__buttons{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.hero__trust{align-items:center;gap:16px;display:flex}.hero__avatars{display:flex}.hero__avatar{background:linear-gradient(135deg, var(--teal), var(--navy));width:40px;height:40px;color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;margin-right:-10px;font-size:14px;font-weight:700;display:flex}.hero__trust p{color:var(--gray-600);font-size:14px}.hero__trust strong{color:var(--teal-dark)}.hero__visual{min-height:480px;position:relative}.hero__card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}.hero__card--main{z-index:2;padding:28px;position:relative}.hero__card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.hero__card-logo{width:auto;height:36px}.hero__card-badge{color:var(--teal-dark);background:#1aada01a;border-radius:50px;padding:4px 12px;font-size:12px;font-weight:600}.hero__job{border-radius:var(--radius-sm);transition:all var(--transition);opacity:0;align-items:center;gap:14px;padding:16px;animation:.6s forwards slideInJob;display:flex}.hero__job:hover{background:var(--off-white);transform:translate(-4px)}.hero__job-icon{background:linear-gradient(135deg, var(--teal), var(--teal-dark));width:44px;height:44px;color:var(--white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.hero__job-info{flex-direction:column;flex:1;gap:2px;display:flex}.hero__job-info strong{color:var(--navy);font-size:15px}.hero__job-info span{color:var(--gray-400);font-size:13px}.hero__job-tag{background:var(--gray-50);color:var(--gray-600);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.hero__card--float{z-index:3;padding:20px 24px;animation:4s ease-in-out infinite float;position:absolute}.hero__card--stats{animation-delay:.5s;top:-20px;left:-30px}.hero__card--applicants{animation-delay:1.5s;bottom:40px;right:-20px}.hero__stat-num{color:var(--teal);font-size:28px;font-weight:800;line-height:1;display:block}.hero__stat-label{color:var(--gray-600);font-size:13px;font-weight:500}.features{background:var(--off-white);padding:100px 0;position:relative;overflow:hidden}.features__deco{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.features__deco--1{background:#1aada01a;width:420px;height:420px;top:10%;right:-120px}.features__deco--2{background:#1a2e420f;width:320px;height:320px;bottom:5%;left:-80px}.features__bento{grid-template-rows:auto auto;grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.feature-tile{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #1aada01f;height:100%;min-height:220px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 8px 30px #1a2e420a}.feature-tile:hover{border-color:var(--teal);z-index:2;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #1aada014,0 0 20px #1aada00a}.feature-tile__num{color:#0000;-webkit-text-stroke:1px #1aada014;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transition:all var(--transition);font-size:clamp(60px,8vw,90px);font-weight:900;line-height:1;position:absolute;top:10px;left:24px}.feature-tile:hover .feature-tile__num{-webkit-text-stroke-color:#1aada040;transform:translateY(-4px)}.feature-tile__hex{opacity:.04;width:140px;height:160px;color:var(--teal);pointer-events:none;transition:transform .8s,opacity .4s;position:absolute;bottom:-20px;right:-20px}.feature-tile:hover .feature-tile__hex{opacity:.09;transform:rotate(25deg)scale(1.15)}.feature-tile__body{z-index:1;gap:24px;height:100%;padding:36px;display:flex;position:relative}.feature-tile__icon-wrap{flex-shrink:0}.feature-tile__icon{width:58px;height:58px;color:var(--teal);transition:all var(--transition);background:#1aada014;border-radius:16px;justify-content:center;align-items:center;display:flex}.feature-tile:hover .feature-tile__icon{background:var(--teal);color:var(--white);box-shadow:0 8px 20px var(--teal-glow);transform:rotate(8deg)scale(1.08)}.feature-tile__icon svg{width:26px;height:26px}.feature-tile__content{flex-direction:column;flex:1;display:flex}.feature-tile__content h3{color:var(--navy);margin-bottom:12px;font-size:22px;font-weight:800}.feature-tile__content p{color:var(--gray-600);margin-bottom:auto;padding-bottom:24px;line-height:1.75}.feature-tile__tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.feature-tile__tags li{color:var(--gray-600);transition:all var(--transition);background:#ffffff80;border:1px solid #1aada01a;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.feature-tile:hover .feature-tile__tags li{color:var(--teal-dark);background:#1aada00d;border-color:#1aada04d}.feature-tile__shine{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff59 50%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(120%)}.feature-tile:hover .feature-tile__shine{transform:translate(-120%)}.feature-tile--wide{background:linear-gradient(135deg,#ffffffe6 55%,#1aada014 100%);border:1px solid #1aada01f;grid-area:1/1}.feature-tile--wide:hover{border-color:var(--teal);box-shadow:0 20px 40px #1aada01a}.feature-tile--wide .feature-tile__hex{bottom:-30px;right:60px}.feature-tile--compact{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 100%);border:1px solid #ffffff14;grid-area:1/2}.feature-tile--compact:hover{border-color:#2ec4b666;box-shadow:0 20px 40px #0f1c2866,0 0 20px #2ec4b626}.feature-tile--compact .feature-tile__num{-webkit-text-stroke-color:#ffffff0d}.feature-tile--compact:hover .feature-tile__num{-webkit-text-stroke-color:#2ec4b633}.feature-tile--compact .feature-tile__hex{color:var(--teal-light);opacity:.08;top:-20px;left:-20px}.feature-tile--compact .feature-tile__content h3{color:var(--white)}.feature-tile--compact .feature-tile__content p{color:#ffffffa6}.feature-tile--compact .feature-tile__tags li{color:#fff9;background:#ffffff0a;border-color:#ffffff14}.feature-tile--compact:hover .feature-tile__tags li{color:var(--teal-light);background:#2ec4b614;border-color:#2ec4b64d}.feature-tile--compact .feature-tile__icon{color:var(--teal-light);background:#ffffff0f;border:1px solid #ffffff0d}.feature-tile--compact:hover .feature-tile__icon{background:var(--teal-light);color:var(--navy-dark);box-shadow:0 8px 24px #2ec4b64d}.feature-tile--hex{background:linear-gradient(135deg,#fffffff2 0%,#fffc 100%);border:1px solid #1aada01f;grid-area:2/1}.feature-tile--hex .feature-tile__hex{opacity:.03;width:200px;height:230px;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-tile--hex:hover .feature-tile__hex{opacity:.07;transform:translate(-50%,-50%)rotate(15deg)scale(1.05)}.feature-tile--hex .feature-tile__icon{color:var(--teal);background:#1aada014}.feature-tile--hex .feature-tile__body{flex-direction:column;align-items:flex-start}.feature-tile--banner{background:linear-gradient(160deg,#1aada014 0%,#ffffffe6 55%);border:1px solid #1aada01f;grid-area:2/2}.feature-tile--banner .feature-tile__hex{width:180px;height:200px;color:var(--navy);opacity:.03;bottom:-40px;left:-30px}.feature-tile--banner .feature-tile__body{flex-direction:column}.feature-tile--banner .feature-tile__icon{color:var(--navy);background:#1a2e4214}.feature-tile--banner:hover .feature-tile__icon{background:var(--navy);color:var(--white);box-shadow:0 8px 20px #1a2e4240}.feature-tile--banner:before{content:"";background:var(--teal);width:8px;height:8px;box-shadow:0 0 12px var(--teal-glow);border-radius:50%;animation:2.5s ease-in-out infinite pulse-glow;position:absolute;top:16px;left:16px}.feature-tile--teal .feature-tile__tags li:hover{color:var(--teal-dark);background:#1aada01a}.feature-tile--navy .feature-tile__tags li:hover{color:var(--navy);background:#1a2e420f}.how-it-works{background:var(--off-white);padding:100px 0;position:relative;overflow:hidden}.how-it-works__bg{background:radial-gradient(circle at 20%,#1aada00f 0%,#0000 50%),radial-gradient(circle at 80%,#1a2e420a 0%,#0000 50%);position:absolute;inset:0}.steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.steps:before{content:"";z-index:0;background:linear-gradient(90deg,#1aada00d 0%,#1aada04d 50%,#1aada00d 100%);height:2px;position:absolute;top:70px;left:12%;right:12%}.step-card{-webkit-backdrop-filter:blur(12px);text-align:center;z-index:1;background:#ffffffb3;border:1px solid #fff9;border-radius:24px;height:100%;padding:40px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 30px #1a2e4205}.step-card:hover{background:#fffffff2;border-color:#1aada059;transform:translateY(-10px);box-shadow:0 20px 40px #1aada014}.step-card__num{background:linear-gradient(135deg, var(--teal), var(--teal-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:46px;font-weight:900;line-height:1;transition:transform .4s;display:inline-block}.step-card:hover .step-card__num{transform:scale(1.1)rotate(-5deg)}.step-card__line{background:linear-gradient(90deg, var(--teal), var(--teal-light));border-radius:20px;width:32px;height:3px;margin:0 auto 24px;transition:width .4s}.step-card:hover .step-card__line{width:52px}.step-card h3{color:var(--navy);margin-bottom:12px;font-size:19px;font-weight:800}.step-card p{color:var(--gray-600);margin-bottom:20px;font-size:14px;line-height:1.75}.step-card__tag{color:var(--teal-dark);transition:all var(--transition);background:#1aada00f;border:1px solid #1aada01a;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.step-card:hover .step-card__tag{background:var(--teal);color:var(--white);border-color:var(--teal);box-shadow:0 4px 12px var(--teal-glow)}.stats{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 100%);padding:100px 0;position:relative;overflow:hidden}.stats:before{content:"";background:radial-gradient(circle at 30%,#1aada026 0%,#0000 50%),radial-gradient(circle at 70%,#2ec4b61a 0%,#0000 50%);position:absolute;inset:0}.stats .container{position:relative}.stats__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-item{text-align:center;-webkit-backdrop-filter:blur(8px);transition:all var(--transition);background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:36px 24px}.stat-item:hover{background:#ffffff0d;border-color:#1aada04d;transform:translateY(-8px);box-shadow:0 20px 40px #00000040}.stat-item__value{color:var(--white);background:linear-gradient(135deg, var(--white), var(--teal-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(36px,4.5vw,50px);font-weight:800;line-height:1;display:block}.stat-item__label{color:var(--gray-200);font-size:14px;font-weight:500;line-height:1.6}.cta{padding:100px 0;position:relative;overflow:hidden}.cta__bg{pointer-events:none;position:absolute;inset:0}.cta__orb{filter:blur(100px);border-radius:50%;position:absolute}.cta__orb--1{background:#1aada01a;width:400px;height:400px;top:0;right:-100px}.cta__orb--2{background:#1a2e420f;width:300px;height:300px;bottom:0;left:-80px}.cta__card{text-align:center;background:linear-gradient(135deg, var(--off-white), var(--white));border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:72px 48px;position:relative;overflow:hidden}.cta__card:before{content:"";background:linear-gradient(90deg, var(--teal), var(--teal-light), var(--teal));background-size:200% 100%;height:4px;animation:3s infinite gradient-shift;position:absolute;top:0;left:0;right:0}.cta__card h2{color:var(--navy);margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:800}.cta__card>p{color:var(--gray-600);max-width:560px;margin:0 auto 36px;font-size:18px}.cta__buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.cta__note{color:var(--gray-400);font-size:14px}.footer{background:var(--navy-dark);color:#ffffffb3;padding:64px 0 32px}.footer__top{grid-template-columns:1.5fr 1fr;gap:60px;margin-bottom:48px;display:grid}.footer__brand img{filter:brightness(1.2);height:40px;margin-bottom:16px}.footer__brand p{max-width:360px;font-size:15px;line-height:1.8}.footer__links{grid-template-columns:1fr 1fr;gap:32px;display:grid}.footer__links h4{color:var(--white);margin-bottom:16px;font-size:16px;font-weight:700}.footer__links li{margin-bottom:10px}.footer__links a{transition:color var(--transition);font-size:14px}.footer__links a:hover{color:var(--teal-light)}.footer__bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:32px;display:flex}.footer__bottom p{font-size:14px}.footer__social{gap:16px;display:flex}.footer__social a{color:#fff9;width:40px;height:40px;transition:all var(--transition);background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;display:flex}.footer__social a:hover{background:var(--teal);color:var(--white);transform:translateY(-2px)}@media (width<=1024px){.hero__content{text-align:center;grid-template-columns:1fr}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__buttons,.hero__trust{justify-content:center}.hero__visual{max-width:480px;margin:0 auto}.features__bento{grid-template-columns:1fr}.feature-tile--wide,.feature-tile--compact,.feature-tile--hex,.feature-tile--banner{grid-area:auto/1}.steps,.stats__grid{grid-template-columns:repeat(2,1fr)}.footer__top{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.navbar__links{background:var(--white);width:280px;height:100vh;transition:transform var(--transition);z-index:999;flex-direction:column;gap:24px;padding:80px 32px 32px;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 30px #0000001a}.navbar__links.open{transform:translate(0)}.navbar__links a{font-size:18px}.navbar__mobile-cta{margin-top:16px;display:block}.navbar__actions .btn{display:none}.navbar__toggle{z-index:1001;display:flex}.hero{padding:120px 0 60px}.hero__card--stats{top:-10px;left:0}.hero__card--applicants{bottom:20px;right:0}.steps{grid-template-columns:1fr}.stats__grid{grid-template-columns:1fr 1fr;gap:16px}.cta__card{padding:48px 24px}.footer__links{grid-template-columns:1fr}.footer__bottom{text-align:center;flex-direction:column;gap:20px}}@media (width<=480px){.hero__buttons{flex-direction:column;width:100%}.hero__buttons .btn{width:100%}.cta__buttons{flex-direction:column;align-items:center}.cta__buttons .btn{width:100%;max-width:300px}}