.vpo{color:#0b1d3f;container:vpo/inline-size;font-family:Sora,system-ui,sans-serif;margin:0 auto;max-width:1240px;padding:24px 16px}.vpo *{box-sizing:border-box}.vpo-layout{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.vpo-wheel{container-type:inline-size;min-width:0}.vpo-stage{aspect-ratio:100/62;position:relative;width:100%}.vpo-ring{background:radial-gradient(circle,#eaf9fe 0,#d6f2fc 62%,#c4ebf9 100%);border-radius:50%;box-shadow:0 40px 90px -50px rgba(8,23,51,.45);height:50cqw;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:50cqw}.vpo-ring:after,.vpo-ring:before{animation:vpo-drift 14s ease-in-out infinite alternate;background:radial-gradient(closest-side,hsla(0,0%,100%,.8),hsla(0,0%,100%,0));border-radius:50%;content:"";height:70%;position:absolute;width:70%}.vpo-ring:before{left:-10%;top:-12%}.vpo-ring:after{animation-direction:alternate-reverse;animation-duration:19s;bottom:-16%;right:-12%}.vpo-orbit{animation:vpo-spin 36s linear infinite;border-color:#3fd0ff rgba(63,208,255,.35) transparent transparent;border-radius:50%;border-style:solid;border-width:2px;height:50cqw;margin:-25cqw 0 0 -25cqw;width:50cqw}.vpo-hub,.vpo-orbit{left:50%;position:absolute;top:50%}.vpo-hub{align-items:center;background:linear-gradient(160deg,#10295a,#081733);border-radius:50%;box-shadow:0 0 0 1.2cqw hsla(0,0%,100%,.75),0 24px 60px -16px rgba(8,23,51,.55);color:#f2f7ff;display:flex;flex-direction:column;height:26cqw;justify-content:center;text-align:center;transform:translate(-50%,-50%);width:26cqw;z-index:1}.vpo-hub:after{animation:vpo-ripple 4.5s ease-out infinite;border:2px solid #3fd0ff;border-radius:50%;content:"";inset:-1.2cqw;pointer-events:none;position:absolute}.vpo-hub-name{font-size:3.3cqw;font-weight:700;letter-spacing:-.03em;line-height:1}.vpo-accent{color:#3fd0ff}.vpo-hub-wave{animation:vpo-wave 6s ease-in-out infinite;color:#7fe0ff;height:auto;margin-top:1cqw;width:5.5cqw}.vpo-hub-sub{color:#8fb0d6;font-size:1.3cqw;font-weight:600;letter-spacing:.04em;margin-top:1cqw}.vpo-hub-sub b{color:#f2f7ff}.vpo-item{height:0;position:absolute;width:0;z-index:2}.vpo-slot-1{left:25%;top:50%}.vpo-slot-2{left:37.5%;top:15.1%}.vpo-slot-3{left:62.5%;top:15.1%}.vpo-slot-4{left:75%;top:50%}.vpo-slot-5{left:62.5%;top:84.9%}.vpo-slot-6{left:37.5%;top:84.9%}.vpo-trigger{appearance:none;-webkit-appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;height:0;left:0;margin:0;padding:0;position:absolute;text-align:left;top:0;width:0;-webkit-tap-highlight-color:transparent}.vpo-trigger:focus{outline:none}.vpo-sat{animation:vpo-float 7s ease-in-out infinite;background:linear-gradient(160deg,#0e2349,#07142e);border-radius:50%;box-shadow:0 0 0 .7cqw #fff,0 16px 40px -12px rgba(8,23,51,.45);display:grid;height:8cqw;left:0;overflow:hidden;place-items:center;position:absolute;top:0;transition:scale .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;translate:-50% -50%;width:8cqw}.vpo-sat img{display:block;height:100%;object-fit:cover;width:100%}.vpo-sat svg{color:#3fd0ff;height:44%;width:44%}.vpo-item.is-open .vpo-sat,.vpo-item:hover .vpo-sat{box-shadow:0 0 0 .7cqw #fff,0 0 0 calc(.7cqw + 2px) #3fd0ff,0 20px 50px -12px rgba(8,23,51,.5);scale:1.06}.vpo-trigger:focus-visible .vpo-sat{outline:3px solid #0a7fa8;outline-offset:calc(.7cqw + 4px)}.vpo-label{align-items:center;display:flex;flex-direction:row;gap:1cqw;left:4.4cqw;position:absolute;right:auto;top:0;transform:translateY(-50%);white-space:nowrap;width:max-content}.vpo-slot-1 .vpo-label,.vpo-slot-2 .vpo-label,.vpo-slot-6 .vpo-label{left:-4.4cqw;transform:translate(-100%,-50%)}.vpo-slot-1 .vpo-label:before,.vpo-slot-2 .vpo-label:before,.vpo-slot-6 .vpo-label:before{order:3}.vpo-label:before{background:#3fd0ff;border-radius:2px;content:"";height:2px;width:2.4cqw}.vpo-dot{background:#0b1d3f;border-radius:50%;display:grid;flex:none;height:2.8cqw;min-height:24px;min-width:24px;place-items:center;position:relative;width:2.8cqw}.vpo-dot:before{background:#3fd0ff;border-radius:50%;content:"";height:34%;transition:transform .3s,background .3s;width:34%}.vpo-dot:after{animation:vpo-ping 2.6s ease-out infinite;border:2px solid #3fd0ff;border-radius:50%;content:"";inset:0;position:absolute}.vpo-slot-2 .vpo-dot:after{animation-delay:-.5s}.vpo-slot-3 .vpo-dot:after{animation-delay:-1s}.vpo-slot-4 .vpo-dot:after{animation-delay:-1.5s}.vpo-slot-5 .vpo-dot:after{animation-delay:-2s}.vpo-slot-6 .vpo-dot:after{animation-delay:-2.3s}.vpo-item.is-open .vpo-dot:before,.vpo-item:hover .vpo-dot:before{background:#fff;transform:scale(1.5)}.vpo-name{color:#0b1d3f;font-size:clamp(14px,2.4cqw,24px);font-weight:700;letter-spacing:-.01em;line-height:1.15;transition:color .3s}.vpo-name em{color:#0a7fa8;font-style:normal}.vpo-side{min-width:0}.vpo-hint{align-items:center;color:#0a7fa8;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.vpo-hint:before{background:#3fd0ff;border-radius:2px;content:"";height:2px;width:28px}.vpo-panel{position:relative}.vpo-detail{background:#fff;border-radius:22px;box-shadow:0 30px 70px -28px rgba(8,23,51,.4),0 0 0 1px rgba(11,29,63,.06);left:0;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateY(10px);transition:opacity .35s,transform .35s,visibility 0s linear .35s;visibility:hidden;width:100%}.vpo-detail.is-active{opacity:1;position:relative;transform:none;transition:opacity .35s,transform .35s;visibility:visible}.vpo-detail-media{aspect-ratio:16/9;background:linear-gradient(160deg,#10295a,#081733);display:grid;place-items:center}.vpo-detail-media img{display:block;height:100%;object-fit:cover;width:100%}.vpo-detail-media svg{color:#3fd0ff;height:72px;width:72px}.vpo-detail-body{padding:26px 28px 30px}.vpo-detail-title{color:#0b1d3f;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.vpo-detail-title em{color:#0a7fa8;font-style:normal}.vpo-detail-text{color:#3a4a63;font-size:16px;line-height:1.6;margin:0}.vpo-more{align-items:center;color:#0a7fa8;display:inline-flex;font-size:15px;font-weight:600;gap:6px;margin-top:16px;text-decoration:none}.vpo-more:hover{text-decoration:underline}.vpo-pop{background:#fff;border-radius:18px;box-shadow:0 20px 50px -24px rgba(8,23,51,.45),0 0 0 1px rgba(11,29,63,.06);display:none;margin-top:8px;overflow:hidden;position:relative}.vpo-pop-media{background:linear-gradient(160deg,#10295a,#081733);display:grid;height:180px;place-items:center}.vpo-pop-media img{display:block;height:100%;object-fit:cover;width:100%}.vpo-pop-media svg{color:#3fd0ff;height:56px;width:56px}.vpo-pop-body{padding:18px 20px 20px}.vpo-pop-title{color:#0b1d3f;font-size:20px;font-weight:700;margin:0 0 6px}.vpo-pop-title em{color:#0a7fa8;font-style:normal}.vpo-pop-text{color:#3a4a63;font-size:15px;line-height:1.55;margin:0}.vpo-close{background:#fff;border:0;border-radius:50%;box-shadow:0 4px 12px rgba(8,23,51,.2);color:#0b1d3f;cursor:pointer;display:grid;height:44px;place-items:center;position:absolute;right:10px;top:10px;width:44px}.vpo-close:focus-visible{outline:3px solid #0a7fa8;outline-offset:2px}@container vpo (max-width:979px){.vpo-layout{gap:28px;grid-template-columns:1fr}.vpo-side{margin:0 auto;max-width:560px;width:100%}.vpo-detail-media{aspect-ratio:16/8}}@container vpo (max-width:720px){.vpo-side{display:none}.vpo-stage{aspect-ratio:auto;display:flex;flex-direction:column;gap:12px}.vpo-orbit,.vpo-ring{display:none}.vpo-hub{box-shadow:0 0 0 12px #e6f7fd,0 20px 50px -16px rgba(8,23,51,.5);height:200px;left:auto;margin:12px auto 26px;position:relative;top:auto;transform:none;width:200px}.vpo-hub:after{inset:-12px}.vpo-hub-name{font-size:26px}.vpo-hub-wave{margin-top:8px;width:42px}.vpo-hub-sub{font-size:12px;margin-top:8px}.vpo-item{left:auto;top:auto;width:auto}.vpo-item,.vpo-trigger{height:auto;position:relative}.vpo-trigger{align-items:center;background:#fff;border-radius:18px;box-shadow:0 0 0 1px #e3ecf5,0 10px 24px -18px rgba(8,23,51,.4);display:flex;gap:14px;min-height:84px;padding:10px 16px 10px 10px;width:100%}.vpo-trigger:focus-visible{box-shadow:0 0 0 3px #0a7fa8}.vpo-sat{animation:none;box-shadow:0 0 0 3px #fff,0 0 0 4px #d6f2fc;flex:none;height:64px;left:auto;position:relative;top:auto;translate:none;width:64px}.vpo-item.is-open .vpo-sat,.vpo-item:hover .vpo-sat{box-shadow:0 0 0 3px #fff,0 0 0 5px #3fd0ff;scale:1}.vpo-label,.vpo-slot-1 .vpo-label,.vpo-slot-2 .vpo-label,.vpo-slot-6 .vpo-label{flex:1;flex-direction:row;gap:12px;justify-content:space-between;position:static;transform:none;white-space:normal;width:auto}.vpo-label:before{display:none}.vpo-name{font-size:18px;order:1}.vpo-name br{display:none}.vpo-dot{height:30px;order:2;width:30px}.vpo-item.is-open .vpo-pop{animation:vpo-open .25s ease-out;display:block}}@container vpo (min-width:721px){.vpo .vpo-item.vpo-slot-1 .vpo-label,.vpo .vpo-item.vpo-slot-2 .vpo-label,.vpo .vpo-item.vpo-slot-6 .vpo-label{flex-direction:row!important;left:-4.4cqw!important;position:absolute!important;right:auto!important;transform:translate(-100%,-50%)!important;translate:none!important}.vpo .vpo-item.vpo-slot-3 .vpo-label,.vpo .vpo-item.vpo-slot-4 .vpo-label,.vpo .vpo-item.vpo-slot-5 .vpo-label{flex-direction:row!important;left:4.4cqw!important;position:absolute!important;right:auto!important;transform:translateY(-50%)!important;translate:none!important}}@keyframes vpo-spin{to{transform:rotate(1turn)}}@keyframes vpo-drift{to{transform:translate(18%,12%) scale(1.12)}}@keyframes vpo-ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}@keyframes vpo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vpo-wave{0%,to{transform:translateX(-3px)}50%{transform:translateX(3px)}}@keyframes vpo-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes vpo-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vpo *,.vpo :after,.vpo :before{animation:none!important;transition:none!important}}