.scorm-section{--ink:#0a0a0b;--ink-soft:#5b6270;--line:#e7e9ee;--bg:#ffffff;--sil-0:#ffffff;--sil-1:#f3f5f8;--sil-2:#e4e8ee;--sil-3:#d2d8e1;--sil-4:#bcc4d0;--sil-5:#9aa3b2;--sil-edge:#aeb6c4;--inside:#cfd5de;--inside-deep:#aab2bf;position:relative;width:100%;min-height:760px;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#ffffff 0,#fbfcfe 45%,#f4f6f9 100%);display:flex;align-items:center;justify-content:center;isolation:isolate;font-family:var(--font-manrope),"Manrope",system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.scorm-section *{box-sizing:border-box}.scorm-section .amb{position:absolute;inset:0;pointer-events:none;z-index:0}.scorm-section .amb-cone{position:absolute;left:50%;top:-18%;width:78%;height:118%;transform:translateX(-50%);background:radial-gradient(58% 42% at 50% 0,rgba(255,255,255,.95) 0,rgba(243,246,251,.6) 38%,rgba(243,246,251,0) 70%);filter:blur(2px)}.scorm-section .amb-halo{position:absolute;left:50%;top:48%;width:760px;height:560px;transform:translate(-50%,-50%);background:radial-gradient(46% 46% at 50% 50%,rgba(180,196,222,.42) 0,rgba(190,204,226,.16) 42%,rgba(255,255,255,0) 72%);filter:blur(8px)}.scorm-section .amb-rays{position:absolute;left:50%;top:-6%;width:560px;height:600px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0) 49.4%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 50.6%,transparent),repeating-linear-gradient(90deg,rgba(170,184,208,.07) 0 1px,transparent 1px 64px);-webkit-mask-image:radial-gradient(70% 80% at 50% 0,#000 0,transparent 72%);mask-image:radial-gradient(70% 80% at 50% 0,#000 0,transparent 72%);opacity:.6}.scorm-section .amb-floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(244,247,251,.7) 60%,rgba(238,242,248,.95))}.scorm-section canvas#particles{position:absolute;inset:0;z-index:1;pointer-events:none}.scorm-section .stage-wrap{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center}.scorm-section .stage{position:relative;width:860px;height:680px;transform-origin:center center}.scorm-section .scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1600px;perspective-origin:50% 38%}.scorm-section .box-rig{position:relative;transform-style:preserve-3d;animation:rigFloat 9s ease-in-out infinite;margin-top:36px}@keyframes rigFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.scorm-section .box{--w:320px;--h:188px;--d:232px;position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(-14deg);animation:boxSway 14s ease-in-out infinite}@keyframes boxSway{0%,to{transform:rotateX(-17deg) rotateY(-14deg)}50%{transform:rotateX(-15.5deg) rotateY(-9deg)}}.scorm-section .face{position:absolute;top:0;left:0}.scorm-section .face.outer{background-image:linear-gradient(155deg,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 38%),linear-gradient(155deg,var(--sil-1) 0,var(--sil-2) 46%,var(--sil-3) 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.55),inset 0 -22px 38px rgba(120,132,154,.18)}.scorm-section .f-front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2))}.scorm-section .f-back{width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d) / 2));background:linear-gradient(155deg,var(--sil-2),var(--sil-4))}.scorm-section .f-right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2));background-image:linear-gradient(155deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 40%),linear-gradient(155deg,var(--sil-2) 0,var(--sil-3) 50%,var(--sil-4) 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),inset 0 -22px 40px rgba(120,132,154,.22)}.scorm-section .f-left,.scorm-section .f-right{width:var(--d);height:var(--h);left:calc(var(--w)/2 - var(--d)/2)}.scorm-section .f-left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(155deg,var(--sil-3),var(--sil-4))}.scorm-section .f-bottom{width:var(--w);height:var(--d);top:calc(var(--h)/2 - var(--d)/2);transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background:linear-gradient(155deg,var(--sil-3),var(--sil-5))}.scorm-section .inwall{position:absolute;top:0;left:0;background:linear-gradient(180deg,var(--inside) 0,var(--inside-deep) 100%)}.scorm-section .in-back{width:calc(var(--w) - 16px);height:calc(var(--h) - 14px);left:8px;top:0;transform:translateZ(calc(-1 * var(--d) / 2 + 12px));box-shadow:inset 0 18px 30px rgba(90,100,118,.35)}.scorm-section .in-right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 8px));background:linear-gradient(180deg,var(--inside-deep),#9099a6);box-shadow:inset 0 18px 30px rgba(90,100,118,.4)}.scorm-section .in-left,.scorm-section .in-right{width:calc(var(--d) - 24px);height:calc(var(--h) - 14px);left:calc(var(--w)/2 - var(--d)/2 + 12px)}.scorm-section .in-left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2 - 8px));background:linear-gradient(180deg,var(--inside),var(--inside-deep))}.scorm-section .in-bottom{width:calc(var(--w) - 16px);height:calc(var(--d));left:8px;top:calc(var(--h)/2 - var(--d)/2);transform:rotateX(-90deg) translateZ(calc(-1 * var(--h) / 2 + 8px));background:radial-gradient(120% 90% at 50% 0,rgba(255,255,255,.25),transparent 60%),linear-gradient(180deg,#b9c0cb,#aab2bf)}.scorm-section .rim{position:absolute;left:0;background:linear-gradient(180deg,#ffffff,var(--sil-3));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9)}.scorm-section .rim-front{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.scorm-section .rim-back,.scorm-section .rim-front{width:var(--w);height:15px;top:calc(-1*var(--h)/2);transform-origin:top center}.scorm-section .rim-back{transform:rotateX(90deg) translateZ(calc(var(--h) / 2)) translateY(calc(-1 * var(--d) + 15px));background:linear-gradient(180deg,#eef1f6,var(--sil-4))}.scorm-section .rim-left{transform-origin:top center;transform:rotate(90deg) rotateX(90deg) translateZ(calc(var(--h) / 2));background:linear-gradient(180deg,#f6f8fb,var(--sil-3))}.scorm-section .rim-left,.scorm-section .rim-right{width:var(--d);height:15px;left:calc(var(--w)/2 - var(--d)/2);top:calc(-1*var(--h)/2)}.scorm-section .rim-right{transform-origin:top center;transform:rotate(-90deg) rotateX(90deg) translateZ(calc(var(--h) / 2));background:linear-gradient(180deg,#ffffff,var(--sil-3))}.scorm-section .label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:translateZ(.5px)}.scorm-section .label .word{font-weight:800;letter-spacing:.16em;font-size:38px;color:#23262d;text-shadow:0 1px 0 hsla(0,0%,100%,.7)}.scorm-section .label .word .reg{font-size:.42em;vertical-align:super;font-weight:700;color:#727a88}.scorm-section .label .sub{display:flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.34em;font-weight:600;color:#7a8290;text-transform:uppercase}.scorm-section .label .sub:after,.scorm-section .label .sub:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,#aab2bf,transparent)}.scorm-section .label .ver{margin-top:2px;font-size:8px;letter-spacing:.28em;font-weight:600;color:#9aa2b0}.scorm-section .sticker{position:absolute;top:16px;left:16px;width:64px;height:42px;border-radius:4px;background:linear-gradient(180deg,#ffffff,#eef1f6);box-shadow:0 1px 3px rgba(120,132,154,.25),inset 0 0 0 1px hsla(0,0%,100%,.7);display:flex;flex-direction:column;gap:3px;padding:6px;transform:translateZ(.6px)}.scorm-section .sticker .bars{display:flex;gap:1.5px;height:14px;align-items:stretch}.scorm-section .sticker .bars i{display:block;background:#3a3f49;width:2px}.scorm-section .sticker .bars i:nth-child(2n){width:1px;background:#5b616d}.scorm-section .sticker .bars i:nth-child(3n){width:3px}.scorm-section .sticker .ln{height:2px;border-radius:2px;background:#c7cdd8}.scorm-section .sticker .ln.s{width:60%}.scorm-section .thumb{--tw:236px;width:var(--tw);height:calc(var(--tw)*.553);border-radius:12px;overflow:hidden;background:#0c0c0e;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 18px 40px -14px rgba(40,52,74,.5),0 4px 12px -4px rgba(40,52,74,.3);position:relative;outline:1px solid hsla(0,0%,100%,.7)}.scorm-section .thumb img{width:100%;height:100%;object-fit:cover;display:block}.scorm-section .thumb:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,0) 30%);pointer-events:none}.scorm-section .thumb .pill{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;color:#1c1f25;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.18)}.scorm-section .thumb .pill .dot{width:6px;height:6px;border-radius:50%;background:#2f6bff;box-shadow:0 0 0 3px rgba(47,107,255,.18)}.scorm-section .floater{position:absolute;z-index:40;opacity:0;will-change:transform,opacity}.scorm-section .floater .bob{animation:bob 7s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--rot, 0deg) + .6deg))}}.scorm-section .f-a{top:118px;left:54px;--rot:-6deg}.scorm-section .f-b{top:66px;right:50px;left:auto;--rot:7deg}.scorm-section.in-view .f-a{animation:fly-a 1.5s cubic-bezier(.16,.84,.3,1) .15s both}.scorm-section.in-view .f-b{animation:fly-b 1.6s cubic-bezier(.16,.84,.3,1) .5s both}@keyframes fly-a{0%{opacity:0;transform:translate3d(-380px,-220px,0) scale(.6) rotate(-22deg)}60%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1) rotate(var(--rot))}}@keyframes fly-b{0%{opacity:0;transform:translate3d(420px,-200px,0) scale(.6) rotate(20deg)}60%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1) rotate(var(--rot))}}.scorm-section .f-inside{position:absolute;left:50%;top:50%;width:228px;height:126px;margin-left:-114px;margin-top:-63px;transform-style:preserve-3d;opacity:0;translate:0 -86px 92px;rotate:1 0 0 4deg}.scorm-section.in-view .f-inside{animation:drop-in 1.5s cubic-bezier(.2,.7,.25,1) 1s both}.scorm-section .f-inside .bob2{animation:bob2 8s ease-in-out 1.2s infinite}@keyframes bob2{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-260px) scale(.85)}55%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}.scorm-section .f-inside .thumb{--tw:228px;border-radius:10px;box-shadow:0 20px 30px -12px rgba(30,40,60,.55),inset 0 0 0 1px hsla(0,0%,100%,.5)}.scorm-section .contact{position:absolute;left:50%;bottom:118px;width:420px;height:74px;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(86,98,120,.34) 0,rgba(86,98,120,.12) 45%,rgba(86,98,120,0) 72%);filter:blur(4px);z-index:1;animation:shadowPulse 9s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:.9}50%{transform:translateX(-50%) scale(.9);opacity:.7}}.scorm-section .fog{position:absolute;left:50%;top:246px;width:486px;height:150px;transform:translateX(-50%);z-index:36;pointer-events:none;opacity:0}.scorm-section.in-view .fog{animation:fogIn 1.8s ease 1.25s both}@keyframes fogIn{0%{opacity:0}to{opacity:1}}.scorm-section .fog .puff{position:absolute;border-radius:50%;filter:blur(20px);will-change:transform}.scorm-section .fog .p1{left:2%;top:14%;width:64%;height:78%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.92),rgba(246,249,253,0) 72%);animation:fogDrift1 12s ease-in-out infinite}.scorm-section .fog .p2{right:1%;top:6%;width:60%;height:86%;background:radial-gradient(50% 50% at 50% 50%,rgba(228,236,246,.85),rgba(246,249,253,0) 72%);animation:fogDrift2 14s ease-in-out infinite}@keyframes fogDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(16px,-5px) scale(1.09)}}@keyframes fogDrift2{0%,to{transform:translate(0) scale(1.06)}50%{transform:translate(-13px,4px) scale(1)}}@media(prefers-reduced-motion:reduce){.scorm-section .box,.scorm-section .box-rig,.scorm-section .contact,.scorm-section .f-inside .bob2,.scorm-section .floater,.scorm-section .floater .bob,.scorm-section .fog .puff{animation:none!important}.scorm-section .f-inside,.scorm-section .floater{opacity:1!important}.scorm-section .fog{opacity:.9!important}.scorm-section .f-a{transform:rotate(-6deg)}.scorm-section .f-b{transform:rotate(7deg)}}@media print{.scorm-section .box,.scorm-section .box-rig,.scorm-section .contact,.scorm-section .f-inside,.scorm-section .f-inside .bob2,.scorm-section .floater,.scorm-section .floater .bob{animation:none!important}.scorm-section .f-inside,.scorm-section .floater{opacity:1!important}.scorm-section .f-a{transform:rotate(-6deg)}.scorm-section .f-b{transform:rotate(7deg)}.scorm-section .fog,.scorm-section canvas#particles{display:none}}