.journey-page{--journey-bg: #0a1222;--journey-panel: #1a253a;--journey-panel-border: rgba(49, 69, 103, .72);--journey-heading: #e6eefc;--journey-body: #aec4ee;--journey-secondary: #b7cbf3;min-height:100vh;position:relative;isolation:isolate;padding:3rem 1.25rem 4rem;background:linear-gradient(180deg,rgba(16,46,92,.34) 0%,rgba(16,46,92,.12) 18%,transparent 36%),radial-gradient(circle at left center,rgba(24,58,108,.42) 0%,rgba(24,58,108,.16) 24%,transparent 52%),radial-gradient(circle at right center,rgba(20,50,98,.38) 0%,rgba(20,50,98,.14) 26%,transparent 54%),radial-gradient(circle at center 18%,rgba(244,222,161,.16) 0%,rgba(244,222,161,.07) 18%,transparent 42%),linear-gradient(180deg,#050c1838,#060e1c70);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:top center,left center,right center,center top,center;background-size:auto,auto,auto,auto,cover;color:var(--journey-heading);font-family:var(--font-body)}.journey-page:before{content:"";position:absolute;inset:0;z-index:-2;background:url(/journey/back-resource.webp) center top / cover no-repeat;transform:scaleY(-1);transform-origin:center}.journey-page:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#050a142e,#050a141a 34%,#0408126b)}.journey-page__container{max-width:980px;margin:0 auto;position:relative;z-index:1}.journey-page__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:center;margin-bottom:2.25rem;padding:1.35rem 1.5rem;background:linear-gradient(180deg,#172238f5,#0e1626f5);border:1px solid rgba(91,120,167,.34);border-radius:24px;box-shadow:0 24px 46px #01071247}.journey-page__header-copy{min-width:0}.journey-page__header h1{font-family:var(--font-heading);font-size:clamp(1.7rem,2.4vw,2.7rem);font-weight:var(--font-weight-extrabold);margin-bottom:.6rem;color:#f4f7ff}.journey-page__header p{margin:0;color:var(--journey-body);line-height:1.6}.journey-page__header-art{width:clamp(92px,11vw,132px);align-self:end}.journey-page__header-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px;filter:drop-shadow(0 14px 24px rgba(2,7,18,.4))}.journey-page__state{text-align:center;color:var(--journey-secondary);margin-bottom:1.5rem}.journey-page__state--error{color:#ffd3da}.journey-hero{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:1rem;align-items:stretch;margin-bottom:5.5rem}.journey-hero__progress,.journey-hero__main{background:linear-gradient(180deg,#172238f5,#0e1626f5);border:1px solid rgba(91,120,167,.34);border-radius:24px;box-shadow:0 24px 46px #01071247}.journey-hero__progress{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.4rem 1rem;text-align:center}.journey-hero__progress-ring{--journey-progress-fill: 0%;display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;margin-bottom:.85rem;background:radial-gradient(circle at center,rgba(8,16,32,.98) 55%,transparent 57%),conic-gradient(from 220deg,#f6e0a3 0 var(--journey-progress-fill),rgba(124,183,242,.98) var(--journey-progress-fill) 100%);box-shadow:0 0 0 8px #ffeec30f}.journey-hero__progress-ring span{font-size:1.7rem;font-weight:var(--font-weight-extrabold);color:#fff4cd}.journey-hero__progress-copy{display:grid;gap:.2rem}.journey-hero__progress-copy strong{font-size:1.1rem;color:var(--journey-heading)}.journey-hero__progress-copy span{color:var(--journey-body);line-height:1.4}.journey-hero__main{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 1.45rem}.journey-hero__text{min-width:0}.journey-hero__eyebrow{display:inline-flex;margin-bottom:.45rem;color:#f3d698;font-size:.85rem;font-weight:var(--font-weight-bold);text-transform:uppercase}.journey-hero__main h2{margin:0 0 .45rem;color:#f7f9ff;font-family:var(--font-heading);font-size:clamp(1.35rem,2vw,2rem);font-weight:var(--font-weight-extrabold)}.journey-hero__main p{margin:0;color:var(--journey-body);line-height:1.55}.journey-page__cta{display:flex;margin-bottom:1.75rem}.journey-page__cta--stacked{flex-direction:column;align-items:center;gap:12px}.journey-page__cta--top{justify-content:flex-end;margin-bottom:0}.journey-page__cta--bottom{justify-content:center;margin-top:2rem;margin-bottom:0}.journey-page__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:auto;min-width:220px;padding:.95rem 1.5rem;border-radius:999px;border:1px solid var(--btn-gold-border);background:var(--btn-gold-gradient);box-shadow:var(--btn-gold-shadow);color:var(--btn-gold-text);font:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);line-height:1.2;text-decoration:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.journey-page__button-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:transform .18s ease}.journey-page__button-icon svg{width:100%;height:100%;display:block}.journey-page__button:hover,.journey-page__button:focus-visible{transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--btn-gold-shadow-hover);outline:none}.journey-page__button:hover .journey-page__button-icon,.journey-page__button:focus-visible .journey-page__button-icon{transform:translate(2px)}.journey-road{list-style:none;margin:0;padding:0;position:relative}.journey-page__section-heading{position:relative;display:grid;justify-items:center;margin:0 0 3rem;text-align:center}.journey-page__section-heading:after{content:"";width:min(280px,72vw);height:1px;background:linear-gradient(90deg,transparent,rgba(245,217,155,.9),transparent);box-shadow:0 0 16px #f5d99b4d}.journey-page__section-label{margin:0;color:#dce8ff;font-family:var(--font-heading);font-size:clamp(1.35rem,2vw,1.8rem);font-weight:var(--font-weight-extrabold);text-transform:uppercase}.journey-road:before{content:"";position:absolute;left:50%;top:1rem;bottom:1rem;width:5px;transform:translate(-50%);background:linear-gradient(180deg,#d6a74f,#f9ecb8,#bb8b3d);border-radius:999px;box-shadow:0 0 22px #ffd176a6}.journey-step{width:50%;padding:.6rem 1rem;position:relative}.journey-step:after{content:"";position:absolute;top:2.2rem;width:18px;height:18px;border-radius:999px;background:radial-gradient(circle,#fff3bf,#e9ba5f 65%,#9e662c);box-shadow:0 0 16px #ffd37fd9}.journey-step--left{margin-right:auto;padding-right:2.2rem}.journey-step--left:after{right:-9px}.journey-step--right{margin-left:auto;padding-left:2.2rem}.journey-step--right:after{left:-9px}.journey-card{background:var(--journey-panel);border:1px solid var(--journey-panel-border);border-radius:20px;padding:1rem 1.1rem;box-shadow:0 18px 40px #01071247}.journey-card--link{display:block;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.journey-card--link:hover,.journey-card--link:focus-visible{transform:translateY(-2px);border-color:#d8be908c;box-shadow:0 28px 54px #01050e80}.journey-card__badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;margin-bottom:.55rem;font-weight:var(--font-weight-bold);color:#3a2308;background:linear-gradient(180deg,#fff0bc,#e1ad5a)}.journey-card h2{margin:0 0 .5rem;color:var(--journey-heading);font-family:var(--font-heading);font-size:1.2rem;font-weight:var(--font-weight-bold)}.journey-card p{margin:0;color:var(--journey-body);line-height:1.5}@media(max-width:800px){.journey-page__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;text-align:left}.journey-page__header-art{width:64px;align-self:start;margin-top:.45rem}.journey-hero{grid-template-columns:1fr}.journey-hero__main{flex-direction:column;align-items:stretch}.journey-road:before{left:18px;transform:none}.journey-step,.journey-step--left,.journey-step--right{width:100%;margin:0;padding:.6rem .6rem .6rem 2.9rem}.journey-step:after,.journey-step--left:after,.journey-step--right:after{left:9px;right:auto}}.journey-card--locked{opacity:.55;filter:grayscale(.35) brightness(.9);border-color:#61749559;box-shadow:0 10px 24px #01071233;pointer-events:none}.journey-card--locked .journey-card__badge{background:linear-gradient(180deg,#d9d9c8,#9e9e8a);color:#2d2d2d}@media(max-width:800px){.journey-page__cta,.journey-page__cta--top,.journey-page__cta--bottom{justify-content:center}.journey-page__button{width:100%;min-width:0}}@media(max-width:640px){.journey-page__header{gap:.85rem;padding:1.1rem 1rem}.journey-page__header h1{font-size:clamp(1.45rem,6vw,1.9rem);margin-bottom:.45rem}.journey-page__header p{font-size:.9rem;line-height:1.5}.journey-page__header-art{width:56px;margin-top:1.05rem}}
