.mopa-intro{position:relative;isolation:isolate;color:#f5f8ff;background:#071321;border:1px solid #9ccaff29;border-radius:28px;overflow:hidden;padding:clamp(20px,4vw,48px);width:min(1120px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;box-shadow:0 35px 110px #0009}.mopa-intro::backdrop{background:#020811d9;backdrop-filter:blur(14px)}.mopa-intro[open]{overflow-y:auto}.intro-inline{width:100%;min-height:min(720px,85dvh)}.intro-scenery{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#04101ee8,#07132177),url('../img/mountain-lake.png') center/cover;animation:intro-landscape 24s ease-in-out infinite alternate}.intro-orb{position:absolute;z-index:-2;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.intro-orb-one{background:#039fff;right:-180px;top:20px;animation:intro-drift 12s ease-in-out infinite alternate}.intro-orb-two{background:#b584ff;left:20%;bottom:-300px}.intro-top,.intro-controls,.intro-actions,.intro-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.intro-top img{width:145px;height:58px;object-fit:contain}.intro-skip{color:#d0e7fa;font-size:13px;padding:12px 0}.intro-stage{position:relative;min-height:360px;display:grid;align-items:center}.intro-slide{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding:42px 0}.intro-slide[hidden],.mopa-intro [hidden]{display:none!important}.intro-copy{animation:intro-reveal .7s both}.intro-copy h1{font-size:clamp(34px,5.5vw,65px);font-weight:750;line-height:1.04;letter-spacing:-2.5px;margin:16px 0 24px}.intro-copy h1 span{display:block;background:linear-gradient(110deg,#66d7ff,#d4eaff);color:#86dbff;background-clip:text;-webkit-text-fill-color:transparent}.intro-copy>p:last-child{font-size:clamp(15px,1.5vw,18px);max-width:460px;line-height:1.8;color:#c3d3e9}.intro-eyebrow{color:#90d5ff;letter-spacing:3px;font-size:10px;font-weight:700}.intro-art{position:relative;height:290px;display:grid;place-items:center;animation:intro-reveal .9s both}.intro-emblem{display:grid;place-items:center;width:142px;height:142px;background:linear-gradient(150deg,#169fff45,#0a193de0);border:1px solid #82d6ff66;border-radius:38px;box-shadow:0 0 90px #00aaff33,inset 0 1px 1px #fff4;transform:rotate(-8deg);animation:intro-hover 6s ease-in-out infinite}.intro-emblem svg{width:70px;height:70px;color:#a0e1ff;transform:rotate(8deg)}.intro-ring{position:absolute;width:260px;height:260px;border:1px solid #77bfff33;border-radius:50%;box-shadow:0 0 0 28px #5dbbff08,0 0 0 56px #5dbbff04}.intro-float{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 17px;background:#0c1b32e6;border:1px solid #a3d5ff33;border-radius:15px;box-shadow:0 12px 30px #0003;font-size:12px;color:#dbecff;animation:intro-hover 5s ease-in-out infinite}.intro-float svg{width:20px;height:20px;color:#69d4ff}.intro-float-one{top:30px;right:0}.intro-float-two{left:0;bottom:30px;animation-delay:-2s}.intro-spark{position:absolute;width:5px;height:5px;background:#9deaff;border-radius:50%;box-shadow:0 0 18px #83e4ff;animation:intro-hover 4s infinite}.spark-one{left:10%;top:26%}.spark-two{right:12%;bottom:28%}.intro-progress{display:flex;gap:8px}.intro-progress button{border:0;padding:10px 0;background:none;width:36px}.intro-progress span{display:block;height:3px;border-radius:5px;background:#91acd144}.intro-progress [aria-current=step] span{background:#5bcfff;box-shadow:0 0 14px #15afff77}.intro-actions .primary,.intro-actions .outline{padding:11px 18px;border-radius:14px;white-space:nowrap}.intro-pause{background:none;border:0;color:#a8bfd8;padding:10px;font-size:12px}.intro-foot{border-top:1px solid #ffffff18;margin-top:28px;padding-top:20px;font-size:11px;color:#b8ccdf}.intro-foot span{font-size:8px;letter-spacing:1.8px}.intro-foot a{color:#c1d9ed}.mopa-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:12px 12px 25px;font-size:12px;color:var(--muted)}.mopa-footer a{color:var(--muted)}.info-page{max-width:870px;margin:auto}.info-page .info-lead{font-size:clamp(18px,2.6vw,25px);line-height:1.6;color:var(--muted)}.info-page section{scroll-margin-top:24px}.info-page section p{line-height:1.85}.info-page h2{margin-top:25px}.info-nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.info-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:12px}.about-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.about-modules article{background:var(--card);padding:20px;border:1px solid var(--line);border-radius:18px}.about-modules svg{color:#45bfff}.about-modules h2{font-size:17px;margin:12px 0 8px}.about-modules p{color:var(--muted);font-size:14px}.intro-replay{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}@keyframes intro-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-hover{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes intro-landscape{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes intro-drift{to{transform:translate(-60px,60px)}}@media(max-width:650px){.mopa-intro{padding:22px;border-radius:22px}.intro-top img{width:115px;height:40px}.intro-stage{min-height:0}.intro-slide{grid-template-columns:1fr;gap:5px;padding:26px 0 10px}.intro-copy h1{font-size:36px;letter-spacing:-1.5px;margin:12px 0 18px}.intro-copy>p:last-child{font-size:14px;line-height:1.6}.intro-art{height:180px}.intro-emblem{width:90px;height:90px;border-radius:25px}.intro-emblem svg{width:44px;height:44px}.intro-ring{width:150px;height:150px;box-shadow:0 0 0 18px #5dbbff08}.intro-float{font-size:10px;padding:9px 11px;gap:7px}.intro-float-one{top:6px}.intro-float-two{bottom:8px}.intro-controls{flex-wrap:wrap;gap:8px}.intro-actions{width:100%;gap:8px;justify-content:flex-end}.intro-progress button{width:30px}.intro-foot{margin-top:18px;gap:8px;flex-wrap:wrap}.intro-foot span{font-size:7px}.intro-inline{min-height:0}.about-modules{grid-template-columns:1fr}.intro-actions .primary,.intro-actions .outline{font-size:13px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.mopa-intro *{animation:none!important;transition:none!important}}
.intro-shell .top{display:none}.intro-shell .page{width:100%;max-width:1240px;padding:16px;margin:auto}.intro-shell .intro-inline{max-height:none;min-height:calc(100dvh - 95px)}@media(min-width:651px) and (max-height:650px){.intro-shell .intro-slide{padding:18px 0}.intro-shell .intro-stage{min-height:240px}.intro-shell .intro-art{height:220px}.intro-shell .intro-copy h1{font-size:43px}.intro-shell .intro-foot{margin-top:18px}}

.intro-shell .intro-inline{overflow:clip;display:flex;flex-direction:column}.intro-shell .intro-stage{flex:1}.intro-shell .intro-top,.intro-shell .intro-controls,.intro-shell .intro-foot{flex-shrink:0}