.journey-page{--jnavy:#0a1f3c;--jblue:#12407c;--jgold:#e8a72c;--jcream:#f7f5ef;background:var(--jcream);min-height:100vh;color:var(--jnavy);font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}.journey-nav{background:#fff;border-bottom:1px solid #e9e6df;justify-content:space-between;align-items:center;height:72px;padding:0 max(50% - 580px,26px);display:flex}.journey-brand{flex:0 0 124px;justify-content:flex-start;align-items:center;width:124px;height:66px;display:flex}.journey-brand img{object-fit:contain;width:100%;height:100%;display:block}.journey-nav>span{color:#718092;font-size:12px}.journey-nav>span i,.journey-kicker i{background:var(--jgold);border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block;box-shadow:0 0 0 5px #e8a72c24}.journey-home{color:var(--jblue);font-size:12px;font-weight:700}.journey-hero{color:#fff;background:linear-gradient(115deg,#091b34,#0d2a4d 72%,#112642);padding:53px 26px 58px;position:relative;overflow:hidden}.journey-hero:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0c 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.journey-glow{pointer-events:none;background:radial-gradient(at 72% 48%,#e8a72c1d,#0000 31%),radial-gradient(at 12% 70%,#1b57994f,#0000 43%);position:absolute;inset:-35%}.journey-hero-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:min(1160px,100%);margin:auto;display:grid;position:relative}.journey-intro{max-width:610px}.journey-kicker{color:#e3c47f;letter-spacing:.2px;font-size:12px}.journey-intro h1{letter-spacing:-2.5px;flex-direction:column;gap:10px;margin:18px 0 14px;font-size:clamp(46px,5.4vw,72px);font-weight:900;line-height:1.12;display:flex}.journey-intro h1 em{color:var(--jgold);font-style:normal}.journey-intro>p{color:#c3cedb;max-width:500px;margin:0 0 20px;font-size:15px;line-height:1.9}.journey-cta{color:#f5cc75;border-bottom:1px solid #e8a72c70;align-items:center;gap:13px;padding:0 0 5px;font-size:12px;font-weight:800;display:inline-flex}.journey-cta span{font-size:17px;line-height:1}.journey-progress-card{isolation:isolate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff23;border-radius:20px;padding:25px 27px 19px;position:relative;overflow:hidden;box-shadow:0 24px 70px #020b1845}.progress-card-top{color:#aebfd0;justify-content:space-between;align-items:center;font-size:11px;display:flex}.progress-card-top>span:first-child{align-items:center;gap:8px;display:flex}.progress-card-top i{background:var(--jgold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e8a72c21}.progress-card-top b{color:#fff}.journey-counter{z-index:1;justify-content:space-between;align-items:center;margin:22px 0 18px;display:flex;position:relative}.journey-counter>div:first-child{gap:5px;display:grid}.journey-counter span{color:#c3cedb;font-size:12px}.journey-counter strong{font-size:47px;font-weight:900;line-height:1}.journey-counter strong small{color:#a6b5c5;font-size:16px;font-weight:500}.counter-badge{color:#ffc95f;background:#07182d42;border:1px solid #ffffff32;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;font-size:15px;font-weight:900;display:flex}.counter-badge small{color:#c3cedb;font-size:9px}.journey-progress{z-index:1;background:#ffffff20;border-radius:20px;height:10px;padding:2px;position:relative;overflow:hidden}.journey-progress div{background:linear-gradient(90deg,#d18b1f,#ffd778);border-radius:20px;min-width:5px;height:100%;transition:width .7s}.progress-caption{color:#8e9caf;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.progress-card-note{z-index:1;color:#aebed0;border-top:1px solid #ffffff17;align-items:center;gap:9px;margin-top:17px;padding-top:13px;font-size:10px;display:flex;position:relative}.note-spark{color:var(--jgold);font-size:16px}.progress-card-pattern{opacity:.72;grid-template-columns:repeat(6,5px);gap:4px;width:63px;display:grid;position:absolute;bottom:17px;left:18px;transform:rotate(-8deg)}.progress-card-pattern i{background:#ffffff28;border-radius:1.5px;width:5px;height:5px}.progress-card-pattern i.filled{background:var(--jgold)}.journey-board,.journey-stories{width:min(1160px,100% - 52px);margin:0 auto;padding:52px 0}.board-heading{justify-content:space-between;align-items:flex-end;margin-bottom:19px;display:flex}.board-eyebrow{color:#a6792b;font-size:11px;font-weight:800}.board-heading h2{margin:4px 0;font-size:27px}.board-heading p{color:#788493;margin:0;font-size:12px}.board-legend{color:#6c7887;align-items:center;gap:8px;font-size:11px;display:flex}.board-legend i{background:var(--jgold);border-radius:3px;width:10px;height:10px}.board-legend b{color:var(--jnavy);margin-right:12px}.journey-grid{background:#fff;border:1px solid #ebe8e1;border-radius:17px;grid-template-columns:repeat(40,minmax(0,1fr));gap:6px;padding:20px;display:grid;box-shadow:0 15px 38px #132b4c09}.journey-grid>i{aspect-ratio:1;background:#e9ecee;border-radius:3px;transition:transform .2s;position:relative}.journey-grid>i.filled{background:var(--jgold);box-shadow:0 2px 5px #d0911a39}.journey-grid>i.filled:hover{z-index:1;transform:scale(1.8)}.journey-grid>i span{opacity:0;pointer-events:none;position:absolute}.journey-stories{padding-top:2px;padding-bottom:70px}.stories-total{color:#758292;font-size:12px}.journey-filters{flex-wrap:wrap;gap:8px;margin:19px 0;display:flex}.journey-filters button{color:#667486;cursor:pointer;background:0 0;border:1px solid #e4e0d7;border-radius:30px;padding:8px 15px;font-size:11px}.journey-filters button.active{background:var(--jnavy);border-color:var(--jnavy);color:#fff}.story-list{gap:9px;display:grid}.story-card{background:#fff;border:1px solid #ebe8e1;border-radius:13px;grid-template-columns:62px 1fr auto 32px;align-items:center;gap:15px;padding:15px 18px;display:grid}.story-number{color:#ad7920;background:#f7f2e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:62px;height:54px;display:flex}.story-number strong{font-size:21px;font-weight:900;line-height:1.1}.story-number small{font-size:9px;font-weight:700}.story-copy>span{color:#a6792b;font-size:10px;font-weight:800}.story-copy h3{margin:3px 0;font-size:15px}.story-copy p{color:#778393;margin:2px 0 0;font-size:11px}.story-card time{color:#8993a0;font-size:10px}.story-check{color:#53814b;background:#eef4eb;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.journey-empty{text-align:center;background:#fff;border:1px dashed #ddd7ca;border-radius:15px;padding:42px 20px}.journey-empty>span{color:#c18b2f;font-size:30px;display:block}.journey-empty h3{margin:8px}.journey-empty p{color:#778393;font-size:12px}.journey-footer{background:var(--jnavy);color:#fff;align-items:center;gap:15px;padding:23px max(50% - 580px,26px);display:flex}.journey-footer>b{font-size:19px}.journey-footer>span{color:#aebdcd;font-size:11px}.journey-footer>a{color:var(--jgold);margin-right:auto;font-size:11px;font-weight:700}@media (max-width:850px){.journey-hero{padding:44px 24px}.journey-hero-inner{grid-template-columns:1fr;gap:28px;max-width:620px}.journey-intro h1{font-size:clamp(44px,9vw,66px)}.journey-progress-card{max-width:560px}.journey-board,.journey-stories{padding:42px 0}.journey-grid{grid-template-columns:repeat(25,minmax(0,1fr));gap:5px;padding:14px}.board-heading{flex-direction:column;align-items:flex-start;gap:13px}.story-card{grid-template-columns:54px 1fr 27px;gap:11px;padding:13px}.story-number{width:54px;height:50px}.story-card time{grid-area:2/2}.story-check{grid-area:1/3}.journey-footer{flex-wrap:wrap}.journey-footer>a{width:100%;margin-right:0}}@media (max-width:520px){.journey-nav{height:62px;padding:0 16px}.journey-nav>span{display:none}.journey-home{font-size:11px}.journey-hero{padding:38px 19px 40px}.journey-intro h1{letter-spacing:-1px;margin:16px 0 11px}.journey-intro>p{font-size:13px}.journey-progress-card{padding:20px 19px 16px}.journey-counter strong{font-size:39px}.counter-badge{width:64px;height:64px}.journey-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;padding:11px}.journey-board,.journey-stories{width:calc(100% - 34px)}.board-heading h2{font-size:24px}.journey-filters{gap:6px}.journey-filters button{padding:7px 12px;font-size:10px}}
