.package-helper-launch{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;width:min(680px,100%);min-height:105px;margin:24px auto 12px;padding:17px 24px;border:1px solid rgba(104,229,255,.82);border-radius:26px;color:#fff;background:linear-gradient(135deg,rgba(16,92,148,.96),rgba(86,68,194,.96),rgba(191,54,164,.94));box-shadow:0 18px 42px rgba(36,61,180,.4),0 0 30px rgba(67,219,255,.18);cursor:pointer;overflow:visible;isolation:isolate}
.package-helper-launch::before{content:"";position:absolute;inset:-2px;border-radius:28px;padding:2px;background:linear-gradient(90deg,#55e8ff,#a96bff,#ff65bd,#ffe86a,#55e8ff);background-size:260% auto;animation:helper-border 5s linear infinite;z-index:-1;filter:drop-shadow(0 0 9px rgba(90,221,255,.72));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.helper-robot{display:block;font-size:58px;line-height:1;transform-origin:50% 90%;animation:robot-dance 1.15s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(0,0,0,.34))}
.helper-speech{position:relative;padding:13px 18px;border:1px solid rgba(255,255,255,.28);border-radius:17px;background:rgba(5,19,53,.58);font-size:clamp(17px,2vw,22px);font-weight:900;line-height:1.4;text-align:center}
.helper-speech::after{content:"";position:absolute;top:50%;inset-inline-start:-11px;width:20px;height:20px;border-inline-start:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28);background:rgba(5,19,53,.84);transform:translateY(-50%) rotate(45deg)}
[dir="rtl"] .helper-speech::after{transform:translateY(-50%) rotate(225deg)}
.package-helper-flow{width:min(980px,96%);margin:auto;padding:12px 0 30px}.package-helper-flow>.bubble{width:min(760px,100%);margin:0 auto 20px;text-align:center}
.package-helper-form{padding:22px;border:1px solid rgba(106,222,255,.52);border-radius:25px;background:linear-gradient(145deg,rgba(14,41,79,.96),rgba(44,27,92,.95));box-shadow:0 22px 50px rgba(0,5,26,.44),0 0 36px rgba(117,63,255,.15)}
.magic-question{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;text-align:center}.magic-question span{font-size:28px;animation:magic-spark 1.8s ease-in-out infinite alternate}.magic-question span:last-child{animation-delay:.7s}.magic-question h2{margin:0;color:#fff;font-size:clamp(23px,3vw,34px)}
.helper-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.helper-option{position:relative;display:grid;grid-template-columns:34px 42px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:13px 16px;border:1px solid rgba(108,207,255,.32);border-radius:17px;background:rgba(4,21,51,.58);color:#eaf5ff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.helper-option:hover{transform:translateY(-2px);border-color:#74e7ff}.helper-option input{position:absolute;opacity:0;pointer-events:none}.helper-check{display:grid;place-items:center;width:29px;height:29px;border:2px solid #76dfff;border-radius:9px;color:transparent;background:rgba(4,17,40,.74);font-weight:900}.helper-option b{font-size:28px;text-align:center}.helper-option strong{font-size:16px;line-height:1.35}.helper-option:has(input:checked){border-color:#7ff3d1;background:linear-gradient(135deg,rgba(12,88,104,.8),rgba(71,49,141,.82));box-shadow:0 0 22px rgba(80,224,208,.2)}.helper-option input:checked+.helper-check{color:#05152e;background:#70f0cf;border-color:#b5ffec;box-shadow:0 0 14px rgba(83,245,208,.58)}
.helper-error{margin:15px 0 0;padding:10px;border:1px solid #ff8b8b;border-radius:12px;background:rgba(112,18,39,.55);color:#ffd8df;text-align:center;font-weight:800}.helper-submit,.helper-reset{display:block;width:min(560px,100%);margin:20px auto 0;padding:16px;border:1px solid #84f5ff;border-radius:16px;color:#fff;background:linear-gradient(90deg,#1b8fc5,#674fd8,#c445ae);font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 13px 30px rgba(53,78,204,.35);transition:transform .2s ease,filter .2s ease}.helper-submit:hover,.helper-reset:hover{transform:translateY(-2px);filter:brightness(1.13)}
.selected-needs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px}.selected-needs span{padding:8px 12px;border:1px solid rgba(116,227,255,.4);border-radius:999px;background:rgba(11,44,82,.76);color:#dff8ff;font-weight:750}
.helper-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.helper-result-card{--match:#67dcff;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:15px;min-height:180px;padding:18px;border:1px solid var(--match);border-radius:22px;background:linear-gradient(145deg,rgba(10,35,68,.95),rgba(35,27,82,.95));box-shadow:0 16px 38px rgba(0,6,25,.38),0 0 22px color-mix(in srgb,var(--match) 15%,transparent)}.helper-result-card img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.helper-result-card h2{margin:0 0 7px;color:#fff;font-size:clamp(22px,2.6vw,30px)}.helper-result-card strong{display:block;color:var(--match);font-size:27px}.helper-result-card p{margin:8px 0 0;color:#dceaff;line-height:1.5}.result-super{--match:#8bea63}.result-platinum{--match:#bd77ff}.result-diamond{--match:#ffad42}
@keyframes robot-dance{0%,100%{transform:translateY(0) rotate(-7deg) scale(1)}25%{transform:translateY(-8px) rotate(7deg) scale(1.05)}50%{transform:translateY(0) rotate(-4deg) scale(.98)}75%{transform:translateY(-6px) rotate(6deg) scale(1.04)}}@keyframes helper-border{to{background-position:260% center}}@keyframes magic-spark{to{transform:scale(1.28) rotate(20deg);filter:drop-shadow(0 0 9px #fff)}}
@media(max-width:700px){.helper-options,.helper-result-grid{grid-template-columns:1fr}.package-helper-form{padding:15px}.helper-result-card{grid-template-columns:95px minmax(0,1fr);min-height:145px}.helper-result-card img{width:95px;height:95px}}
@media(max-width:480px){.package-helper-launch{gap:9px;padding:13px;min-height:90px}.helper-robot{font-size:48px}.helper-speech{padding:11px;font-size:15px}.helper-option{grid-template-columns:30px 34px minmax(0,1fr);padding:10px;min-height:68px}.helper-option b{font-size:23px}.helper-result-card{grid-template-columns:78px minmax(0,1fr);padding:13px}.helper-result-card img{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){.helper-robot,.package-helper-launch::before,.magic-question span{animation:none}}