:root {
  --bg:#050505;
  --surface:#0c0c0c;
  --surface-2:#111;
  --text:#f5f5f1;
  --muted:#92928b;
  --line:rgba(255,255,255,.13);
  --accent:#f5b21b;
  --accent-2:#ffd04d;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Tajawal",system-ui,sans-serif}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
.entry-stage{min-height:100svh;display:grid;place-items:center;padding:36px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 0%,rgba(245,178,27,.08),transparent 32%),#050505}
.stage-grid{position:absolute;inset:0;z-index:-5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.stage-orbit{position:absolute;border:1px solid rgba(245,178,27,.13);border-radius:50%;z-index:-3;pointer-events:none;animation:spin 30s linear infinite}
.orbit-one{width:720px;height:720px;left:-250px;top:-270px}.orbit-two{width:460px;height:460px;right:-130px;bottom:-180px;animation-direction:reverse;animation-duration:24s}
.stage-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);top:19%;right:12%;box-shadow:0 0 24px rgba(245,178,27,.9)}
.glow{position:absolute;border-radius:50%;filter:blur(30px);z-index:-4;pointer-events:none}.glow-one{width:440px;height:440px;right:8%;top:12%;background:rgba(245,178,27,.055)}.glow-two{width:360px;height:360px;left:4%;bottom:0;background:rgba(255,255,255,.025)}
@keyframes spin{to{transform:rotate(360deg)}}
.entry-dialog{width:min(1180px,100%);padding:34px 0 18px;animation:dialogIn .75s cubic-bezier(.22,.8,.25,1) both}
@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.992)}to{opacity:1;transform:none}}
.entry-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line)}
.entry-logo{width:210px;display:inline-flex}.entry-logo img{width:100%;height:auto;object-fit:contain}
.entry-step{direction:ltr;display:flex;align-items:center;gap:10px;color:#777;font-size:.72rem;font-weight:800}.entry-step span:first-child{color:var(--accent)}.entry-step i{width:54px;height:1px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.18))}
.entry-copy{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(330px,1fr);gap:70px;align-items:end;padding:52px 0 38px}
.eyebrow{margin:0 0 11px;color:var(--accent);font-size:.78rem;font-weight:800}
.entry-copy h1{grid-row:1/3;margin:0;font-size:clamp(3rem,6.2vw,6rem);line-height:.95;letter-spacing:-.04em;font-weight:900}.entry-copy h1 span{color:var(--accent)}
.entry-copy p:last-child{margin:0;max-width:520px;color:#aaa9a4;font-size:.94rem;line-height:1.95}
.path-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.path-card{min-height:425px;position:relative;overflow:hidden;padding:28px 30px 24px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;transition:transform .35s ease,background .35s ease,color .35s ease;isolation:isolate}
.path-card::before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--accent);z-index:-2;transition:height .45s cubic-bezier(.2,.75,.2,1)}
.path-card:hover::before,.path-card:focus-visible::before{height:100%}.path-card:hover,.path-card:focus-visible{color:#060606;transform:translateY(-5px);outline:none}.path-card:focus-visible{box-shadow:0 0 0 3px var(--accent-2)}
.card-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,178,27,.08),transparent 68%);left:-100px;bottom:-120px;z-index:-1;transition:opacity .3s}.path-card:hover .card-glow{opacity:0}
.path-top{display:flex;align-items:center;justify-content:space-between;direction:ltr}.path-number{font-size:.75rem;color:#777;font-weight:800}.path-arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:1rem;transition:transform .3s,border-color .3s}.path-card:hover .path-arrow{transform:rotate(45deg);border-color:rgba(0,0,0,.3);color:#000}
.path-icon{align-self:center;width:170px;height:130px;display:grid;place-items:center;margin:14px auto 2px}.path-icon svg{width:100%;height:100%;overflow:visible}.path-icon svg *{fill:none;stroke:#f4f4ef;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}.path-icon .accent-stroke{stroke:var(--accent)}.path-icon .thin{stroke-width:2.2}.path-icon .wheel{stroke-width:3}.path-card:hover .path-icon svg *{stroke:#080808}.path-card:hover .path-icon .accent-stroke{stroke:#080808}
.path-text p{margin:0 0 6px;color:var(--accent);font-size:.72rem;font-weight:800}.path-card:hover .path-text p{color:#111}.path-text h2{margin:0 0 10px;font-size:clamp(1.6rem,2.8vw,2.6rem);line-height:1.15}.path-text>span{display:block;color:#a8a8a2;font-size:.86rem;line-height:1.75;max-width:390px}.path-card:hover .path-text>span{color:#282828}
.path-footer{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:800}.path-footer i{width:48px;height:1px;background:var(--accent);position:relative}.path-card:hover .path-footer{border-color:rgba(0,0,0,.2)}.path-card:hover .path-footer i{background:#000}
.entry-footer{padding-top:21px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#696963;font-size:.7rem}.entry-footer p{margin:0;text-align:center}.entry-footer span:last-child{text-align:left}
@media(max-width:760px){.entry-stage{padding:22px}.entry-head{padding-bottom:22px}.entry-logo{width:170px}.entry-copy{grid-template-columns:1fr;gap:17px;padding:42px 0 30px}.entry-copy h1{grid-row:auto;font-size:clamp(2.75rem,13vw,4.5rem)}.path-grid{grid-template-columns:1fr}.path-card{min-height:360px}.entry-footer{grid-template-columns:1fr auto}.entry-footer p{display:none}.orbit-one{left:-460px}.orbit-two{right:-280px}.path-icon{width:145px;height:105px}}
@media(max-width:430px){.entry-stage{padding:16px}.entry-logo{width:150px}.entry-step{display:none}.path-card{padding:24px 22px;min-height:335px}.path-text h2{font-size:1.65rem}.path-icon{width:130px;height:100px}.entry-footer{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}