.hero{isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.24;z-index:-1;animation:drift 7s ease-in-out infinite}.hero{position:relative}.hero:before{width:180px;height:180px;background:#65e2bd;left:38%;top:-90px}.hero:after{width:130px;height:130px;background:#ffd068;left:52%;bottom:-70px;animation-delay:-3s}.hero-start{margin-top:22px;border:0;border-radius:15px;background:#fff;color:#104d9b;padding:13px 18px;font-weight:1000;cursor:pointer;box-shadow:0 10px 24px #001b4030;transition:.2s}.hero-start:hover{transform:translateY(-3px)}.hero-start span{display:inline-block;margin-left:7px;animation:nudge 1.4s ease-in-out infinite}.mission-carousel{margin-top:24px;padding:22px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.carousel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.carousel-top small{font-weight:1000;color:var(--purple);letter-spacing:1px}.carousel-top h2{margin:4px 0;color:var(--navy)}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--navy);font-weight:1000;cursor:pointer;transition:.18s}.carousel-controls button:hover{background:var(--navy);color:white;transform:scale(1.06)}.slides{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0:min(640px,88%);min-height:210px;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px;padding:24px;border-radius:21px;scroll-snap-align:center;color:white}.slide.blue{background:linear-gradient(135deg,#1764d5,#38a6ed)}.slide.purple{background:linear-gradient(135deg,#6648dc,#9a6ef4)}.slide.orange{background:linear-gradient(135deg,#f27b2d,#ffb344)}.slide-art{min-height:150px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;background:#ffffff20;font-size:46px}.slide-art span{display:inline-block;animation:float 2.8s ease-in-out infinite}.slide-art span:nth-child(2){animation-delay:-.6s}.slide-art span:nth-child(3){animation-delay:-1.2s}.slide-art b{font-size:36px}.slide small{font-weight:1000;letter-spacing:1px;color:#ffffffc9}.slide h3{font-size:25px;margin:7px 0}.slide p{margin:0;color:#fff;line-height:1.5}.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cadae8;cursor:pointer;transition:.2s}.carousel-dots button.active{width:28px;border-radius:99px;background:var(--blue)}.area{transform-origin:center bottom}.area:hover .icon{animation:wobble .55s ease}.answer:active,.countable:active,.removable:active{transform:scale(.94)}.feedback.show{animation:rise .3s ease}.game{animation:rise .35s ease}.skill-row:hover .code{animation:wobble .55s ease}@keyframes drift{50%{transform:translate(20px,18px) scale(1.08)}}@keyframes float{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes nudge{50%{transform:translateX(5px)}}@keyframes wobble{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes rise{from{opacity:0;transform:translateY(10px)}}@media(max-width:650px){.mission-carousel{padding:16px}.slide{grid-template-columns:1fr;flex-basis:92%;padding:18px}.slide-art{min-height:110px}.carousel-top h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
