:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.loyalty-page .certificate-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;justify-content:initial!important;gap:24px!important}
.loyalty-page .certificate-toolbar .brand{margin:0!important;min-width:0}
.loyalty-page .certificate-toolbar>a:last-child{margin:0!important;padding:0!important;justify-self:end;white-space:nowrap}
@media(max-width:620px){.loyalty-page .certificate-toolbar{grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important}.loyalty-page .certificate-toolbar>a:last-child{max-width:150px;text-align:right;white-space:normal;font-size:12px}}
body{animation:page-in .55s var(--motion-ease) both}
body::before{content:"";position:fixed;inset:0;z-index:9999;background:#151a22;pointer-events:none;animation:page-loader .8s var(--motion-ease) .12s forwards}
body::after{content:"";position:fixed;left:50%;top:50%;z-index:10000;width:34px;height:34px;margin:-17px;border:2px solid rgba(255,255,255,.25);border-top-color:#c7f36b;border-radius:50%;pointer-events:none;animation:loader-spin .7s linear infinite,loader-out .3s ease 1s forwards}
main>*{animation:section-in .7s var(--motion-ease) both;animation-delay:calc(var(--motion-index,0) * 70ms + 120ms)}
main>*:nth-child(1){--motion-index:0}main>*:nth-child(2){--motion-index:1}main>*:nth-child(3){--motion-index:2}main>*:nth-child(4){--motion-index:3}main>*:nth-child(5){--motion-index:4}main>*:nth-child(6){--motion-index:5}
a,button,input,select{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s var(--motion-ease),opacity .2s ease}a:hover,button:not(:disabled):hover{transform:translateY(-2px)}button:active,a:active{transform:translateY(0) scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(49,87,227,.45);outline-offset:3px}
@keyframes page-in{from{opacity:.01}to{opacity:1}}@keyframes page-loader{0%{opacity:1}70%{opacity:1}100%{opacity:0}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-out{to{opacity:0;transform:scale(.65)}}@keyframes section-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body,body::before,body::after,main>*{animation:none!important}body::before,body::after{display:none!important}a,button,input,select{transition:none!important}a:hover,button:not(:disabled):hover{transform:none}}

/* Product-specific motion: the learning route unfolds as the visitor reads. */
.motion-enhanced .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--motion-ease),transform .65s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.motion-enhanced .motion-reveal.is-visible{opacity:1;transform:none}
.home-page .hero-map{animation:map-drift 16s ease-in-out infinite alternate;transform-origin:center}
.home-page .route-visual>img{transition:transform 1.2s var(--motion-ease),filter .6s ease}
.home-page .route-visual:hover>img{transform:scale(1.035);filter:saturate(.9) contrast(1)}
.home-page .route-panel li>span{transition:transform .25s var(--motion-ease),box-shadow .25s ease}
.home-page .route-panel li:hover>span{transform:translateY(-4px) scale(1.06);box-shadow:0 8px 18px rgba(49,87,227,.22)}
.home-page .route-panel li.active>span{animation:route-active 2.4s ease-in-out infinite}
.home-page .book-image{animation:book-float 5.5s ease-in-out infinite}
.home-page .mentor-image img{transition:transform .8s var(--motion-ease),filter .6s ease}
.home-page .mentor-image:hover img{transform:scale(1.025);filter:saturate(1.04)}
.academy-body .roadmap-row{transition:background-color .3s ease,transform .3s var(--motion-ease),box-shadow .3s ease}
.academy-body .roadmap-row:hover{transform:translateX(6px);box-shadow:0 12px 24px rgba(21,26,34,.08)}
.academy-body .progress-track i{transition:transform .8s var(--motion-ease)}
.reader-header .reader-progress{overflow:hidden}
.reader-header .reader-progress span{transform-origin:left center;transition:transform .7s var(--motion-ease)}
.certificate-art{transition:transform .8s var(--motion-ease),box-shadow .45s ease,filter .5s ease}
.certificate-art:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:0 24px 54px rgba(8,15,28,.26)}
.loyalty-form-card{transition:transform .45s var(--motion-ease),box-shadow .45s ease}
.loyalty-form-card:focus-within{transform:translateY(-4px);box-shadow:0 24px 56px rgba(21,26,34,.16)}
@keyframes map-drift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1%,1%,0) scale(1.025)}}
@keyframes route-active{0%,100%{box-shadow:0 0 0 0 rgba(49,87,227,.2)}50%{box-shadow:0 0 0 8px rgba(49,87,227,0)}}
@keyframes book-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.motion-enhanced .motion-reveal{opacity:1;transform:none;transition:none}.home-page .hero-map,.home-page .book-image,.home-page .route-panel li.active>span{animation:none}.home-page .route-visual:hover>img,.home-page .mentor-image:hover img,.academy-body .roadmap-row:hover,.certificate-art:hover,.loyalty-form-card:focus-within{transform:none}.home-page .route-visual>img,.home-page .mentor-image img{transition:none}}

/* Immersive but restrained layer of motion for the open demo. */
.home-page .hero{position:relative;overflow:hidden}
.home-page .hero::after{content:"";position:absolute;inset:-20% -8%;z-index:0;pointer-events:none;background:radial-gradient(circle at 72% 22%,rgba(49,87,227,.11),transparent 26%),radial-gradient(circle at 18% 80%,rgba(199,243,107,.13),transparent 24%);animation:hero-atmosphere 14s ease-in-out infinite alternate}
.home-page .hero>*{position:relative;z-index:1}
.home-page .hero-copy h1{animation:title-settle .9s var(--motion-ease) .2s both}
.home-page .hero-program-cta{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 14px 30px rgba(49,87,227,.2)}
.home-page .hero-program-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.3) 48%,transparent 70%);transform:translateX(-120%);animation:button-sheen 4.8s ease-in-out infinite}
.home-page .hero-program-cta:hover{box-shadow:0 18px 38px rgba(49,87,227,.3)}
.home-page .mentor-carousel,.home-page .route-visual,.home-page .book-image{will-change:transform}
.home-page .route-visual{animation:visual-breathe 8s ease-in-out infinite}
.home-page .mentor-carousel{animation:visual-breathe 9s ease-in-out 1.2s infinite}
.home-page .book-image{animation:book-float 5.5s ease-in-out infinite,soft-glow 6s ease-in-out infinite alternate}
@keyframes hero-atmosphere{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.04)}}
@keyframes title-settle{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes button-sheen{0%,35%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@keyframes visual-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes soft-glow{from{filter:drop-shadow(0 16px 18px rgba(49,87,227,.08))}to{filter:drop-shadow(0 22px 28px rgba(49,87,227,.2))}}
@media(prefers-reduced-motion:reduce){.home-page .hero::after,.home-page .hero-copy h1,.home-page .hero-program-cta::after,.home-page .route-visual,.home-page .mentor-carousel,.home-page .book-image{animation:none!important}.home-page .hero-program-cta::after{display:none}}