@import"https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush:wght@400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f4ef;min-height:100vh;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;position:relative}.image-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f0f0;padding:20px}.image-container{position:relative;max-width:480px;width:100%;height:auto}.landing-image{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 30px #0003;cursor:pointer;transition:transform .3s ease}.landing-image:hover{transform:scale(1.02)}.tap-anywhere-text{position:absolute;bottom:60px;left:50%;transform:translate(-50%);font-family:Fredoka One,cursive;font-size:clamp(18px,4.5vw,24px);color:#004aad;text-shadow:2px 2px 4px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 20px rgba(0,74,173,.3);z-index:100;pointer-events:none;animation:flyAround 8s ease-in-out infinite;white-space:nowrap;letter-spacing:2px;text-transform:uppercase;font-weight:900;-webkit-text-stroke:1px #004aad;text-stroke:1px #004aad;-webkit-font-smoothing:antialiased;filter:drop-shadow(0 0 3px rgba(0,74,173,.5))}@keyframes flyAround{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:.8}25%{transform:translate(-45%) translateY(-20px) rotate(-5deg);opacity:1}50%{transform:translate(-50%) translateY(-10px) rotate(0);opacity:.9}75%{transform:translate(-55%) translateY(-25px) rotate(5deg);opacity:1}to{transform:translate(-50%) translateY(0) rotate(0);opacity:.8}}@media (max-width: 480px){.image-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;padding:0;margin:0;display:flex;align-items:stretch;justify-content:stretch;background:#000;overflow:hidden;-webkit-overflow-scrolling:touch}.image-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;display:flex;align-items:stretch;justify-content:stretch}.landing-image{position:absolute;top:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:cover;object-position:center;border-radius:0;box-shadow:none;border:none;margin:0;padding:0;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.tap-anywhere-text{position:absolute;bottom:80px;left:50%;font-size:20px;letter-spacing:3px;color:#004aad;font-weight:900;animation:flyAround 6s ease-in-out infinite;z-index:1000;text-shadow:3px 3px 6px rgba(255,255,255,.9),0 0 15px rgba(255,255,255,.7),0 0 30px rgba(0,74,173,.5);-webkit-text-stroke:1.5px #004aad;text-stroke:1.5px #004aad;-webkit-font-smoothing:antialiased;filter:drop-shadow(0 0 4px rgba(0,74,173,.6))}}.hello-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:beige;padding:20px}.hello-container{max-width:480px;width:100%;height:auto}.hello-background{position:relative;background:beige;border:3px dashed #87ceeb;border-radius:25px;padding:40px 30px;min-height:600px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 30px #0000001a}.hello-text{font-size:48px;font-weight:900;color:#2196f3;text-align:center;margin-bottom:20px;font-family:Comic Sans MS,cursive,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:2px}.hello-blob{position:relative;width:120px;height:120px;background:linear-gradient(135deg,#87ceeb,#2196f3);border-radius:50% 40%;margin-bottom:30px;border:3px solid #333}.blob-eyes{position:absolute;top:25px;left:50%;transform:translate(-50%);display:flex;gap:12px}.eye{width:12px;height:12px;background:#333;border-radius:50%}.blob-mouth{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:30px;height:15px;border:3px solid #333;border-top:none;border-radius:0 0 30px 30px;background:#fff}.blob-arm{position:absolute;top:30px;right:-20px;width:25px;height:40px;background:linear-gradient(135deg,#87ceeb,#2196f3);border:3px solid #333;border-radius:20px 20px 0 0;transform:rotate(-20deg)}.hello-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 25px #00000026;margin-bottom:30px;width:100%;max-width:300px}.hello-input{width:100%;padding:15px;border:2px solid #2196f3;border-radius:10px;font-size:16px;font-family:Comic Sans MS,cursive,sans-serif;margin-bottom:15px;text-align:center;background:#fff}.hello-input:focus{outline:none;box-shadow:0 0 0 3px #2196f31a}.hello-input::placeholder{color:#999;font-family:Comic Sans MS,cursive,sans-serif}.hello-continue-button{width:100%;background:#2196f3;color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease}.hello-continue-button:hover:not(:disabled){background:#004aad;transform:translateY(-2px);box-shadow:0 4px 15px #2196f34d}.hello-continue-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.name-section{display:flex;align-items:center;margin-bottom:30px;width:100%;max-width:300px}.name-text{font-size:24px;font-weight:700;color:#2196f3;font-family:Comic Sans MS,cursive,sans-serif;margin-right:15px}.name-line{flex:1;height:3px;background:#2196f3;border-radius:2px}.hello-next-button{background:#fff;color:#2196f3;border:3px solid #2196f3;padding:15px 30px;border-radius:15px;font-size:18px;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.hello-next-button:hover{background:#2196f3;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none;padding:100% 20px 20px;gap:300px}.name-input-box{display:flex;flex-direction:column;align-items:center;pointer-events:auto;background:transparent;padding:15px;max-width:280px;width:85%}.name-input{width:100%;padding:8px 0;border:none;border-bottom:3px solid #2196f3;border-radius:0;font-size:18px;font-family:Fredoka One,cursive;background:transparent;color:#2196f3;text-align:center;font-weight:400;margin-bottom:0;outline:none}.name-input:focus{outline:none;border-bottom:4px solid #004aad;transform:scale(1.02)}.name-input::placeholder{color:#87ceeb;font-family:Fredoka One,cursive;font-weight:400}.phone-input-box{display:flex;flex-direction:column;align-items:center;pointer-events:auto;background:transparent;padding:15px;max-width:280px;width:85%}.phone-input{width:100%;padding:8px 0;border:none;border-bottom:3px solid #4caf50;border-radius:0;font-size:18px;font-family:Fredoka One,cursive;background:transparent;color:#4caf50;text-align:center;font-weight:400;margin-bottom:0;outline:none}.phone-input:focus{outline:none;border-bottom:4px solid #388e3c;transform:scale(1.02)}.phone-input::placeholder{color:#81c784;font-family:Fredoka One,cursive;font-weight:400}.phone-next-button{background:transparent;color:#4caf50;padding:12px 35px;border-radius:12px;font-size:18px;font-weight:400;font-family:Fredoka One,cursive;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.3);pointer-events:auto;margin-top:5px}.phone-next-button:hover:not(:disabled){color:#388e3c;transform:translateY(-2px);box-shadow:0 6px 20px #4caf504d}.phone-next-button:disabled{color:#ccc;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #0000001a}.address-input-box{display:flex;flex-direction:column;align-items:center;pointer-events:auto;background:transparent;padding:15px;max-width:280px;width:85%}.address-input{width:100%;padding:8px 0;border:none;border-bottom:3px solid #ffc107;border-radius:0;font-size:18px;font-family:Fredoka One,cursive;background:transparent;color:#ffc107;text-align:center;font-weight:400;margin-bottom:0;outline:none}.address-input:focus{outline:none;border-bottom:4px solid #f57f17;transform:scale(1.02)}.address-input::placeholder{color:#ffecb3;font-family:Fredoka One,cursive;font-weight:400}.address-next-button{background:transparent;color:#ffc107;padding:12px 35px;border-radius:12px;font-size:18px;font-weight:400;font-family:Fredoka One,cursive;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000001a;pointer-events:auto;margin-top:5px}.address-next-button:hover:not(:disabled){color:#f57f17;transform:translateY(-2px);box-shadow:0 6px 20px #ffc1074d}.address-next-button:disabled{color:#ccc;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #0000001a}.mbti-button-group{display:flex;gap:20px;pointer-events:auto}.mbti-yes-button,.mbti-no-button{background:transparent;color:#2196f3;padding:15px 40px;border-radius:15px;font-size:20px;font-weight:400;font-family:Fredoka One,cursive;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000001a;pointer-events:auto;border:3px solid #2196f3}.mbti-yes-button:hover,.mbti-no-button:hover{background:#2196f3;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.mbti-input-box{display:flex;flex-direction:column;align-items:center;pointer-events:auto;background:transparent;padding:15px;max-width:280px;width:85%}.mbti-input{width:100%;padding:8px 0;border:none;border-bottom:3px solid #2196f3;border-radius:0;font-size:18px;font-family:Fredoka One,cursive;background:transparent;color:#2196f3;text-align:center;font-weight:400;margin-bottom:0;outline:none;text-transform:uppercase}.mbti-input:focus{outline:none;border-bottom:4px solid #004aad;transform:scale(1.02)}.mbti-input::placeholder{color:#87ceeb;font-family:Fredoka One,cursive;font-weight:400;text-transform:uppercase}.mbti-input-button-group{display:flex;gap:20px;pointer-events:auto;margin-top:20px}.mbti-forgot-button,.mbti-next-button{background:transparent;color:#2196f3;padding:12px 30px;border-radius:12px;font-size:16px;font-weight:400;font-family:Fredoka One,cursive;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000001a;pointer-events:auto}.mbti-forgot-button:hover,.mbti-next-button:hover:not(:disabled){background:#2196f3;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.mbti-next-button:disabled{color:#ccc;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #0000001a}.mbti-check-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative}.mbti-check-title{position:relative;text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease-out}.mbti-check-text{position:relative;z-index:2}.mbti-check-line{font-family:Fredoka One,cursive;font-size:clamp(48px,12vw,72px);font-weight:900;color:#004aad;margin:10px 0;line-height:1.1;animation:bounceInUp .8s ease-out}.mbti-check-line:nth-child(1){animation-delay:.3s;animation-fill-mode:both}.mbti-check-line:nth-child(2){animation-delay:.5s;animation-fill-mode:both}.mbti-check-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.mbti-check-character{position:absolute;z-index:1;animation:fadeInScale .8s ease-out}.mbti-check-character-above{top:-80px;left:50%;transform:translate(-50%);animation:fadeInScale .8s ease-out .2s both,floatUpDown 3s ease-in-out infinite 1s}.mbti-check-character-left{top:50%;left:-120px;transform:translateY(-50%) rotate(-90deg);animation:fadeInScale .8s ease-out .4s both,floatLeftRight 4s ease-in-out infinite 1.5s}.mbti-check-character-right{top:30%;right:-120px;transform:translateY(-50%) rotate(15deg);animation:fadeInScale .8s ease-out .6s both,floatRightLeft 3.5s ease-in-out infinite 2s}.mbti-check-character-img{width:clamp(80px,15vw,120px);height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:transform .3s ease}.mbti-check-character-img:hover{transform:scale(1.05)}.mbti-check-character-left .mbti-check-character-img{width:clamp(120px,20vw,160px)}.mbti-check-character-right .mbti-check-character-img{width:clamp(100px,18vw,140px)}.mbti-check-buttons{display:flex;gap:20px;animation:fadeInUp .8s ease-out .9s both}.mbti-check-no-button,.mbti-check-yes-button{background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:15px 30px;font-family:Fredoka One,cursive;font-size:18px;font-weight:600;color:#004aad;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:0 2px 8px #0000001a}.mbti-check-no-button:hover,.mbti-check-yes-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #004aad4d;border-color:#004aad;background:#f8f9ff;animation:buttonPulse .6s ease-in-out}.mbti-check-no-button:active,.mbti-check-yes-button:active{transform:translateY(-1px) scale(1.02);box-shadow:0 3px 10px #004aad33}@keyframes floatUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes floatLeftRight{0%,to{transform:translateY(-50%) rotate(-90deg) translate(0)}50%{transform:translateY(-50%) rotate(-90deg) translate(-8px)}}@keyframes floatRightLeft{0%,to{transform:translateY(-50%) rotate(15deg) translate(0)}50%{transform:translateY(-50%) rotate(15deg) translate(8px)}}@keyframes buttonPulse{0%{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(-3px) scale(1.08)}to{transform:translateY(-3px) scale(1.05)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(30px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes selectionPulse{0%{transform:scale(1);box-shadow:0 4px 15px #004aad4d}50%{transform:scale(1.05);box-shadow:0 6px 20px #004aad80}to{transform:scale(1);box-shadow:0 4px 15px #004aad4d}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.mbti-input-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative}.mbti-input-title{text-align:center;margin-bottom:40px;margin-top:-150px;animation:fadeInUp .8s ease-out}.mbti-input-title-line{font-family:Fredoka One,cursive;font-size:clamp(48px,12vw,72px);font-weight:900;color:#004aad;margin:10px 0;line-height:1.1;animation:bounceInUp .8s ease-out}.mbti-input-title-line:nth-child(1){animation-delay:.2s;animation-fill-mode:both}.mbti-input-title-line:nth-child(2){animation-delay:.4s;animation-fill-mode:both}.mbti-input-container{margin-bottom:40px;margin-top:-20px;animation:fadeInUp .8s ease-out .6s both}.mbti-input-field{font-size:clamp(24px,6vw,36px);padding:20px 0;border:none;border-bottom:3px solid #333;background:transparent;transition:all .3s ease;font-family:Fredoka One,cursive;color:#004aad;text-align:center;letter-spacing:2px;width:300px;outline:none;text-transform:uppercase}.mbti-input-field:focus{border-bottom-color:#004aad;border-bottom-width:4px}.mbti-input-field::placeholder{color:#999;font-weight:400;text-transform:none}.mbti-input-buttons{display:flex;gap:20px;animation:fadeInUp .8s ease-out 1s both}.mbti-input-forgot-button{background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:15px 30px;font-family:Fredoka One,cursive;font-size:18px;font-weight:600;color:#004aad;cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 2px 8px #0000001a;text-transform:uppercase}.mbti-input-next-button{border-radius:15px;padding:15px 30px;font-family:Fredoka One,cursive;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 2px 8px #0000001a;text-transform:uppercase;border:2px solid}.mbti-input-next-button.enabled{background:#004aad;border-color:#004aad;color:#fff}.mbti-input-next-button.disabled{background:#f0f0f0;border-color:#e0e0e0;color:#666;opacity:.6;cursor:not-allowed}.mbti-input-forgot-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004aad33;border-color:#004aad;background:#f8f9ff}.mbti-input-next-button.enabled:hover{transform:translateY(-2px);box-shadow:0 4px 12px #004aad4d;background:#003d8a;border-color:#003d8a}.mbti-input-forgot-button:active,.mbti-input-next-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.mbti-input-next-button.disabled:active{transform:none}.mbti-test-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative}.mbti-test-title{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease-out}.mbti-test-title-line{font-family:Caveat Brush,cursive;font-size:clamp(32px,8vw,48px);color:#004aad;font-weight:400;margin:5px 0;transform:rotate(-.5deg)}.mbti-test-title-main{font-family:Fredoka One,cursive;font-size:clamp(64px,16vw,96px);font-weight:900;color:#004aad;margin:10px 0}.mbti-test-characters{margin-bottom:20px;animation:fadeInScale .8s ease-out .4s both}.mbti-test-character-icon{width:clamp(400px,80vw,600px);height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease;z-index:10;position:relative}.mbti-test-character-icon:hover{transform:scale(1.05)}.mbti-test-next-button{background:#fff;border:none;border-radius:25px;padding:16px 35px;font-family:Fredoka One,cursive;font-size:18px;font-weight:800;color:#004aad;cursor:pointer;margin-top:15px;box-shadow:0 6px #004aad,0 8px 15px #0000001a;width:100%;max-width:290px;transition:all .3s ease;position:relative;letter-spacing:2px;text-transform:uppercase;animation:fadeInUp .8s ease-out .6s both}.mbti-test-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #004aad,0 10px 20px #00000026}.mbti-test-next-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px #004aad,0 6px 12px #0000001a}.mbti-test-next-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.mbti-check-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.mbti-check-title{margin-bottom:40px}.mbti-check-line{font-size:36px}.mbti-check-character-above{top:-60px;left:70px;transform:translate(-50%)}.mbti-check-character-left{left:-37px;transform:translateY(-50%) rotate(-90deg)}.mbti-check-character-right{right:-70px;transform:translateY(-50%) rotate(15deg)}.mbti-check-character-img{width:140px}.mbti-check-character-left .mbti-check-character-img{width:45px}.mbti-check-character-right .mbti-check-character-img{width:155px}.mbti-check-buttons{gap:15px}.mbti-check-no-button,.mbti-check-yes-button{padding:12px 25px;font-size:16px;min-width:80px}}@media (max-width: 480px){.mbti-input-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.mbti-input-title{margin-bottom:30px;margin-top:-120px}.mbti-input-title-line{font-size:36px}.mbti-input-container{margin-bottom:30px;margin-top:-10px}.mbti-input-field{font-size:20px;width:250px;padding:15px 0;margin-top:120px}.mbti-input-buttons{gap:15px}.mbti-input-forgot-button,.mbti-input-next-button{padding:12px 20px;font-size:16px;min-width:90px}}@media (max-width: 480px){.mbti-test-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.mbti-test-title{margin-bottom:60px}.mbti-test-title-line{font-size:28px}.mbti-test-title-main{font-size:56px}.mbti-test-character-icon{width:430px;z-index:10;position:relative}.mbti-test-characters{margin-bottom:15px}.mbti-test-next-button{padding:16px 35px;font-size:18px;max-width:290px;margin-top:-100px;z-index:1;position:relative}}.page9-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden;border:2px solid #8b4513}.page9-back-button{position:absolute;top:20px;left:20px;width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;animation:fadeInLeft .6s ease-out .2s both}.page9-back-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page9-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;min-width:40px;text-align:center;animation:fadeInRight .6s ease-out .3s both}.page9-question{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:80px 0 40px;text-align:center;padding:0 20px;animation:fadeInUp .8s ease-out .4s both}.page9-question-line{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;line-height:1.2;margin:5px 0;animation:bounceInUp .8s ease-out}.page9-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page9-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page9-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page9-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);display:flex;flex-direction:row;align-items:center;gap:20px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;margin:20px auto;position:relative;min-height:300px;animation:fadeInScale .8s ease-out .8s both}.page9-options-wrapper{display:flex;flex-direction:column;gap:15px;flex:1}.page9-character{position:absolute;right:-40px;top:-20%;transform:translateY(-50%) rotate(-15deg);z-index:2}.page9-character-img{width:clamp(200px,30vw,300px);height:auto;max-width:300px}.page9-option-box{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page9-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page9-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page9-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page9-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page9-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page9-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.page9-next-button{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;max-width:500px;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:fadeInUp .8s ease-out 1.3s both}.page9-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page9-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page9-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page9-question{margin:50px 0 20px}.page9-question-line{font-size:30px;text-align:left;margin-left:-50px}.page9-options-container{padding:15px;gap:12px;min-height:auto;max-width:300px;margin:-15px auto 20px}.page9-character{right:-60px;top:-20;transform:translateY(-50%) rotate(-15deg)}.page9-character-img{width:150px}.page9-option-box{padding:15px;min-height:45px;font-size:14px;max-width:320px;margin:0 auto}.page9-next-button{margin:15px auto 0;padding:15px 30px;min-height:50px;font-size:14px;max-width:300px}}@media (min-width: 768px){.page9-template{padding:40px}.page9-question{margin:100px 0 60px}.page9-options-container{padding:40px;min-height:350px}.page9-character{right:-25px;top:-30%;transform:translateY(-50%) rotate(-15deg)}.page9-character-img{width:340px}.page9-option-box{padding:30px;min-height:70px;max-width:450px;margin:0 auto}.page9-next-button{max-width:450px;margin:30px auto 0}}@media (min-width: 1024px){.page9-template{padding:60px}.page9-options-container{min-height:400px}.page9-character{right:-50px;top:-25%;transform:translateY(-50%) rotate(-15deg)}.page9-character-img{width:300px}.page9-option-box{max-width:500px;margin:0 auto}.page9-next-button{max-width:500px;margin:30px auto 0}}.page10-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden;border:2px solid #8b4513}.page10-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;animation:fadeInLeft .6s ease-out .2s both}.page10-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page10-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;min-width:40px;text-align:center;animation:fadeInRight .6s ease-out .3s both}.page10-question{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;animation:fadeInUp .8s ease-out .4s both}.page10-character{display:flex;justify-content:center;margin:30px 0 50px;width:100%;animation:fadeInScale .8s ease-out .6s both}.page10-character-img{width:clamp(200px,30vw,300px);height:auto;max-width:300px;animation:bounceInUp .8s ease-out .7s both}.page10-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;margin:20px auto;position:relative;min-height:300px;animation:fadeInScale .8s ease-out .8s both}.page10-option-box{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page10-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page10-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page10-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page10-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page10-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page10-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.page10-next-button{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;max-width:500px;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:fadeInUp .8s ease-out 1.3s both}.page10-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page10-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page10-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page10-question{margin:60px 0 0;font-size:24px;color:#004aad;text-align:center}.page10-character{display:flex;justify-content:center;margin:0}.page10-character-img{width:200px}.page10-options-container{padding:15px;gap:12px;min-height:auto;max-width:300px;margin:-15px auto 20px}.page10-option-box{padding:15px;min-height:45px;font-size:14px;max-width:320px;margin:0 auto}.page10-next-button{margin:15px auto 0;padding:15px 30px;min-height:50px;font-size:14px;max-width:300px}}@media (min-width: 768px){.page10-template{padding:40px}.page10-question{margin:100px 0 60px}.page10-character-img{width:250px}.page10-options-container{padding:40px}.page10-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page10-template{padding:60px}.page10-character-img{width:300px}}.page11-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden;border:2px solid #8b4513}.page11-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;animation:fadeInLeft .6s ease-out .2s both}.page11-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page11-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;min-width:40px;text-align:center;animation:fadeInRight .6s ease-out .3s both}.page11-question{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;animation:fadeInUp .8s ease-out .4s both}.page11-character{display:flex;justify-content:center;margin:30px 0 50px;width:100%;animation:fadeInScale .8s ease-out .6s both}.page11-character-img{height:auto;width:100%;max-width:400px;animation:bounceInUp .8s ease-out .7s both}.page11-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;margin:20px auto;position:relative;min-height:300px;animation:fadeInScale .8s ease-out .8s both}.page11-option-box{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page11-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page11-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page11-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page11-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page11-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page11-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.page11-next-button{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;max-width:500px;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:fadeInUp .8s ease-out 1.3s both}.page11-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page11-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page11-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page11-question{margin:50px 0 20px;font-size:30px;text-align:center}.page11-character-img{width:300px;margin-top:-40px}.page11-options-container{padding:15px;gap:12px;min-height:auto;max-width:300px;margin:-15px auto 20px}.page11-option-box{padding:15px;min-height:45px;font-size:14px;max-width:320px;margin:0 auto}.page11-next-button{margin:15px auto 0;padding:15px 30px;min-height:50px;font-size:14px;max-width:300px}}@media (min-width: 768px){.page11-template{padding:40px}.page11-question{margin:100px 0 60px}.page11-character-img{width:300px}.page11-options-container{padding:40px}.page11-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page11-template{padding:60px}.page11-character-img{width:400px}}.page12-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden;border:2px solid #8b4513}.page12-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;animation:fadeInLeft .6s ease-out .2s both}.page12-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page12-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;min-width:40px;text-align:center;animation:fadeInRight .6s ease-out .3s both}.page12-question{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:left;margin:0;text-transform:uppercase;line-height:1.2;flex:1}.page12-question-line{margin-bottom:5px;animation:bounceInUp .8s ease-out}.page12-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page12-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page12-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page12-question-container{display:flex;align-items:flex-start;gap:20px;margin:80px 0 40px;animation:fadeInUp .8s ease-out .4s both}.page12-title-character{flex-shrink:0;display:flex;align-items:center;justify-content:center}.page12-title-character-img{width:clamp(120px,25vw,200px);height:auto;max-width:200px;animation:bounceInUp .8s ease-out .7s both}.page12-character{display:flex;justify-content:center;margin:20px 0 40px;position:relative}.distressed-blob{width:120px;height:100px;background:#90ee90;border:4px solid #228b22;border-radius:50%/60% 60% 40% 40%;position:relative}.blob-eyes{position:absolute;top:25px;left:50%;transform:translate(-50%);display:flex;gap:15px}.eye{width:20px;height:20px;background:#fff;border:2px solid #000;border-radius:50%;position:relative}.pupil{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#004aad;border-radius:50%}.highlight{position:absolute;top:3px;left:3px;width:4px;height:4px;background:#fff;border-radius:50%}.blob-tears{position:absolute;top:45px;left:50%;transform:translate(-50%);display:flex;gap:15px}.tear{width:4px;height:8px;background:#004aad;border-radius:50%/60% 60% 40% 40%}.blob-mouth{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:15px;height:3px;background:#000;border-radius:0 0 15px 15px}.dizzy-effects{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:60px}.swirl{position:absolute;width:20px;height:20px;border:2px solid #ffd700;border-radius:50%;border-top-color:transparent;animation:spin 2s linear infinite}.swirl-1{top:5px;left:10px;animation-delay:0s}.swirl-2{top:15px;right:10px;animation-delay:.5s}.star{position:absolute;width:8px;height:8px;background:gold;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star-1{top:10px;left:30px;animation:twinkle 1.5s ease-in-out infinite}.star-2{top:25px;left:50px;animation:twinkle 1.5s ease-in-out infinite .3s}.star-3{top:35px;left:20px;animation:twinkle 1.5s ease-in-out infinite .6s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.page12-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;margin:20px auto;position:relative;min-height:300px;animation:fadeInScale .8s ease-out .8s both}.page12-option-box{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page12-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page12-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page12-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page12-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page12-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page12-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.page12-next-button{background:#fff;border:none;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;max-width:500px;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:fadeInUp .8s ease-out 1.3s both}.page12-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page12-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page12-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page12-question-container{gap:15px;flex-direction:row;align-items:flex-start;justify-content:space-between}.page12-question{font-size:26px;line-height:1.1;flex:1;text-align:center;margin-left:20px}.page12-question-line{margin-bottom:8px;display:block}.page12-title-character{flex-shrink:0;margin-top:0}.page12-title-character-img{width:165px;margin-top:0}.distressed-blob{width:100px;height:80px}.blob-eyes{top:20px;gap:12px}.eye{width:16px;height:16px}.pupil{width:10px;height:10px}.page12-options-container{padding:15px;gap:12px;min-height:auto;max-width:300px;margin:-15px auto 20px}.page12-option-box{padding:15px;min-height:45px;font-size:14px;max-width:320px;margin:0 auto}.page12-next-button{margin:15px auto 0;padding:15px 30px;min-height:50px;font-size:14px;max-width:300px}}@media (min-width: 768px){.page12-template{padding:40px}.page12-question-container{margin:100px 0 60px;gap:25px}.page12-title-character-img{width:350px}.distressed-blob{width:140px;height:120px}.blob-eyes{top:30px;gap:18px}.eye{width:24px;height:24px}.pupil{width:14px;height:14px}.page12-options-container{padding:40px}.page12-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page12-template{padding:60px}}.page13-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page13-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:18px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700;animation:fadeInLeft .6s ease-out .2s both}.page13-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10;animation:fadeInRight .6s ease-out .3s both}.page13-question{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page13-question-line{margin-bottom:5px;animation:bounceInUp .8s ease-out}.page13-question-line:nth-child(1){animation-delay:.1s}.page13-question-line:nth-child(2){animation-delay:.2s}.page13-question-line:last-child{margin-left:20px}.page13-character-top{position:absolute;top:120px;left:20px;z-index:5;animation:fadeInScale .8s ease-out .6s both}.page13-character-bottom{position:absolute;bottom:120px;right:20px;z-index:5;animation:fadeInScale .8s ease-out .8s both}.page13-character-img{width:clamp(80px,15vw,120px);height:auto;animation:bounceInUp .8s ease-out .7s both}.music-blob{width:80px;height:80px;background:#ffeb3b;border:3px solid #f57f17;border-radius:50%;position:relative}.music-blob.sitting{transform:scaleY(.8)}.blob-headphones{position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:30px}.headphone-left,.headphone-right{position:absolute;width:20px;height:20px;background:#000;border-radius:50%;top:5px}.headphone-left{left:0}.headphone-right{right:0}.headphone-band{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:8px;background:#000;border-radius:4px}.eye-closed{width:12px;height:3px;background:#000;border-radius:2px}.blob-arms{position:absolute;top:45px;left:50%;transform:translate(-50%);display:flex;gap:20px}.arm{width:8px;height:15px;background:#f57f17;border-radius:4px;transform:rotate(-15deg)}.arm.right-arm{transform:rotate(15deg)}.blob-hands{position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.hand-clasp{width:20px;height:12px;background:#f57f17;border-radius:6px}.music-effects{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:100px;height:40px}.music-note{position:absolute;font-size:12px;color:#000;font-weight:700}.note-1{top:5px;left:10px;animation:float 2s ease-in-out infinite}.note-2{top:15px;right:10px;animation:float 2s ease-in-out infinite .5s}.sound-wave{position:absolute;font-size:10px;color:#000;font-weight:700}.wave-1{top:8px;left:30px;animation:pulse 1.5s ease-in-out infinite}.wave-2{top:18px;right:30px;animation:pulse 1.5s ease-in-out infinite .3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.page13-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1;max-width:500px;margin:20px auto;animation:fadeInScale .8s ease-out .8s both}.page13-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page13-option-box:nth-child(1){animation-delay:.1s}.page13-option-box:nth-child(2){animation-delay:.2s}.page13-option-box:nth-child(3){animation-delay:.3s}.page13-option-box:nth-child(4){animation-delay:.4s}.page13-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page13-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #004aad4d}.page13-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;max-width:500px;margin:30px auto 0;animation:fadeInUp .8s ease-out 1.3s both}.page13-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page13-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page13-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page13-x-button{width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;animation:fadeInLeft .6s ease-out .2s both}.page13-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page13-step-indicator{color:#004aad;animation:fadeInRight .6s ease-out .3s both}.page13-question{font-size:28px;text-align:center;color:#004aad;margin-top:70px;animation:fadeInUp .8s ease-out .4s both;margin-left:40px}.page13-question-line{animation:bounceInUp .8s ease-out}.page13-question-line:nth-child(1){animation-delay:.1s}.page13-question-line:nth-child(2){animation-delay:.2s}.page13-character-top{top:70px;left:-30px;animation:fadeInScale .8s ease-out .6s both}.page13-character-bottom{bottom:250px;right:-60px;animation:fadeInScale .8s ease-out .8s both}.page13-character-img{width:180px;animation:bounceInUp .8s ease-out .7s both}.page13-options-container{max-width:300px;margin:20px auto;padding:20px;gap:12px;animation:fadeInScale .8s ease-out .8s both}.page13-option-box{padding:18px;min-height:50px;color:#004aad;animation:slideInUp .6s ease-out}.page13-option-box:nth-child(1){animation-delay:.1s}.page13-option-box:nth-child(2){animation-delay:.2s}.page13-option-box:nth-child(3){animation-delay:.3s}.page13-option-box:nth-child(4){animation-delay:.4s}.page13-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page13-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.page13-next-button{max-width:300px;color:#004aad;animation:fadeInUp .8s ease-out 1.3s both}.page13-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}}@media (min-width: 768px){.page13-template{padding:40px}.page13-question{margin:100px 0 60px}.page13-character-top{top:140px;left:30px}.page13-character-bottom{bottom:140px;right:30px}.page13-character-img{width:100px}.music-blob{width:100px;height:100px}.blob-headphones{width:75px;height:35px}.headphone-left,.headphone-right{width:25px;height:25px}.page13-options-container{padding:40px}.page13-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page13-template{padding:60px}}.page14-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page14-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:18px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700;animation:fadeInLeft .6s ease-out .2s both}.page14-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10;animation:fadeInRight .6s ease-out .3s both}.page14-question{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page14-main-character{position:absolute;top:120px;left:20px;z-index:5;animation:fadeInScale .8s ease-out .6s both}.page14-main-character-img{width:clamp(150px,30vw,250px);height:auto;animation:bounceInUp .8s ease-out .7s both}.party-blob{width:100px;height:120px;background:#87ceeb;border:3px solid #4682b4;border-radius:50%;position:relative}.blob-party-hat{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:30px}.hat-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:15px;background:#8b3dff;border-radius:15px 15px 0 0}.hat-middle{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:20px;height:10px;background:#ffeb3b;border-radius:10px 10px 0 0}.hat-star{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:8px;color:#8b3dff}.blob-eyes{position:absolute;top:30px;left:50%;transform:translate(-50%);display:flex;gap:8px}.eye-line{width:12px;height:2px;background:#000;border-radius:1px}.blob-balloons{position:absolute;top:20px;right:-40px;width:60px;height:80px}.balloon{position:absolute;width:15px;height:20px;border-radius:50%/60% 60% 40% 40%}.yellow-balloon{top:0;left:10px;background:#ffeb3b;border:1px solid #f57f17}.magenta-balloon{top:15px;left:0;background:#e91e63;border:1px solid #ad1457}.blue-balloon{top:30px;left:20px;background:#87ceeb;border:1px solid #4682b4}.balloon-strings{position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:60px;background:#000}.ground-line{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:80px;height:2px;background:#000}.page14-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1;max-width:500px;margin:20px auto;animation:fadeInScale .8s ease-out .8s both}.page14-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page14-option-box:nth-child(1){animation-delay:.1s}.page14-option-box:nth-child(2){animation-delay:.2s}.page14-option-box:nth-child(3){animation-delay:.3s}.page14-option-box:nth-child(4){animation-delay:.4s}.page14-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page14-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #004aad4d}.page14-bottom-characters{position:absolute;bottom:180px;right:20px;display:flex;gap:20px;z-index:5;animation:fadeInScale .8s ease-out .8s both}.page14-bottom-character-img{width:clamp(80px,15vw,120px);height:auto;animation:bounceInUp .8s ease-out .9s both}.party-blob-small{width:60px;height:70px;border-radius:50%;position:relative}.happy-blob{background:#90ee90;border:2px solid #228b22}.purple-blob{background:plum;border:2px solid #9370db}.blob-party-hat-small{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:25px;height:20px}.hat-base-small{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:10px;background:#ffeb3b;border-radius:10px 10px 0 0}.hat-middle-small{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:12px;height:6px;background:#e91e63;border-radius:6px 6px 0 0}.hat-star-small{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:6px;color:#8b3dff}.purple-hat{background:#8b3dff}.yellow-hat{background:#ffeb3b}.pink-star{color:#e91e63}.blob-smile{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:20px;height:8px}.smile-line{width:20px;height:3px;background:#000;border-radius:0 0 20px 20px}.blob-glasses{position:absolute;top:20px;left:50%;transform:translate(-50%);width:30px;height:15px}.glasses-left,.glasses-right{position:absolute;width:12px;height:12px;background:#000;border-radius:50%;top:2px}.glasses-bridge{position:absolute;top:5px;left:50%;transform:translate(-50%);width:6px;height:2px;background:#000}.blob-gift{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:15px}.gift-box{position:relative;width:20px;height:15px}.gift-base{position:absolute;bottom:0;left:0;width:20px;height:10px;background:#4caf50;border-radius:2px}.gift-top{position:absolute;top:0;left:2px;width:16px;height:8px;background:#ffeb3b;border-radius:2px}.gift-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:15px;background:#f44336}.page14-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;max-width:500px;margin:30px auto 0;animation:fadeInUp .8s ease-out 1.3s both}.page14-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page14-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page14-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page14-x-button{width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;animation:fadeInLeft .6s ease-out .2s both}.page14-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page14-step-indicator{color:#004aad;animation:fadeInRight .6s ease-out .3s both}.page14-question{margin-top:70px;text-align:middle;color:#004aad;font-family:Fredoka One,cursive;font-weight:900;line-height:1.1;animation:fadeInUp .8s ease-out .4s both;font-size:25px;position:relative;z-index:2;margin-left:110px}.page14-question-line{font-size:32px;margin-bottom:5px;animation:bounceInUp .8s ease-out}.page14-question-line:nth-child(1){animation-delay:.1s}.page14-question-line:nth-child(2){animation-delay:.2s}.page14-main-character{top:0;left:20px;animation:fadeInScale .8s ease-out .6s both}.page14-main-character-img{width:270px;animation:bounceInUp .8s ease-out .7s both}.page14-bottom-characters{bottom:110px;animation:fadeInScale .8s ease-out .8s both;z-index:5}.page14-bottom-character-img{width:200px;animation:bounceInUp .8s ease-out .9s both}.page14-green-character-img,.page14-purple-character-img{width:120px;margin-left:0}.page14-green-character{position:relative;z-index:6}.page14-purple-character{position:relative;z-index:5}.page14-options-container{max-width:300px;margin:20px auto;padding:20px;gap:12px;animation:fadeInScale .8s ease-out .8s both}.page14-option-box{padding:18px;min-height:50px;color:#004aad;animation:slideInUp .6s ease-out}.page14-option-box:nth-child(1){animation-delay:.1s}.page14-option-box:nth-child(2){animation-delay:.2s}.page14-option-box:nth-child(3){animation-delay:.3s}.page14-option-box:nth-child(4){animation-delay:.4s}.page14-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page14-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.page14-next-button{max-width:300px;color:#004aad;animation:fadeInUp .8s ease-out 1.3s both}.page14-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}}@media (min-width: 768px){.page14-template{padding:40px}.page14-question{margin:100px 0 60px}.page14-main-character{top:140px;left:30px}.page14-main-character-img{width:180px}.page14-bottom-characters{bottom:200px;right:30px;gap:25px}.page14-bottom-character-img{width:90px}.party-blob{width:120px;height:140px}.party-blob-small{width:70px;height:80px}.page14-options-container{padding:40px}.page14-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page14-template{padding:60px}}.otherpatch1-template{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.otherpatch1-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:18px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700;animation:fadeInLeft .6s ease-out .2s both}.otherpatch1-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10;animation:fadeInRight .6s ease-out .3s both}.otherpatch1-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:center;margin:80px auto 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;width:100%;max-width:600px}.otherpatch1-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch1-image{width:clamp(180px,30vw,250px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:-30px;bottom:-20px;z-index:5;pointer-events:none}.otherpatch1-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px auto;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:90%;z-index:1;animation:fadeInScale .8s ease-out .8s both;box-sizing:border-box;position:relative}.otherpatch1-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.otherpatch1-option-box:nth-child(1){animation-delay:.1s}.otherpatch1-option-box:nth-child(2){animation-delay:.2s}.otherpatch1-option-box:nth-child(3){animation-delay:.3s}.otherpatch1-option-box:nth-child(4){animation-delay:.4s}.otherpatch1-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.otherpatch1-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #004aad4d}.otherpatch1-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;max-width:500px;width:90%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;position:relative;z-index:20;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:fadeInUp .8s ease-out 1.3s both;box-sizing:border-box}.otherpatch1-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.otherpatch1-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.otherpatch1-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.otherpatch1-x-button{width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;font-size:18px;font-weight:700;color:#004aad;animation:fadeInLeft .6s ease-out .2s both}.otherpatch1-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.otherpatch1-step-indicator{color:#004aad;animation:fadeInRight .6s ease-out .3s both}.otherpatch1-question{margin-top:70px;text-align:center;color:#004aad;margin-left:auto;margin-right:auto;font-family:Fredoka One,cursive;font-weight:900;line-height:1.1;animation:fadeInUp .8s ease-out .4s both;font-size:18px;position:relative;z-index:2;width:100%;max-width:90%}.otherpatch1-question-line{font-size:20px;margin-bottom:5px;animation:bounceInUp .8s ease-out}.otherpatch1-question-line:nth-child(1){animation-delay:.1s}.otherpatch1-question-line:nth-child(2){animation-delay:.2s}.otherpatch1-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch1-image{width:320px;right:-100px;bottom:-120px;z-index:5;pointer-events:none}.otherpatch1-options-container{max-width:300px;width:90%;margin:20px auto;padding:20px;gap:12px;animation:fadeInScale .8s ease-out .8s both;box-sizing:border-box;position:relative;z-index:1}.otherpatch1-option-box{padding:18px;min-height:50px;color:#004aad;text-align:center;animation:slideInUp .6s ease-out;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.3}.otherpatch1-option-box:nth-child(1){animation-delay:.1s}.otherpatch1-option-box:nth-child(2){animation-delay:.2s}.otherpatch1-option-box:nth-child(3){animation-delay:.3s}.otherpatch1-option-box:nth-child(4){animation-delay:.4s}.otherpatch1-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.otherpatch1-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #004aad4d}.otherpatch1-next-button{max-width:300px;width:90%;margin:30px auto 0;color:#004aad;animation:fadeInUp .8s ease-out 1.3s both;box-sizing:border-box;position:relative;z-index:20;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.otherpatch1-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}}@media (min-width: 768px){.otherpatch1-template{padding:40px}.otherpatch1-question{margin:100px 0 60px}.otherpatch1-options-wrapper{margin:20px auto}.otherpatch1-image{width:280px;right:-30px;bottom:-20px}.otherpatch1-options-container{padding:40px}.otherpatch1-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.otherpatch1-template{padding:60px}}.otherpatch20-question-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;width:100%;max-width:600px;margin:80px auto 40px 0}.otherpatch20-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:left;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;flex:1}.otherpatch20-question-line{margin-bottom:5px}.otherpatch20-image{width:clamp(150px,25vw,200px);height:auto;animation:fadeInScale .8s ease-out .6s both;position:absolute;right:0;top:60px;z-index:1}@media (max-width: 480px){.otherpatch20-question-container{flex-direction:column;align-items:center;gap:20px;margin:50px auto 20px 0;position:relative;padding-bottom:0;width:100%;max-width:100%}.otherpatch20-question{text-align:left;font-size:clamp(20px,5vw,24px);font-weight:900;line-height:1.2;width:100%;margin-left:0;margin-right:0;padding-left:10px}.otherpatch20-question-line{font-size:clamp(22px,5.5vw,26px);margin-bottom:4px;animation:bounceInUp .8s ease-out}.otherpatch20-question-line:nth-child(1){animation-delay:.1s}.otherpatch20-question-line:nth-child(2){animation-delay:.2s}.otherpatch20-question-line:nth-child(3){animation-delay:.3s}.otherpatch20-image{width:180px;height:auto;position:absolute;right:0;top:auto;align-self:flex-end;margin-top:0;margin-bottom:0}}@media (min-width: 768px){.otherpatch20-question-container{margin:100px 0 60px}.otherpatch20-image{width:180px;top:80px}}.otherpatch19-image-container{display:flex;justify-content:center;align-items:center;margin:0;width:100%}.otherpatch19-image{width:clamp(100px,20vw,180px);height:auto;animation:fadeInScale .8s ease-out .6s both}@media (max-width: 480px){.otherpatch19-image-container{margin-top:-40px;margin-bottom:-20px}.otherpatch19-image{width:150px}}@media (min-width: 768px){.otherpatch19-image-container{margin:0}.otherpatch19-image{width:150px}}.otherpatch18-question-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;width:100%;max-width:600px;margin:80px 0 40px auto}.otherpatch18-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:right;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;flex:1;margin-left:auto}.otherpatch18-question-line{margin-bottom:5px}.otherpatch18-image{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .6s both;position:absolute;left:0;top:60px;z-index:1;transform:rotate(10deg)}@media (max-width: 480px){.otherpatch18-question-container{flex-direction:column;align-items:center;gap:20px;margin:50px auto 20px 0;position:relative;padding-bottom:0;width:100%;max-width:100%}.otherpatch18-question{text-align:right;font-size:clamp(20px,5vw,24px);font-weight:900;line-height:1.2;width:100%;margin-left:auto;margin-right:0;padding-right:10px}.otherpatch18-question-line{font-size:clamp(22px,5.5vw,26px);margin-bottom:4px;animation:bounceInUp .8s ease-out}.otherpatch18-question-line:nth-child(1){animation-delay:.1s}.otherpatch18-question-line:nth-child(2){animation-delay:.2s}.otherpatch18-question-line:nth-child(3){animation-delay:.3s}.otherpatch18-question-line:nth-child(4){animation-delay:.4s}.otherpatch18-image{width:120px;height:auto;position:absolute;left:0;top:auto;align-self:flex-start;margin-top:0;margin-bottom:0;transform:rotate(20deg)}}@media (min-width: 768px){.otherpatch18-question-container{margin:100px 0 60px auto}.otherpatch18-image{width:150px;top:80px}}.otherpatch17-question-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;width:100%;max-width:600px;margin:80px auto 40px 0}.otherpatch17-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:left;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;flex:1}.otherpatch17-question-line{margin-bottom:5px}.otherpatch17-image{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .6s both;position:absolute;right:0;top:60px;z-index:1}@media (max-width: 480px){.otherpatch17-question-container{flex-direction:column;align-items:center;gap:20px;margin:50px auto 20px 0;position:relative;padding-bottom:0;width:100%;max-width:100%}.otherpatch17-question{text-align:left;font-size:clamp(20px,5vw,24px);font-weight:900;line-height:1.2;width:100%;margin-left:0;margin-right:0;padding-left:10px}.otherpatch17-question-line{font-size:clamp(22px,5.5vw,26px);margin-bottom:4px;animation:bounceInUp .8s ease-out}.otherpatch17-question-line:nth-child(1){animation-delay:.1s}.otherpatch17-question-line:nth-child(2){animation-delay:.2s}.otherpatch17-question-line:nth-child(3){animation-delay:.3s}.otherpatch17-image{width:180px;height:auto;position:absolute;right:0;top:auto;align-self:flex-end;margin-top:0;margin-bottom:0}}@media (min-width: 768px){.otherpatch17-question-container{margin:100px 0 60px}.otherpatch17-image{width:150px;top:80px}}.otherpatch16-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch16-image{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .8s both;align-self:flex-start;margin-bottom:10px}@media (max-width: 480px){.otherpatch16-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch16-image{width:80px;align-self:flex-start;margin-left:10px;margin-top:-80px;margin-bottom:-80px;z-index:10;position:relative}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch16-options-wrapper{margin:20px auto}.otherpatch16-image{width:130px}}.otherpatch15-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch15-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}@media (max-width: 480px){.otherpatch15-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch15-image{width:150px;right:-30px;top:120px;transform:translateY(-50%);z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch15-options-wrapper{margin:20px auto}.otherpatch15-image{width:200px}}.otherpatch14-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch14-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;left:-30px;top:50%;transform:translateY(-50%);z-index:10}@media (max-width: 480px){.otherpatch14-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch14-image{width:160px;left:-30px;top:40px;transform:translateY(-50%);transform:rotate(20deg);z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch14-options-wrapper{margin:20px auto}.otherpatch14-image{width:200px}}.otherpatch13-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch13-options-wrapper .otherpatch1-options-container{position:relative;z-index:10}.otherpatch13-options-wrapper .otherpatch1-option-box{position:relative;z-index:11;pointer-events:auto;touch-action:manipulation}.otherpatch13-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:-30px;top:50%;transform:translateY(-50%);z-index:12;pointer-events:none}@media (max-width: 480px){.otherpatch13-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch13-image{width:200px;right:-60px;top:40px;transform:translateY(-50%);z-index:12;pointer-events:none}.otherpatch1-options-container{width:100%;position:relative;z-index:10}.otherpatch1-option-box{position:relative;z-index:11;pointer-events:auto;touch-action:manipulation}}@media (min-width: 768px){.otherpatch13-options-wrapper{margin:20px auto}.otherpatch13-image{width:200px}}.otherpatch12-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch12-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;left:-10px;bottom:-20px;z-index:10}@media (max-width: 480px){.otherpatch12-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch12-image{width:160px;left:-20px;bottom:-50px;z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch12-options-wrapper{margin:20px auto}.otherpatch12-image{width:200px}}.otherpatch11-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch11-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:-30px;top:50%;transform:translateY(-50%);z-index:10}@media (max-width: 480px){.otherpatch11-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch11-image{width:150px;right:-30px;top:280px;transform:translateY(-50%);z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch11-options-wrapper{margin:20px auto}.otherpatch11-image{width:200px}}.otherpatch10-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch10-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:-30px;top:-20px;z-index:10}@media (max-width: 480px){.otherpatch10-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch10-image{width:320px;right:-80px;top:-140px;z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch10-options-wrapper{margin:20px auto}.otherpatch10-image{width:200px}}.otherpatch9-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch9-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;left:-30px;top:-20px;z-index:10}@media (max-width: 480px){.otherpatch9-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch9-image{width:150px;left:-30px;top:-40px;z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch9-options-wrapper{margin:20px auto}.otherpatch9-image{width:200px}}.otherpatch8-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch8-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;left:-10px;bottom:-20px;z-index:10}@media (max-width: 480px){.otherpatch8-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch8-image{width:260px;left:-80px;bottom:-20px;z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch8-options-wrapper{margin:20px auto}.otherpatch8-image{width:200px}}.otherpatch7-top-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:center;margin:80px auto 20px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;width:100%;max-width:600px}.otherpatch7-top-question-line{margin-bottom:0}.otherpatch7-question-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;width:100%;max-width:600px;margin:0 auto 40px 0}.otherpatch7-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:left;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;flex:1}.otherpatch7-question-line{margin-bottom:5px}.otherpatch7-image{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .6s both;flex-shrink:0;align-self:flex-start}@media (max-width: 480px){.otherpatch7-top-question{margin-top:70px;margin-bottom:15px;text-align:center;font-size:18px;font-weight:900;line-height:1.1;width:100%;max-width:90%}.otherpatch7-top-question-line{font-size:20px;margin-bottom:0;animation:bounceInUp .8s ease-out}.otherpatch7-question-container{flex-direction:row;align-items:flex-start;gap:15px;margin:0 auto 20px 0;width:100%;max-width:100%}.otherpatch7-question{text-align:left;font-size:clamp(18px,4vw,22px);font-weight:900;line-height:1.2;flex:1;padding-left:0}.otherpatch7-question-line{font-size:clamp(18px,4vw,22px);margin-bottom:4px;animation:bounceInUp .8s ease-out}.otherpatch7-question-line:nth-child(1){animation-delay:.1s}.otherpatch7-question-line:nth-child(2){animation-delay:.2s}.otherpatch7-question-line:nth-child(3){animation-delay:.3s}.otherpatch7-image{width:320px;flex-shrink:0;margin:-80px;z-index:10;position:relative}}@media (min-width: 768px){.otherpatch7-question-container{margin:0 auto 60px 0}.otherpatch7-image{width:150px}}.otherpatch6-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch6-image{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;left:-30px;top:50%;transform:translateY(-50%);z-index:10}@media (max-width: 480px){.otherpatch6-options-wrapper{flex-direction:column;align-items:flex-start;gap:15px;margin:20px auto}.otherpatch6-image{width:240px;left:-70px;top:80px;transform:translateY(-50%);z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch6-options-wrapper{margin:20px auto}.otherpatch6-image{width:150px}}.otherpatch5-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch5-image{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:-30px;top:-20px;z-index:10}@media (max-width: 480px){.otherpatch5-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch5-image{width:340px;right:-120px;top:-120px;z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch5-options-wrapper{margin:20px auto}.otherpatch5-image{width:200px}}.otherpatch4-top-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:center;margin:80px auto 20px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;width:100%;max-width:600px}.otherpatch4-top-question-line{margin-bottom:0}.otherpatch4-question-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;width:100%;max-width:600px;margin:0 auto 40px 0}.otherpatch4-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:left;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;flex:1}.otherpatch4-question-line{margin-bottom:5px}.otherpatch4-image{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .6s both;flex-shrink:0;align-self:flex-start}@media (max-width: 480px){.otherpatch4-top-question{margin-top:70px;margin-bottom:15px;text-align:center;font-size:18px;font-weight:900;line-height:1.1;width:100%;max-width:90%}.otherpatch4-top-question-line{font-size:20px;margin-bottom:0;animation:bounceInUp .8s ease-out}.otherpatch4-question-container{flex-direction:row;align-items:flex-start;gap:15px;margin:0 -20px 20px 30px;width:100%;max-width:100%}.otherpatch4-question{text-align:left;font-size:clamp(18px,4vw,22px);font-weight:900;line-height:1.2;flex:1;padding-left:0}.otherpatch4-question-line{font-size:clamp(18px,4vw,22px);margin-bottom:4px;animation:bounceInUp .8s ease-out}.otherpatch4-question-line:nth-child(1){animation-delay:.1s}.otherpatch4-question-line:nth-child(2){animation-delay:.2s}.otherpatch4-question-line:nth-child(3){animation-delay:.3s}.otherpatch4-question-line:nth-child(4){animation-delay:.4s}.otherpatch4-image{width:240px;margin:-30px -10px -90px -130px;z-index:10;position:relative;flex-shrink:0}}@media (min-width: 768px){.otherpatch4-question-container{margin:0 auto 60px 0}.otherpatch4-image{width:150px}}.otherpatch3-question-container{display:flex;flex-direction:row;align-items:flex-start;gap:20px;position:relative;width:100%;max-width:600px;margin:80px auto 40px 0}.otherpatch3-image-left{width:clamp(100px,20vw,150px);height:auto;animation:fadeInScale .8s ease-out .6s both;flex-shrink:0;align-self:flex-start}.otherpatch3-question{font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,28px);color:#004aad;font-weight:400;text-align:left;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both;flex:1}.otherpatch3-question-line{margin-bottom:5px}.otherpatch3-options-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;max-width:600px;margin:20px auto;position:relative}.otherpatch3-image-right{width:clamp(120px,25vw,180px);height:auto;animation:fadeInScale .8s ease-out .8s both;position:absolute;right:-30px;bottom:-20px;z-index:10}@media (max-width: 480px){.otherpatch3-question-container{flex-direction:row;align-items:flex-start;gap:15px;margin:70px auto 20px 0;width:100%;max-width:100%}.otherpatch3-image-left{width:220px;flex-shrink:0;margin:10px -30px -90px;z-index:10;position:relative}.otherpatch3-question{text-align:left;font-size:clamp(18px,4vw,22px);font-weight:900;line-height:1.2;flex:1;padding-left:0}.otherpatch3-question-line{font-size:clamp(18px,4vw,22px);margin-bottom:4px;animation:bounceInUp .8s ease-out}.otherpatch3-question-line:nth-child(1){animation-delay:.1s}.otherpatch3-question-line:nth-child(2){animation-delay:.2s}.otherpatch3-question-line:nth-child(3){animation-delay:.3s}.otherpatch3-question-line:nth-child(4){animation-delay:.4s}.otherpatch3-options-wrapper{flex-direction:column;align-items:flex-start;gap:10px;margin:20px auto}.otherpatch3-image-right{width:150px;right:-30px;bottom:-20px;z-index:10}.otherpatch1-options-container{width:100%;position:relative;z-index:1}}@media (min-width: 768px){.otherpatch3-question-container{margin:80px auto 60px 0}.otherpatch3-image-left{width:150px}.otherpatch3-options-wrapper{margin:20px auto}.otherpatch3-image-right{width:180px}}.otherpatch2-image-container{display:flex;justify-content:center;align-items:center;width:100%;margin:20px auto;animation:fadeInScale .8s ease-out .6s both}.otherpatch2-image{width:clamp(100px,20vw,180px);height:auto;animation:fadeInScale .8s ease-out .6s both;z-index:1}@media (max-width: 480px){.otherpatch2-image-container{margin:15px auto}.otherpatch2-image{width:300px;margin-top:-140px;margin-bottom:-100px}}@media (min-width: 768px){.otherpatch2-image-container{margin:20px auto}.otherpatch2-image{width:180px}}.page15-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page15-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:16px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700}.page15-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10}.page15-question{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:400;text-align:left;margin:80px 0 40px;text-transform:uppercase;line-height:1.2}.page15-question-line{margin-bottom:5px}.page15-question-container{display:flex;align-items:flex-start;gap:20px;margin:80px 0 40px}.page15-question{margin:0;flex:1}.page15-top-characters{flex-shrink:0;display:flex;align-items:center;justify-content:center}.page15-top-characters-img,.page15-bottom-characters-img{width:clamp(120px,25vw,200px);height:auto;max-width:200px}.friendship-group{display:flex;align-items:center;gap:10px}.hug-group{gap:5px}.hand-holding-group{gap:8px}.friend-blob{width:50px;height:50px;border-radius:50%;position:relative;border:2px solid}.yellow-blob{background:#ffeb3b;border-color:#f57f17}.blue-blob{background:#87ceeb;border-color:#4682b4}.green-blob{background:#90ee90;border-color:#228b22}.purple-blob{background:plum;border-color:#9370db}.center-blob{transform:scale(1.1)}.blob-eyes{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.eye-dot{width:4px;height:4px;background:#000;border-radius:50%}.blob-smile{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:12px;height:3px;background:#000;border-radius:0 0 12px 12px}.open-mouth{width:8px;height:6px;background:#000;border-radius:0 0 8px 8px}.blob-arms{position:absolute;top:50%;transform:translateY(-50%)}.left-arm{left:-8px;width:8px;height:15px;background:inherit;border:1px solid;border-radius:4px}.right-arm{right:-8px;width:8px;height:15px;background:inherit;border:1px solid;border-radius:4px}.both-arms{left:-8px;right:-8px;width:8px;height:15px;background:inherit;border:1px solid;border-radius:4px}.both-arms:after{content:"";position:absolute;right:-16px;width:8px;height:15px;background:inherit;border:1px solid;border-radius:4px}.right-hand{right:-8px;width:8px;height:12px;background:inherit;border:1px solid;border-radius:4px}.left-hand{left:-8px;width:8px;height:12px;background:inherit;border:1px solid;border-radius:4px}.both-hands{left:-8px;right:-8px;width:8px;height:12px;background:inherit;border:1px solid;border-radius:4px}.both-hands:after{content:"";position:absolute;right:-16px;width:8px;height:12px;background:inherit;border:1px solid;border-radius:4px}.page15-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px 0;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1}.page15-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase}.page15-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page15-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.page15-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px 0 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1}.page15-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page15-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page15-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page15-question-container{margin:60px 0 0;gap:20px;flex-direction:row;align-items:center;justify-content:center;animation:fadeInUp .8s ease-out .4s both}.page15-question{font-size:24px;text-align:left;margin-left:0;flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.2}.page15-question-line{margin-bottom:5px;display:block;animation:bounceInUp .8s ease-out}.page15-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page15-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page15-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page15-top-characters-img{width:150px;margin-right:20px;animation:fadeInScale .8s ease-out .6s both}.page15-bottom-characters-img{width:100px}.page15-bottom-characters{position:absolute;bottom:170px;left:50%;right:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:15px;animation:fadeInScale .8s ease-out .8s both;z-index:5;width:auto}.page15-bottom-character{position:relative;z-index:5}.page15-bottom-characters-img{width:120px;animation:bounceInUp .8s ease-out .9s both}.friend-blob{width:40px;height:40px}.friendship-group{gap:8px}.hug-group{gap:3px}.hand-holding-group{gap:6px}.page15-options-container{max-width:300px;margin:20px auto;padding:20px;gap:12px;animation:fadeInScale .8s ease-out .8s both}.page15-option-box{padding:18px;min-height:50px;color:#004aad;animation:slideInUp .6s ease-out}.page15-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page15-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page15-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page15-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page15-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page15-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #1976d24d}.page15-next-button{max-width:300px;color:#004aad;animation:fadeInUp .8s ease-out 1.3s both;margin:30px auto 0;display:block}.page15-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page15-x-button{width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;color:#004aad;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:fadeInLeft .6s ease-out .3s both}.page15-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page15-step-indicator{color:#004aad;animation:fadeInRight .6s ease-out .3s both}}@media (min-width: 768px){.page15-template{padding:40px}.page15-question-container{margin:100px 0 60px;gap:25px}.page15-top-characters-img,.page15-bottom-characters-img{width:150px}.friend-blob{width:60px;height:60px}.friendship-group{gap:15px}.hug-group{gap:8px}.hand-holding-group{gap:12px}.page15-options-container{padding:40px}.page15-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page15-template{padding:60px}}.page16-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page16-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:16px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700}.page16-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10}.page16-question{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page16-question-line{margin-bottom:5px;animation:bounceInUp .8s ease-out}.page16-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page16-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page16-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page16-question-line.indented{margin-left:20px}.page16-character{display:flex;justify-content:center;margin:40px 0;position:relative;animation:fadeInScale .8s ease-out .6s both}.page16-character-img{width:clamp(200px,40vw,400px);height:auto;max-width:400px;animation:bounceInUp .8s ease-out .7s both}.adventurer-blob{width:120px;height:140px;position:relative;z-index:5}.blob-body{width:100px;height:100px;background:#90ee90;border:3px solid #228b22;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.blob-hat{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:40px;background:#8b4513;border:2px solid #654321;border-radius:30px 30px 0 0}.blob-satchel{position:absolute;top:60px;left:20px;width:25px;height:20px;background:#8b4513;border:2px solid #654321;border-radius:5px}.blob-map{position:absolute;top:70px;left:10px;width:15px;height:20px;background:#deb887;border:1px solid #cd853f;border-radius:2px;transform:rotate(-15deg)}.blob-torch{position:absolute;top:50px;right:15px;width:8px;height:30px}.torch-handle{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:20px;background:#000;border-radius:3px}.torch-flame{position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:15px;background:linear-gradient(to top,#ff4500,orange,#ff0);border-radius:50%/60% 60% 40% 40%;animation:flicker 1.5s ease-in-out infinite alternate}.blob-eyes{position:absolute;top:35px;left:50%;transform:translate(-50%);display:flex;gap:12px}.blob-eyes:before,.blob-eyes:after{content:"";width:8px;height:8px;background:#fff;border:1px solid #000;border-radius:50%;position:relative}.blob-eyes:before:after,.blob-eyes:after:after{content:"";position:absolute;top:2px;left:2px;width:3px;height:3px;background:#000;border-radius:50%}.blob-mouth{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:20px;height:12px;background:#000;border-radius:0 0 20px 20px}.jungle-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.jungle-rock{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:15px;background:gray;border:2px solid #696969;border-radius:20px}.jungle-mountain{position:absolute;bottom:20px;width:30px;height:20px;background:transparent;border:2px solid #90ee90;border-radius:15px 15px 0 0}.mountain-1{left:20px;transform:rotate(-10deg)}.mountain-2{right:20px;transform:rotate(10deg)}.jungle-leaf{position:absolute;width:15px;height:20px;background:transparent;border:2px solid #90ee90;border-radius:0 100%}.leaf-1{top:30px;left:10px;transform:rotate(-30deg)}.leaf-2{top:40px;right:15px;transform:rotate(30deg)}.jungle-flower{position:absolute;top:50px;left:30px;width:8px;height:8px;background:#ff69b4;border-radius:50%}@keyframes flicker{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}.page16-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px 0;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1;animation:fadeInScale .8s ease-out .8s both}.page16-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page16-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page16-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page16-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page16-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page16-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page16-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.page16-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px 0 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;animation:fadeInUp .8s ease-out 1.3s both}.page16-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page16-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page16-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page16-question{margin:60px 0 10px;font-size:24px;color:#004aad;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:20px;position:relative;width:100%}.page16-question-line{margin-bottom:5px;display:block}.page16-question-line:nth-child(1){margin-left:0;margin-top:-10px;align-self:flex-start}.page16-question-line:nth-child(2){margin-right:0;margin-top:10px;align-self:flex-end}.page16-character{animation:fadeInScale .8s ease-out .6s both}.page16-character-img{width:120px;margin:0;animation:bounceInUp .8s ease-out .7s both}.adventurer-blob{width:100px;height:120px}.blob-body{width:80px;height:80px}.blob-hat{width:50px;height:35px}.page16-options-container{max-width:300px;margin:-5px auto;padding:20px;gap:12px;animation:fadeInScale .8s ease-out .8s both}.page16-option-box{padding:18px;min-height:50px;color:#004aad;animation:slideInUp .6s ease-out}.page16-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page16-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page16-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page16-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page16-option-box:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026}.page16-option-box.selected{background:#004aad;color:#fff;box-shadow:0 4px 15px #1976d24d}.page16-next-button{max-width:300px;color:#004aad;animation:fadeInUp .8s ease-out 1.3s both;margin:30px auto 0;display:block}.page16-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}.page16-x-button{width:30px;height:30px;border-radius:50%;background:#d3d3d3;border:none;color:#004aad;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:fadeInLeft .6s ease-out .3s both}.page16-x-button:hover{background:silver;transform:scale(1.1);animation:buttonPulse .6s ease-in-out}.page16-step-indicator{color:#004aad;animation:fadeInRight .6s ease-out .3s both}}@media (min-width: 768px){.page16-template{padding:40px}.page16-question{margin:100px 0 60px}.page16-character-img{width:300px}.adventurer-blob{width:140px;height:160px}.blob-body{width:120px;height:120px}.blob-hat{width:70px;height:45px}.page16-options-container{padding:40px}.page16-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page16-template{padding:60px}}.page17-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page17-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:16px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700}.page17-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10}.page17-question{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page17-question-line{margin-bottom:8px;animation:bounceInUp .8s ease-out}.page17-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page17-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page17-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page17-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px 0;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1;animation:fadeInScale .8s ease-out .8s both}.page17-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page17-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page17-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page17-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page17-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page17-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page17-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.page17-character{position:absolute;bottom:120px;right:20px;z-index:5;animation:fadeInScale .8s ease-out .6s both}.page17-character-img{width:clamp(80px,15vw,120px);height:auto;max-width:120px;animation:bounceInUp .8s ease-out .7s both}.detective-blob{width:80px;height:80px;position:relative}.blob-magnifying-glass{position:absolute;top:15px;right:-15px;width:25px;height:25px;z-index:3}.magnifying-lens{position:absolute;top:0;left:0;width:20px;height:20px;background:transparent;border:3px solid #808080;border-radius:50%}.magnifying-handle{position:absolute;bottom:5px;right:5px;width:15px;height:3px;background:#000;border-radius:2px;transform:rotate(45deg)}.page17-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:20px auto;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:fit-content;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;animation:fadeInUp .8s ease-out 1.3s both;display:block}.page17-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page17-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page17-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page17-question{margin:60px 0 0;font-size:24px;color:#004aad;text-align:center}.page17-character{position:absolute;bottom:210px;right:-20px;z-index:5;animation:fadeInScale .8s ease-out .6s both}.page17-character-img{width:350px;animation:bounceInUp .8s ease-out .7s both}.detective-blob,.blob-body{width:60px;height:60px}.blob-glasses{width:30px;height:15px}.glasses-left,.glasses-right{width:12px;height:12px}.page17-options-container{max-width:300px;margin:20px auto;padding:20px;gap:12px;animation:fadeInScale .8s ease-out .8s both}.page17-option-box{padding:18px;min-height:50px;color:#004aad;font-weight:500;animation:slideInUp .6s ease-out}.page17-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page17-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page17-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page17-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page17-next-button{max-width:300px;width:100%;color:#004aad;animation:fadeInUp .8s ease-out 1.3s both;margin:30px auto 0;display:block}.page17-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}}@media (min-width: 768px){.page17-template{padding:40px}.page17-question{margin:100px 0 60px}.page17-character{bottom:140px;right:30px}.page17-character-img{width:100px}.detective-blob,.blob-body{width:100px;height:100px}.blob-glasses{width:50px;height:25px}.glasses-left,.glasses-right{width:18px;height:18px}.page17-options-container{padding:40px}.page17-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page17-template{padding:60px}}.page18-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page18-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:16px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700}.page18-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10}.page18-question{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page18-question-line{margin-bottom:5px;animation:bounceInUp .8s ease-out}.page18-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page18-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page18-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page18-question-line.indented{margin-left:20px}.page18-top-characters,.page18-bottom-characters{display:flex;justify-content:center;margin:20px 0 40px}.page18-top-characters-img,.page18-bottom-characters-img{width:clamp(200px,40vw,400px);height:auto;max-width:400px}.group-project-scene,.castle-building-scene{position:relative;width:300px;height:120px}.project-table,.castle-table{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:20px;background:#deb887;border:2px solid #cd853f;border-radius:5px}.project-papers{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:180px;height:30px}.paper{position:absolute;width:40px;height:30px;background:#fff;border:1px solid #d0d0d0;border-radius:2px}.paper-1{left:20px;top:0}.paper-2{left:70px;top:5px}.paper-3{left:120px;top:0}.project-blob,.castle-blob{position:absolute;width:50px;height:50px;border-radius:50%;border:2px solid}.purple-blob{background:plum;border-color:#9370db;left:20px;bottom:25px}.yellow-blob{background:#ffeb3b;border-color:#f57f17;left:50%;transform:translate(-50%);bottom:25px}.blue-blob{background:#87ceeb;border-color:#4682b4;right:20px;bottom:25px}.green-blob{background:#90ee90;border-color:#228b22;left:10px;bottom:25px}.blob-pencil{position:absolute;top:20px;right:-8px;width:3px;height:15px;background:#ffeb3b;border-radius:2px}.blob-cards{position:absolute;top:15px;right:-10px;width:8px;height:12px;background:linear-gradient(to bottom,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);border-radius:1px}.blob-tablet{position:absolute;top:10px;right:-12px;width:12px;height:16px;background:#fff;border:1px solid #000;border-radius:2px}.blob-ruler{position:absolute;top:20px;right:-10px;width:2px;height:12px;background:#fff;border:1px solid #000}.blob-briefcase{position:absolute;top:25px;right:-8px;width:8px;height:6px;background:#8b4513;border:1px solid #654321;border-radius:1px}.thought-bubble{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:20px;height:15px;background:#fff;border:1px solid #000;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:2px}.bubble-dot{width:2px;height:2px;background:#000;border-radius:50%}.cloud-icon{font-size:8px}.lightbulb-icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px}.castle-model{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:80px;height:40px}.castle-tower{position:absolute;width:15px;height:25px;background:#8b4513;border:1px solid #654321;border-radius:2px}.tower-1{left:5px;bottom:0}.tower-2{left:50%;transform:translate(-50%);bottom:0}.tower-3{right:5px;bottom:0}.castle-wall{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:15px;background:#8b4513;border:1px solid #654321;border-radius:2px}.castle-flag{position:absolute;width:8px;height:6px;background:red;border-radius:0 3px 0 0}.flag-1{top:-6px;left:8px}.flag-2{top:-6px;left:50%;transform:translate(-50%)}.flag-3{top:-6px;right:8px}.page18-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px 0;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1;animation:fadeInScale .8s ease-out .8s both}.page18-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;animation:slideInUp .6s ease-out}.page18-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page18-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page18-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page18-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page18-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page18-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.page18-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px 0 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;animation:fadeInUp .8s ease-out 1.3s both}.page18-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page18-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page18-template{padding:15px}.page18-question{margin:60px 0 0;font-size:24px;animation:fadeInUp .8s ease-out .2s both}.page18-top-characters{margin:-30px 0 -20px;animation:fadeInScale .8s ease-out .4s both}.page18-bottom-characters{margin:-20px 0 0;animation:fadeInScale .8s ease-out .6s both}.page18-top-characters-img{width:150px;margin:0;animation:bounceInUp .8s ease-out .5s both}.page18-bottom-characters-img{width:150px;margin:0;animation:bounceInUp .8s ease-out .7s both}.group-project-scene,.castle-building-scene{width:250px;height:100px}.project-blob,.castle-blob{width:40px;height:40px}.page18-options-container{padding:20px;gap:15px;min-height:auto;max-width:300px;margin:20px auto;background:#e8e8e8;border-radius:15px;box-shadow:0 2px 8px #0000001a;animation:fadeInScale .8s ease-out .8s both}.page18-option-box{padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;margin:0;width:100%;word-wrap:break-word;white-space:normal;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out both}.page18-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page18-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page18-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page18-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page18-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page18-option-box:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.page18-next-button{max-width:300px;width:100%;margin:20px auto 0;padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;border:none;transition:all .3s ease;cursor:pointer;animation:fadeInUp .8s ease-out 1.3s both}.page18-next-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page18-next-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}}@media (min-width: 768px){.page18-template{padding:40px}.page18-question{margin:100px 0 60px}.page18-top-characters-img,.page18-bottom-characters-img{width:300px}.group-project-scene,.castle-building-scene{width:350px;height:140px}.project-blob,.castle-blob{width:60px;height:60px}.page18-options-container{padding:40px}.page18-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page18-template{padding:60px}}.page19-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page19-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:16px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700}.page19-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10}.page19-question{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:400;text-align:left;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page19-question-line{margin-bottom:5px;animation:bounceInUp .8s ease-out}.page19-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page19-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page19-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page19-question-line:nth-child(4){animation-delay:.8s;animation-fill-mode:both}.page19-character{position:absolute;top:120px;right:20px;z-index:5;pointer-events:none;animation:fadeInScale .8s ease-out .6s both}.page19-character-img{width:clamp(80px,15vw,120px);height:auto;max-width:120px;animation:bounceInUp .8s ease-out .7s both}.curious-blob{width:80px;height:80px;position:relative}.blob-body{width:80px;height:80px;background:plum;border:3px solid #9370db;border-radius:50%;position:relative}.blob-glasses{position:absolute;top:20px;left:50%;transform:translate(-50%);width:40px;height:20px;z-index:2}.glasses-left,.glasses-right{position:absolute;width:15px;height:15px;background:#000;border-radius:50%;top:2px}.glasses-bridge{position:absolute;top:5px;left:50%;transform:translate(-50%);width:8px;height:2px;background:#000}.blob-eyes{position:absolute;top:25px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1}.eye-dot{width:3px;height:3px;background:#000;border-radius:50%}.blob-mouth{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:12px;height:6px;background:#000;border-radius:0 0 12px 12px}.page19-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px 0;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:10;position:relative;animation:fadeInScale .8s ease-out .8s both}.page19-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;position:relative;z-index:11;pointer-events:auto;animation:slideInUp .6s ease-out}.page19-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page19-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page19-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page19-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page19-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page19-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.page19-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px 0 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;animation:fadeInUp .8s ease-out 1.3s both}.page19-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page19-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.page19-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page19-question{font-size:24px;color:#004aad;margin:60px 0 0 -80px;text-align:center}.page19-character{position:absolute;top:30px;right:-90px;z-index:5;pointer-events:none;animation:fadeInScale .8s ease-out .6s both}.page19-character-img{width:400px!important;max-width:400px!important;animation:bounceInUp .8s ease-out .7s both}.curious-blob,.blob-body{width:60px;height:60px}.blob-glasses{width:30px;height:15px}.glasses-left,.glasses-right{width:12px;height:12px}.page19-options-container{padding:20px;gap:15px;min-height:auto;max-width:300px;margin:20px auto;background:#e8e8e8;border-radius:15px;box-shadow:0 2px 8px #0000001a;animation:fadeInScale .8s ease-out .8s both}.page19-option-box{padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;margin:0;width:100%;word-wrap:break-word;white-space:normal;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out both}.page19-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page19-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page19-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page19-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page19-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page19-option-box:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.page19-next-button{max-width:300px;width:100%;margin:20px auto 0;padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;border:none;transition:all .3s ease;cursor:pointer;animation:fadeInUp .8s ease-out 1.3s both}.page19-next-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page19-next-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}}@media (min-width: 768px){.page19-template{padding:40px}.page19-question{margin:100px 0 60px}.page19-character{top:140px;right:30px}.page19-character-img{width:100px}.curious-blob,.blob-body{width:100px;height:100px}.blob-glasses{width:50px;height:25px}.glasses-left,.glasses-right{width:18px;height:18px}.page19-options-container{padding:40px}.page19-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page19-template{padding:60px}}.page20-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.page20-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;font-size:16px;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700}.page20-step-indicator{position:absolute;top:20px;right:20px;background:#d3d3d3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#004aad;font-family:Arial,sans-serif;z-index:10}.page20-question{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:400;text-align:left;margin:80px 0 40px;text-transform:uppercase;line-height:1.2;animation:fadeInUp .8s ease-out .4s both}.page20-question-line{margin-bottom:5px;animation:bounceInUp .8s ease-out}.page20-question-line:nth-child(1){animation-delay:.5s;animation-fill-mode:both}.page20-question-line:nth-child(2){animation-delay:.6s;animation-fill-mode:both}.page20-question-line:nth-child(3){animation-delay:.7s;animation-fill-mode:both}.page20-characters{display:flex;justify-content:flex-end;margin:20px 0 40px;padding-right:20px;pointer-events:none;position:relative;z-index:0}.page20-characters-img{width:clamp(200px,40vw,400px);height:auto;max-width:400px}.team-leader-group{display:flex;align-items:center;gap:10px}.leader-blob{position:relative;width:50px;height:50px;border-radius:50%;border:2px solid}.blue-leader{background:#87ceeb;border-color:#4682b4}.yellow-leader{background:#ffeb3b;border-color:#f57f17}.purple-leader{background:plum;border-color:#9370db}.green-leader{background:#90ee90;border-color:#228b22}.blob-body{width:100%;height:100%;border-radius:50%;position:relative}.blob-eyes{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;gap:6px}.blob-eyes:before,.blob-eyes:after{content:"";width:4px;height:4px;background:#000;border-radius:50%}.blob-mouth{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:8px;height:4px;background:#000;border-radius:0 0 8px 8px}.blob-glasses{position:absolute;top:12px;left:50%;transform:translate(-50%);width:25px;height:12px;z-index:2}.glasses-left,.glasses-right{position:absolute;width:10px;height:10px;background:#000;border-radius:50%;top:1px}.glasses-left{left:0}.glasses-right{right:0}.glasses-bridge{position:absolute;top:3px;left:50%;transform:translate(-50%);width:5px;height:1px;background:#000}.blob-book{position:absolute;top:20px;left:-8px;width:12px;height:8px;background:#fff;border:1px solid #000;border-radius:1px}.book-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:1px}.book-star{position:absolute;top:1px;left:50%;transform:translate(-50%);font-size:6px;color:#ffeb3b}.blob-magnifying-glass{position:absolute;top:25px;right:-8px;width:15px;height:15px}.magnifying-lens{position:absolute;top:0;left:0;width:12px;height:12px;background:transparent;border:2px solid #808080;border-radius:50%}.magnifying-handle{position:absolute;bottom:2px;right:2px;width:8px;height:2px;background:#000;border-radius:1px;transform:rotate(45deg)}.blob-map{position:absolute;top:20px;right:-8px;width:8px;height:10px;background:#deb887;border:1px solid #cd853f;border-radius:1px;transform:rotate(-15deg)}.blob-compass{position:absolute;top:30px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#000;border-radius:50%}.blob-compass:before{content:"";position:absolute;top:1px;left:50%;transform:translate(-50%);width:0;height:0;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:4px solid #fff}.blob-flag{position:absolute;top:15px;right:-8px;width:12px;height:15px}.flag-pole{position:absolute;top:0;left:0;width:2px;height:15px;background:#8b4513;border-radius:1px}.flag-triangle{position:absolute;top:0;left:2px;width:0;height:0;border-left:8px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}.page20-options-container{background:#e8e8e8;border-radius:25px;padding:clamp(20px,5vw,30px);margin:20px 0;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px #0000001a;width:100%;z-index:1;position:relative;animation:fadeInScale .8s ease-out .8s both}.page20-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;position:relative;z-index:2;pointer-events:auto;animation:slideInUp .6s ease-out}.page20-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page20-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page20-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page20-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page20-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page20-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.page20-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px 0 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-transform:uppercase;z-index:1;animation:fadeInUp .8s ease-out 1.3s both}.page20-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page20-next-button:disabled{opacity:.6;cursor:not-allowed}.page20-next-button.is-clicked{transform:scale(.97);box-shadow:0 1px 6px #0000001a}@media (max-width: 480px){.page20-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.page20-question{font-size:24px;color:#004aad;text-align:center;margin:60px 0 0 20px;max-width:200px;animation:fadeInUp .8s ease-out .2s both}.page20-characters{position:absolute;top:30px;right:-50px;z-index:3;pointer-events:none;animation:fadeInScale .8s ease-out .4s both}.page20-characters-img{width:300px!important;max-width:300px!important;animation:bounceInUp .8s ease-out .5s both}.leader-blob{width:40px;height:40px}.team-leader-group{gap:8px}.page20-options-container{padding:20px;gap:15px;min-height:auto;max-width:300px;margin:10px auto 20px;background:#e8e8e8;border-radius:15px;box-shadow:0 2px 8px #0000001a;animation:fadeInScale .8s ease-out .8s both}.page20-option-box{padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;margin:0;width:100%;word-wrap:break-word;white-space:normal;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out both}.page20-option-box:nth-child(1){animation-delay:.9s;animation-fill-mode:both}.page20-option-box:nth-child(2){animation-delay:1s;animation-fill-mode:both}.page20-option-box:nth-child(3){animation-delay:1.1s;animation-fill-mode:both}.page20-option-box:nth-child(4){animation-delay:1.2s;animation-fill-mode:both}.page20-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page20-option-box:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.page20-template .page20-next-button{max-width:300px;width:100%;margin:20px auto 0;padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;border:none;transition:all .3s ease;cursor:pointer;animation:fadeInUp .8s ease-out 1.3s both}.page20-template .page20-next-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.page20-template .page20-next-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}}@media (min-width: 768px){.page20-template{padding:40px}.page20-question{margin:100px 0 60px}.page20-characters{padding-right:30px}.page20-characters-img{width:300px}.leader-blob{width:60px;height:60px}.team-leader-group{gap:15px}.page20-options-container{padding:40px}.page20-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.page20-template{padding:60px}}.name-input-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative}.name-content-container{background:#fff;border:3px dashed #a7d1f7;border-radius:30px;padding:80px 40px 50px;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:380px;width:100%;min-height:500px;position:relative;box-shadow:0 4px 8px #0000001a}.hello-text{font-family:Fredoka One,cursive;font-size:clamp(40px,10vw,60px);font-weight:900;color:#2160b8;text-shadow:2px 2px 0 #a7d1f7,4px 4px 0 #e0f2f7,6px 6px 0 #1a4a8a,8px 8px 15px rgba(0,0,0,.2);z-index:10;position:relative;letter-spacing:2px;-webkit-text-stroke:1px #a7d1f7;text-stroke:1px #a7d1f7;display:block;white-space:nowrap;width:100%;text-align:center;margin:-150px auto 25px;transform:translate(0)}.hello-text .letter-h{display:inline-block;transform:rotate(3deg) translate(-20px)}.hello-text .letter-e{display:inline-block;transform:rotate(-3deg) translate(-20px)}.hello-text .letter-l1{display:inline-block;transform:rotate(3deg) translate(-20px)}.hello-text .letter-l2{display:inline-block;transform:rotate(-3deg) translate(-20px)}.hello-text .letter-o{display:inline-block;transform:rotate(3deg) translate(-20px)}.hello-character{display:flex;justify-content:center;align-items:center}.hello-character-img{width:clamp(70px,18vw,100px);height:auto;max-width:100px;margin-bottom:5px}.name-prompt{text-align:center;margin-top:5px;margin-bottom:5px}.name-prompt-line{font-family:Caveat Brush,cursive;font-size:clamp(24px,3.5vw,28px);color:#4a90e2;margin-bottom:5px;font-weight:300;font-style:italic;transform:rotate(-.5deg);letter-spacing:.5px}.name-prompt-name{font-family:Fredoka One,cursive;font-size:clamp(34px,6vw,46px);font-weight:900;color:#2160b8;text-shadow:3px 3px 0 #a7d1f7,6px 6px 8px rgba(0,0,0,.1);transform:rotate(.5deg);letter-spacing:1px}.name-input-container{width:100%;margin-top:5px;margin-bottom:10px}.name-input-field{width:100%;border:none;border-bottom:2px solid #2160b8;background:transparent;font-size:clamp(15px,3.8vw,18px);font-family:Arial,sans-serif;color:#2160b8;padding:6px 0;outline:none;text-align:center}.name-input-field::placeholder{color:#a7d1f7}.name-next-button{background:#fff;border:none;border-radius:15px;padding:12px 35px;font-family:Fredoka One,cursive;font-size:clamp(15px,3.8vw,18px);font-weight:400;color:#2160b8;cursor:pointer;margin-top:20px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;width:100%;max-width:380px}.name-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.name-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.name-input-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto;background:#f8f7f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.name-content-container{padding:80px 45px 40px;gap:20px;max-width:290px;min-height:auto;border-radius:30px;border:3px dashed #a7d1f7;box-shadow:0 8px 30px #0000001a;background:#fff}.hello-text{font-size:72px;font-weight:900;margin-top:-120px;margin-bottom:20px;letter-spacing:3px;color:#2160b8;text-shadow:2px 2px 0 #a7d1f7,4px 4px 0 #e0f2f7,6px 6px 0 #1a4a8a,8px 8px 15px rgba(0,0,0,.2);font-family:Fredoka One,cursive;-webkit-text-stroke:1px #a7d1f7}.hello-text .letter-h{display:inline-block;transform:rotate(3deg) translate(-20px)}.hello-text .letter-e{display:inline-block;transform:rotate(-3deg) translate(-20px)}.hello-text .letter-l1{display:inline-block;transform:rotate(3deg) translate(-20px)}.hello-text .letter-l2{display:inline-block;transform:rotate(-3deg) translate(-20px)}.hello-text .letter-o{display:inline-block;transform:rotate(3deg) translate(-20px)}.hello-character-img{min-width:300px;height:auto;margin-bottom:20px;margin-top:-40px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease}.hello-character-img:hover{transform:scale(1.05)}.name-prompt-line{font-size:16px;font-weight:400;color:#4a90e2;margin-top:-80px;letter-spacing:.5px;margin-bottom:8px;font-family:Caveat Brush,cursive;font-style:italic;transform:rotate(-.5deg)}.name-prompt-name{font-size:32px;font-weight:900;color:#2160b8;letter-spacing:1px;text-shadow:3px 3px 0 #a7d1f7,6px 6px 8px rgba(0,0,0,.1);font-family:Fredoka One,cursive;transform:rotate(.5deg)}.name-input-field{font-size:18px;padding:12px 0;border:none;border-bottom:3px solid #2160b8;background:transparent;transition:all .3s ease;font-family:Fredoka One,cursive;color:#2160b8;text-align:center;letter-spacing:1px;width:100%;outline:none}.name-input-field:focus{border-bottom-color:#2160b8;border-bottom-width:4px}.name-input-field::placeholder{color:#a7d1f7;font-weight:400}.name-next-button{background:#fff;border:none;border-radius:25px;padding:16px 35px;font-family:Fredoka One,cursive;font-size:18px;font-weight:800;color:#2160b8;cursor:pointer;margin-top:25px;box-shadow:0 6px #8b9dc3,0 8px 15px #0000001a;width:100%;max-width:270px;transition:all .3s ease;position:relative;letter-spacing:2px}.name-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #8b9dc3,0 10px 20px #00000026}.name-next-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px #8b9dc3,0 6px 12px #0000001a}.name-next-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.name-content-container{animation:slideInUp .6s ease-out}.hello-text{animation:bounceIn .8s ease-out .2s both}.hello-character-img{animation:fadeInScale .8s ease-out .4s both}.name-prompt{animation:fadeInUp .6s ease-out .6s both}.name-input-field{animation:fadeInUp .6s ease-out .8s both}.name-next-button{animation:fadeInUp .6s ease-out 1s both}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-1deg)}50%{opacity:1;transform:scale(1.05) rotate(-2deg)}70%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (min-width: 768px){.name-content-container{padding:90px 45px 55px;gap:22px;max-width:400px;min-height:550px;border-radius:30px;border:3px dashed #a7d1f7}.hello-text{font-size:56px;margin-top:-55px;margin-bottom:25px;transform:rotate(-1deg);letter-spacing:2px}.hello-character-img{width:90px;margin-bottom:8px}.name-prompt-line{font-size:18px;font-family:Caveat Brush,cursive;color:#4a90e2;font-style:italic;transform:rotate(-.5deg)}.name-prompt-name{font-size:36px;font-weight:900;text-shadow:3px 3px 0 #a7d1f7,6px 6px 8px rgba(0,0,0,.1);transform:rotate(.5deg)}.name-input-field{font-size:17px;padding:7px 0}.name-next-button{background:#fff;border:none;border-radius:25px;padding:18px 45px;font-family:Fredoka One,cursive;font-size:19px;font-weight:400;color:#2160b8;cursor:pointer;margin-top:25px;box-shadow:0 6px #8b9dc3,0 8px 15px #0000001a;text-shadow:2px 2px 0 #8b9dc3;width:100%;max-width:400px;transition:all .2s ease;position:relative}}.phone-input-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative;pointer-events:auto;touch-action:manipulation;-webkit-overflow-scrolling:touch}.phone-content-container{padding:90px 45px 55px;gap:22px;max-width:400px;max-height:500px;border-radius:30px;border:3px dashed #a7d1f7;position:relative;z-index:1;pointer-events:auto}.phone-prompt{text-align:center;margin-bottom:10px}.phone-prompt-line{font-family:Caveat Brush,cursive;font-size:clamp(15px,3.8vw,18px);color:#666;margin-bottom:5px;font-weight:300;font-style:italic;transform:rotate(-.5deg);letter-spacing:.5px}.phone-prompt-phone{font-family:Fredoka One,cursive;font-size:clamp(26px,6.5vw,34px);font-weight:800;color:#6b8e23;text-shadow:2px 2px 0 #8bc34a,4px 4px 6px rgba(0,0,0,.1);transform:rotate(.5deg);letter-spacing:1px;margin-bottom:2px}.phone-prompt-number{font-family:Fredoka One,cursive;font-size:clamp(26px,6.5vw,34px);font-weight:800;color:#6b8e23;text-shadow:2px 2px 0 #8bc34a,4px 4px 6px rgba(0,0,0,.1);transform:rotate(.5deg);letter-spacing:1px}.phone-input-container{width:100%;margin-top:5px;margin-bottom:20px;position:relative;z-index:10;pointer-events:auto}.phone-input-field{width:100%;border:none;border-bottom:2px solid #666;background:transparent;font-size:clamp(15px,3.8vw,18px);font-family:Arial,sans-serif;color:#333;padding:6px 0;outline:none;text-align:center;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;pointer-events:auto;z-index:10;position:relative}.phone-input-field::placeholder{color:#999}.phone-character{display:flex;justify-content:center;align-items:center;margin-top:10px;pointer-events:none;position:relative;z-index:0}.phone-character-img{width:clamp(300px,60vw,400px);margin-top:20px;max-width:500px}.phone-next-button{background:#fff;border:none;border-radius:25px;padding:16px 40px;font-family:Fredoka One,cursive;font-size:18px;font-weight:400;color:#4caf50;cursor:pointer;margin-top:25px;box-shadow:0 6px #8bc34a,0 8px 15px #0000001a;width:100%;max-width:380px;transition:all .2s ease;position:relative}.phone-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #8bc34a,0 10px 20px #00000026}.phone-next-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #8bc34a,0 4px 8px #0000001a}.phone-next-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.phone-input-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto;background:#f8f7f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-content-container{padding:80px 45px 40px;gap:20px;max-width:290px;min-height:auto;border-radius:30px;border:3px dashed #6b8e23;box-shadow:0 8px 30px #0000001a;background:#fff;margin:0 auto}.phone-prompt-line{font-size:16px;font-weight:300;color:#666;letter-spacing:1px;margin-bottom:6px;font-family:Caveat Brush,cursive;font-style:italic;transform:rotate(-.5deg)}.phone-prompt-phone,.phone-prompt-number{font-size:35px;font-weight:800;color:#6b8e23;letter-spacing:2px;text-shadow:2px 2px 0 #8bc34a,4px 4px 6px rgba(0,0,0,.1);font-family:Fredoka One,cursive;transform:rotate(.5deg)}.phone-input-field{font-size:18px;padding:12px 0;border:none;border-bottom:3px solid #6b8e23;background:transparent;transition:all .3s ease;font-family:Fredoka One,cursive;color:#6b8e23;text-align:center;letter-spacing:1px;width:100%;outline:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(107,142,35,.2);touch-action:manipulation;pointer-events:auto;z-index:10;position:relative;min-height:44px}.phone-input-field:focus{border-bottom-color:#6b8e23;border-bottom-width:4px}.phone-input-field::placeholder{color:#8bc34a;font-weight:400}.phone-character-img{min-width:620px;height:auto;margin-bottom:20px;margin-top:-140px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease}.phone-character-img:hover{transform:scale(1.05)}.phone-next-button{background:#fff;border:none;border-radius:25px;padding:16px 35px;font-family:Fredoka One,cursive;font-size:18px;font-weight:800;color:#6b8e23;cursor:pointer;margin-top:25px;box-shadow:0 6px #8bc34a,0 8px 15px #0000001a;width:100%;max-width:290px;transition:all .3s ease;position:relative;letter-spacing:2px;-webkit-tap-highlight-color:rgba(107,142,35,.2);touch-action:manipulation;pointer-events:auto;z-index:10;min-height:44px}.phone-content-container{animation:slideInUp .6s ease-out}.phone-prompt{animation:fadeInUp .6s ease-out .2s both}.phone-input-field{animation:fadeInUp .6s ease-out .4s both}.phone-character-img{animation:fadeInScale .8s ease-out .6s both}.phone-next-button{animation:fadeInUp .6s ease-out .8s both}}@media (min-width: 768px){.phone-content-container{padding:90px 45px 55px;gap:22px;max-width:400px;min-height:550px;border-radius:30px;border:3px dashed #6b8e23}.phone-prompt-line{font-size:15px}.phone-prompt-phone,.phone-prompt-number{font-size:28px}.phone-input-field{font-size:17px;padding:7px 0}.phone-character-img{width:160px}.phone-next-button{padding:18px 45px;font-size:19px;margin-top:25px;border-radius:25px;box-shadow:0 6px #8bc34a,0 8px 15px #0000001a;text-shadow:2px 2px 0 #8bc34a;width:100%;max-width:400px}}.address-input-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative}.address-content-container{padding:80px 45px 40px;gap:20px;max-width:290px;min-height:auto;border-radius:30px;border:3px dashed #6b8e23;box-shadow:0 8px 30px #0000001a;background:#fff;margin:0 auto}.address-character{display:flex;justify-content:center;align-items:center;margin-top:-20px;margin-bottom:10px}.address-character-img{min-width:clamp(200px,50vw,280px);height:auto;margin-bottom:20px;margin-top:-40px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease}.address-character-img:hover{transform:scale(1.05)}.address-prompt{text-align:center;margin-bottom:10px}.address-prompt-line{font-size:clamp(15px,3.8vw,18px);font-weight:300;color:#666;letter-spacing:1px;margin-bottom:6px;font-family:Caveat Brush,cursive;font-style:italic;transform:rotate(-.5deg)}.address-prompt-address{font-size:clamp(26px,6.5vw,40px);font-weight:800;color:#d4a574;letter-spacing:2px;text-shadow:2px 2px 0 #e6c896,4px 4px 6px rgba(0,0,0,.1);font-family:Fredoka One,cursive;transform:rotate(.5deg)}.address-input-container{width:100%;margin-top:5px;margin-bottom:10px}.address-input-field{font-size:18px;padding:12px 0;border:none;border-bottom:3px solid #d4a574;background:transparent;transition:all .3s ease;font-family:Fredoka One,cursive;color:#d4a574;text-align:center;letter-spacing:1px;width:100%;outline:none}.address-input-field:focus{border-bottom-color:#d4a574;border-bottom-width:4px}.address-input-field::placeholder{color:#e6c896;font-weight:400}.address-next-button{background:#fff;border:none;border-radius:25px;padding:16px 35px;font-family:Fredoka One,cursive;font-size:18px;font-weight:800;color:#d4a574;cursor:pointer;margin-top:25px;box-shadow:0 6px #d4a574,0 8px 15px #0000001a;width:100%;max-width:290px;transition:all .3s ease;position:relative}.address-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #d4a574,0 10px 20px #00000026}.address-next-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px #d4a574,0 6px 12px #0000001a}.address-next-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.address-input-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto;background:#f8f7f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.address-content-container{padding:80px 45px 40px;gap:20px;max-width:290px;min-height:auto;border-radius:30px;border:3px dashed #d4a574;box-shadow:0 8px 30px #0000001a;background:#fff;margin:0 auto}.address-prompt-line{font-size:16px;font-weight:300;color:#666;letter-spacing:1px;margin-bottom:6px;margin-top:-60px;font-family:Caveat Brush,cursive;font-style:italic;transform:rotate(-.5deg)}.address-prompt-address{font-size:35px;font-weight:800;color:#d4a574;letter-spacing:2px;text-shadow:2px 2px 0 #e6c896,4px 4px 6px rgba(0,0,0,.1);font-family:Fredoka One,cursive;transform:rotate(.5deg)}.address-character-img{min-width:620px;height:auto;margin-bottom:20px;margin-top:-180px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease}.address-character-img:hover{transform:scale(1.05)}.address-input-field{font-size:18px;padding:12px 0;border:none;border-bottom:3px solid #d4a574;background:transparent;transition:all .3s ease;font-family:Fredoka One,cursive;color:#d4a574;text-align:center;letter-spacing:1px;width:100%;outline:none}.address-input-field:focus{border-bottom-color:#d4a574;border-bottom-width:4px}.address-input-field::placeholder{color:#e6c896;font-weight:400}.address-next-button{background:#fff;border:none;border-radius:25px;padding:16px 35px;font-family:Fredoka One,cursive;font-size:18px;font-weight:800;color:#d4a574;cursor:pointer;margin-top:25px;box-shadow:0 6px #d4a574,0 8px 15px #0000001a;width:100%;max-width:290px;transition:all .3s ease;position:relative;letter-spacing:2px}.address-content-container{animation:slideInUp .6s ease-out}.address-prompt{animation:fadeInUp .6s ease-out .2s both}.address-input-field{animation:fadeInUp .6s ease-out .4s both}.address-character-img{animation:fadeInScale .8s ease-out .6s both}.address-next-button{animation:fadeInUp .6s ease-out .8s both}}@media (min-width: 768px){.address-content-container{padding:90px 45px 55px;gap:22px;max-width:400px;min-height:550px;border-radius:30px;border:3px dashed #d4a574}.address-character{margin-top:-25px;margin-bottom:15px}.address-character-img{width:160px}.address-prompt-line{font-size:15px}.address-prompt-address{font-size:28px}.address-input-field{font-size:17px;padding:7px 0}.address-next-button{padding:18px 45px;font-size:19px;margin-top:25px;border-radius:25px;box-shadow:0 6px #ffb300,0 8px 15px #0000001a;text-shadow:2px 2px 0 #ffb300;width:100%;max-width:400px}}.delivery-option-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f7f4;padding:20px;position:relative}.delivery-option-content-container{padding:80px 45px 40px;gap:20px;max-width:290px;min-height:auto;border-radius:30px;border:3px dashed #6b8e23;box-shadow:0 8px 30px #0000001a;background:#fff;margin:0 auto}.delivery-option-character{display:flex;justify-content:center;align-items:center;margin-top:-20px}.delivery-option-character-img{min-width:clamp(200px,50vw,280px);height:auto;margin-top:-40px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease}.delivery-option-character-img:hover{transform:scale(1.05)}.delivery-option-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.delivery-option-button{background:#fff;border:3px solid #d4a574;border-radius:25px;padding:16px 35px;font-family:Fredoka One,cursive;font-size:18px;font-weight:800;color:#d4a574;cursor:pointer;box-shadow:0 6px #d4a574,0 8px 15px #0000001a;width:100%;transition:all .3s ease;position:relative;letter-spacing:2px;outline:none;-webkit-tap-highlight-color:transparent}.delivery-option-button:hover{transform:translateY(-2px);box-shadow:0 8px #d4a574,0 10px 20px #00000026;color:#d4a574;background:#fff}.delivery-option-button:active{transform:translateY(2px);box-shadow:0 4px #d4a574,0 6px 12px #0000001a;color:#d4a574;background:#fff}.delivery-option-button:focus{outline:none;color:#d4a574;background:#fff}.delivery-option-button.selected{background:#d4a574;color:#fff;box-shadow:0 6px #b8945f,0 8px 15px #00000026}.delivery-option-button.selected:hover{box-shadow:0 8px #b8945f,0 10px 20px #00000026;background:#d4a574;color:#fff}@media (max-width: 480px){.delivery-option-page{padding:15px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto;background:#f8f7f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.delivery-option-content-container{padding:80px 45px 40px;gap:20px;max-width:290px;min-height:auto;border-radius:30px;border:3px dashed #d4a574;box-shadow:0 8px 30px #0000001a;background:#fff;margin:0 auto}.delivery-option-character-img{min-width:620px;height:auto;margin-top:-180px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));transition:transform .3s ease}.delivery-option-character-img:hover{transform:scale(1.05)}.delivery-option-buttons{gap:15px;align-items:center;justify-content:center}.delivery-option-button{padding:16px 35px;font-size:18px;letter-spacing:2px;width:auto;min-width:200px;max-width:200px}.delivery-option-content-container{animation:slideInUp .6s ease-out}.delivery-option-buttons{animation:fadeInUp .6s ease-out .2s both}.delivery-option-character-img{animation:fadeInScale .8s ease-out .6s both}}@media (min-width: 768px){.delivery-option-content-container{padding:90px 45px 55px;gap:22px;max-width:400px;min-height:550px;border-radius:30px;border:3px dashed #d4a574}.delivery-option-character{margin-top:-25px}.delivery-option-character-img{width:160px}.delivery-option-button{padding:18px 45px;font-size:19px;width:auto;min-width:220px;max-width:220px}}.personality-result-template{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6f4ef,#faf8f5);padding:25px 20px;width:100vw;max-width:100vw;overflow-x:hidden;position:relative}.personality-result-template:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none;z-index:0}.result-title{font-family:Fredoka One,cursive;font-size:clamp(28px,7vw,42px);color:#000;font-weight:400;text-align:center;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;animation:titleReveal 1.2s cubic-bezier(.34,1.56,.64,1) .2s both;position:relative;z-index:1;text-shadow:0 4px 15px rgba(0,0,0,.15),0 2px 5px rgba(0,0,0,.1);background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-banner{background:linear-gradient(135deg,#e8f4f8,#d8e8f0,#c8dce8);border-radius:45px;padding:18px 35px;margin-bottom:20px;box-shadow:0 8px 25px #004aad26,0 3px 10px #004aad1a,0 0 20px #ffffff80,inset 0 2px #fff9,inset 0 -1px #0000000d;text-align:center;min-width:280px;position:relative;animation:bannerSlideIn 1s cubic-bezier(.34,1.56,.64,1) .5s both;z-index:1;border:2px solid rgba(255,255,255,.6);overflow:hidden;transform-style:preserve-3d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.result-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,transparent 80%);animation:bannerShine 4s ease-in-out infinite;pointer-events:none;z-index:0}.result-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:45px;pointer-events:none;z-index:0}.result-banner:has(.banner-text-green){background:linear-gradient(135deg,#f0f8f0,#e8f4e8,#e0f0e0);box-shadow:0 8px 25px #a4cb8733,0 3px 10px #a4cb8726,0 0 20px #ffffff80,inset 0 2px #fff9,inset 0 -1px #0000000d;border-color:#a4cb8766}.result-banner:has(.banner-text-blue){background:linear-gradient(135deg,#e8f2f9,#d8e8f5,#c8def1);box-shadow:0 8px 25px #004aad33,0 3px 10px #004aad26,0 0 20px #ffffff80,inset 0 2px #fff9,inset 0 -1px #0000000d;border-color:#004aad4d}.result-banner:has(.banner-text-purple){background:linear-gradient(135deg,#f5f0f9,#ede5f5,#e5daf1);box-shadow:0 8px 25px #9370db33,0 3px 10px #9370db26,0 0 20px #ffffff80,inset 0 2px #fff9,inset 0 -1px #0000000d;border-color:#9370db4d}.result-banner:has(.banner-text-yellow){background:linear-gradient(135deg,#fff8e8,#fff4e0,#fff0d8);box-shadow:0 8px 25px #ffa50033,0 3px 10px #ffa50026,0 0 20px #ffffff80,inset 0 2px #fff9,inset 0 -1px #0000000d;border-color:#ffa50066}.banner-text-small{font-family:Fredoka One,cursive;font-size:clamp(14px,3.5vw,18px);font-weight:400;text-transform:uppercase;margin-bottom:4px;text-shadow:2px 2px 6px rgba(0,0,0,.25),1px 1px 2px rgba(0,0,0,.2),0 0 10px rgba(255,255,255,.3);position:relative;z-index:2;animation:textPop .8s cubic-bezier(.34,1.56,.64,1) .8s both;letter-spacing:1.5px}.banner-text-large{font-family:Fredoka One,cursive;font-size:clamp(22px,5.5vw,32px);font-weight:400;text-transform:uppercase;text-shadow:2px 2px 6px rgba(0,0,0,.25),1px 1px 2px rgba(0,0,0,.2),0 0 10px rgba(255,255,255,.3);line-height:1.1;position:relative;z-index:2;animation:textPop .8s cubic-bezier(.34,1.56,.64,1) 1s both;letter-spacing:2px}.banner-text-green{color:#a4cb87}.banner-text-purple{color:#9370db}.banner-text-yellow{color:orange}.banner-text-blue{color:#004aad}.result-description{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(15px,3.5vw,18px);color:#1a1a1a;text-align:center;line-height:1.5;margin-bottom:25px;max-width:420px;padding:12px 20px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out 1.2s both;position:relative;z-index:1;font-weight:500}.result-character{display:flex;justify-content:center;margin:15px 0;position:relative;z-index:1}.result-character-img{width:clamp(300px,60vw,600px);height:auto;max-width:600px}.result-character.harmonizer-layout{display:flex;justify-content:center;align-items:center;margin:20px 0;position:relative;width:100%;height:320px}.result-character.harmonizer-layout .result-character-img{width:160px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:characterBounce 1s ease-out .7s both,characterFloat 3s ease-in-out 1.7s infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.harmonizer-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;pointer-events:none}.harmonizer-orbit .harmonizer-bubble,.harmonizer-orbit .harmonizer-label{pointer-events:auto}.harmonizer-bubble .bubble-label,.harmonizer-label .bubble-label{display:inline-block;white-space:nowrap;transform-origin:center center}.harmonizer-bubble,.harmonizer-label{position:absolute;color:#a4cb87;font-family:Fredoka One,cursive;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:0;line-height:1;letter-spacing:.8px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1;animation:labelFadeIn 1s cubic-bezier(.34,1.56,.64,1) both,labelPulse 2.5s ease-in-out 1.5s infinite;transition:all .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.harmonizer-label:hover{transform:scale(1.1) translate(-50%,-50%)}.harmonizer-bubble:after,.harmonizer-bubble:before,.harmonizer-label:after,.harmonizer-label:before{content:none}.harmonizer-bubble:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,#228b2200,#228b2259,#228b2200);-webkit-mask:radial-gradient(circle 52% at 50% 50%,transparent 64%,#000 66%);mask:radial-gradient(circle 52% at 50% 50%,transparent 64%,#000 66%);animation:ringSpin 3.2s linear infinite;pointer-events:none}.harmonizer-slot{position:absolute;width:0;height:0}.harmonizer-orbit .harmonizer-bubble,.harmonizer-orbit .harmonizer-label{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.harmonizer-orbit .harmonizer-slot.feelers{top:0;left:25%;transform:translate(-50%,-50%);--glowDelay: 0s}.harmonizer-orbit .harmonizer-slot.feelers .harmonizer-label{animation-delay:1.6s,2.1s}.harmonizer-orbit .harmonizer-slot.dreamers{top:0;left:75%;transform:translate(-50%,-50%);--glowDelay: .2s}.harmonizer-orbit .harmonizer-slot.dreamers .harmonizer-label{animation-delay:1.7s,2.2s}.harmonizer-orbit .harmonizer-slot.peacemakers{bottom:0;left:75%;transform:translate(-50%,50%);--glowDelay: .4s}.harmonizer-orbit .harmonizer-slot.peacemakers .harmonizer-label{animation-delay:1.8s,2.3s}.harmonizer-orbit .harmonizer-slot.idealists{bottom:0;left:25%;transform:translate(-50%,50%);--glowDelay: .6s}.harmonizer-orbit .harmonizer-slot.idealists .harmonizer-label{animation-delay:1.9s,2.4s}.result-character.guardians-layout,.result-character.brainiacs-layout,.result-character.wanderers-layout{display:flex;justify-content:center;align-items:center;margin:20px 0;position:relative;width:100%;height:320px}.result-character.guardians-layout .result-character-img,.result-character.brainiacs-layout .result-character-img,.result-character.wanderers-layout .result-character-img{width:160px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:characterBounce 1s ease-out .7s both,characterFloat 3s ease-in-out 1.7s infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.result-character.guardians-layout:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border:2px dashed rgba(0,74,173,.35);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite}.result-character.guardians-layout:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1.5px dashed rgba(0,74,173,.25);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite .5s}.result-character.harmonizer-layout:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border:2px dashed rgba(164,203,135,.35);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite}.result-character.harmonizer-layout:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1.5px dashed rgba(164,203,135,.25);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite .5s}.result-character.brainiacs-layout:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border:2px dashed rgba(147,112,219,.35);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite}.result-character.brainiacs-layout:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1.5px dashed rgba(147,112,219,.25);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite .5s}.result-character.wanderers-layout:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border:2px dashed rgba(255,165,0,.35);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite}.result-character.wanderers-layout:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1.5px dashed rgba(255,165,0,.25);border-radius:50%;z-index:1;pointer-events:none;animation:patternPulse 3s ease-in-out infinite .5s}.result-character.guardians-layout{position:relative}.result-character.guardians-layout .guardian-bubble{position:absolute;width:8px;height:8px;background:#004aad4d;border-radius:50%;z-index:1;pointer-events:none;animation:bubbleFloat 4s ease-in-out infinite}.result-character.guardians-layout .guardian-bubble:nth-child(1){top:20%;left:25%;animation-delay:0s}.result-character.guardians-layout .guardian-bubble:nth-child(2){top:30%;right:20%;animation-delay:.5s}.result-character.guardians-layout .guardian-bubble:nth-child(3){bottom:25%;left:20%;animation-delay:1s}.result-character.guardians-layout .guardian-bubble:nth-child(4){bottom:30%;right:25%;animation-delay:1.5s}.result-character.harmonizer-layout .harmonizer-bubble-decorative{position:absolute;width:8px;height:8px;background:#a4cb874d;border-radius:50%;z-index:1;pointer-events:none;animation:bubbleFloat 4s ease-in-out infinite}.result-character.harmonizer-layout .harmonizer-bubble-decorative:nth-child(1){top:20%;left:25%;animation-delay:0s}.result-character.harmonizer-layout .harmonizer-bubble-decorative:nth-child(2){top:30%;right:20%;animation-delay:.5s}.result-character.harmonizer-layout .harmonizer-bubble-decorative:nth-child(3){bottom:25%;left:20%;animation-delay:1s}.result-character.harmonizer-layout .harmonizer-bubble-decorative:nth-child(4){bottom:30%;right:25%;animation-delay:1.5s}.result-character.brainiacs-layout .brainiac-bubble{position:absolute;width:8px;height:8px;background:#9370db4d;border-radius:50%;z-index:1;pointer-events:none;animation:bubbleFloat 4s ease-in-out infinite}.result-character.brainiacs-layout .brainiac-bubble:nth-child(1){top:20%;left:25%;animation-delay:0s}.result-character.brainiacs-layout .brainiac-bubble:nth-child(2){top:30%;right:20%;animation-delay:.5s}.result-character.brainiacs-layout .brainiac-bubble:nth-child(3){bottom:25%;left:20%;animation-delay:1s}.result-character.brainiacs-layout .brainiac-bubble:nth-child(4){bottom:30%;right:25%;animation-delay:1.5s}.result-character.wanderers-layout .wanderer-bubble{position:absolute;width:8px;height:8px;background:#ffa5004d;border-radius:50%;z-index:1;pointer-events:none;animation:bubbleFloat 4s ease-in-out infinite}.result-character.wanderers-layout .wanderer-bubble:nth-child(1){top:20%;left:25%;animation-delay:0s}.result-character.wanderers-layout .wanderer-bubble:nth-child(2){top:30%;right:20%;animation-delay:.5s}.result-character.wanderers-layout .wanderer-bubble:nth-child(3){bottom:25%;left:20%;animation-delay:1s}.result-character.wanderers-layout .wanderer-bubble:nth-child(4){bottom:30%;right:25%;animation-delay:1.5s}.personality-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;pointer-events:none}.personality-orbit .personality-label{pointer-events:auto}.personality-label .bubble-label{display:inline-block;white-space:nowrap;transform-origin:center center}.personality-label{position:absolute;font-family:Fredoka One,cursive;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:0;line-height:1;letter-spacing:.8px;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1;animation:labelFadeIn 1s cubic-bezier(.34,1.56,.64,1) both,labelPulse 2.5s ease-in-out 1.5s infinite;transition:all .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.personality-label:hover{transform:scale(1.08) translate(-50%,-50%)}.personality-label:hover,.harmonizer-label:hover{white-space:nowrap}.guardians-layout .personality-label{color:#004aad}.guardians-layout .personality-slot.guardian-1 .personality-label{z-index:2}.guardians-layout .personality-slot.guardian-2 .personality-label{z-index:3}.brainiacs-layout .personality-label{color:#9370db}.brainiacs-layout .personality-slot.brainiac-1 .personality-label{z-index:2}.brainiacs-layout .personality-slot.brainiac-2 .personality-label{z-index:3}.wanderers-layout .personality-label{color:orange;text-shadow:1px 1px 2px rgba(0,0,0,.15)}.wanderers-layout .personality-slot.wanderer-1 .personality-label{z-index:2}.wanderers-layout .personality-slot.wanderer-2 .personality-label{z-index:3}.personality-slot{position:absolute;width:0;height:0}.personality-orbit .personality-label{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.guardian-1{top:0;left:25%;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.guardian-1 .personality-label{animation-delay:1.6s,2.1s}.personality-orbit .personality-slot.guardian-2{top:0;left:75%;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.guardian-2 .personality-label{animation-delay:1.7s,2.2s}.personality-orbit .personality-slot.guardian-3{bottom:0;left:25%;transform:translate(-50%,50%)}.personality-orbit .personality-slot.guardian-3 .personality-label{animation-delay:1.8s,2.3s}.personality-orbit .personality-slot.guardian-4{bottom:0;left:75%;transform:translate(-50%,50%)}.personality-orbit .personality-slot.guardian-4 .personality-label{animation-delay:1.9s,2.4s}.personality-orbit .personality-slot.brainiac-1{top:0;left:25%;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.brainiac-1 .personality-label{animation-delay:1.6s,2.1s}.personality-orbit .personality-slot.brainiac-2{top:0;left:75%;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.brainiac-2 .personality-label{animation-delay:1.7s,2.2s}.personality-orbit .personality-slot.brainiac-3{bottom:0;left:25%;transform:translate(-50%,50%)}.personality-orbit .personality-slot.brainiac-3 .personality-label{animation-delay:1.8s,2.3s}.personality-orbit .personality-slot.brainiac-4{bottom:0;left:75%;transform:translate(-50%,50%)}.personality-orbit .personality-slot.brainiac-4 .personality-label{animation-delay:1.9s,2.4s}.personality-orbit .personality-slot.wanderer-1{top:0;left:25%;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.wanderer-1 .personality-label{animation-delay:1.6s,2.1s}.personality-orbit .personality-slot.wanderer-2{top:0;left:75%;transform:translate(-50%,-50%)}.personality-orbit .personality-slot.wanderer-2 .personality-label{animation-delay:1.7s,2.2s}.personality-orbit .personality-slot.wanderer-3{bottom:0;left:25%;transform:translate(-50%,50%)}.personality-orbit .personality-slot.wanderer-3 .personality-label{animation-delay:1.8s,2.3s}.personality-orbit .personality-slot.wanderer-4{bottom:0;left:75%;transform:translate(-50%,50%)}.personality-orbit .personality-slot.wanderer-4 .personality-label{animation-delay:1.9s,2.4s}@keyframes bubbleGlow{0%,to{filter:blur(10px);opacity:.55;transform:scale(1)}50%{filter:blur(14px);opacity:.9;transform:scale(1.04)}}@keyframes bubbleFloat{0%,to{transform:translateZ(0) scale(1);opacity:.3}50%{transform:translate3d(0,-8px,0) scale(1.2);opacity:.6}}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes counterSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(-30px) scale(.8) rotateX(90deg)}60%{transform:translateY(5px) scale(1.05) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(40px) scale(.9) rotateY(-10deg)}60%{transform:translateY(-5px) scale(1.02) rotateY(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}@keyframes bannerShine{0%,to{transform:translate(-50%,-50%) rotate(0);opacity:0}50%{transform:translate(-50%,-50%) rotate(180deg);opacity:.3}}@keyframes textPop{0%{opacity:0;transform:scale(.7) rotate(-5deg)}50%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes characterBounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-15deg);filter:blur(10px)}50%{transform:translate(-50%,-50%) scale(1.15) rotate(8deg);filter:blur(2px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}}@keyframes characterFloat{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0)}25%{transform:translate(-50%,-50%) translateY(-8px) rotate(1deg)}50%{transform:translate(-50%,-50%) translateY(-12px) rotate(0)}75%{transform:translate(-50%,-50%) translateY(-8px) rotate(-1deg)}}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(180deg);filter:blur(8px)}60%{transform:translate(-50%,-50%) scale(1.1) rotate(-5deg);filter:blur(2px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}}@keyframes labelPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes patternPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.05)}}@keyframes characterBounceSimple{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes characterFloatSimple{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.harmonizer-word{position:absolute;font-family:Fredoka One,cursive;font-size:18px;font-weight:400;color:#228b22;text-shadow:2px 2px 4px rgba(0,0,0,.2);z-index:1;white-space:nowrap;letter-spacing:2px;background:#228b221a;padding:8px 12px;border-radius:20px;border:2px solid rgba(34,139,34,.3);backdrop-filter:blur(5px)}.harmonizer-word.feelers{top:5%;left:50%;transform:translate(-50%)}.harmonizer-word.emotions{top:50%;left:5%;transform:translateY(-50%) rotate(-15deg)}.harmonizer-word.critical{top:50%;right:5%;transform:translateY(-50%) rotate(15deg)}.harmonizer-word.judgment{bottom:5%;left:20%;transform:rotate(-10deg)}.result-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.action-button-small{background:linear-gradient(135deg,#fff,#f8f9fa,#f0f2f5);border:2.5px solid #b0c4de;border-radius:25px;padding:12px 22px;cursor:pointer;font-family:Caveat Brush,cursive;font-size:clamp(13px,3.5vw,16px);color:#004aad;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1);min-width:140px;box-shadow:0 6px 20px #0003,0 0 12px #b0c4de4d,inset 0 1px #fffc;position:relative;overflow:hidden;animation:buttonSlideIn .8s cubic-bezier(.34,1.56,.64,1) 1.4s both;font-weight:700;letter-spacing:.8px}.action-button-small:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.action-button-small:hover:before{left:100%}.action-button-small:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #004aad66,0 5px 15px #b0c4de80,0 0 20px #004aad4d,inset 0 2px #ffffffe6;background:linear-gradient(135deg,#f0f8ff,#e8f4ff,#e0f0ff);border-color:#004aad;border-width:3px}.result-next-button{background:#fff;border:2px solid #b0c4de;border-radius:30px;padding:18px 40px;cursor:pointer;font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,24px);color:#004aad;text-transform:uppercase;font-weight:400;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.result-next-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f0f8ff}.result-helper-text{font-family:Arial,sans-serif;font-size:14px;color:#666;text-align:center;margin:10px 0;font-style:italic}@media (max-width: 480px){.personality-result-template{padding:20px 15px}.result-banner{padding:15px 25px;min-width:250px}.result-actions{flex-direction:column;align-items:center;gap:10px}.action-button-small{min-width:200px}.result-description{padding:0 10px}.result-character-img{width:250px}.result-character.harmonizer-layout{height:280px;margin:15px 0}.result-character.harmonizer-layout .result-character-img{width:130px}.harmonizer-orbit{width:220px;height:220px}.result-character.guardians-layout,.result-character.brainiacs-layout,.result-character.wanderers-layout{height:280px;margin:15px 0}.result-character.guardians-layout .result-character-img,.result-character.brainiacs-layout .result-character-img,.result-character.wanderers-layout .result-character-img{width:130px}.personality-orbit{width:220px;height:220px}.result-character.guardians-layout:after,.result-character.harmonizer-layout:after,.result-character.brainiacs-layout:after,.result-character.wanderers-layout:after{width:200px;height:200px}.result-character.guardians-layout:before,.result-character.harmonizer-layout:before,.result-character.brainiacs-layout:before,.result-character.wanderers-layout:before{width:170px;height:170px}.harmonizer-orbit{width:260px;height:260px;animation-duration:16s}.harmonizer-bubble .bubble-label{animation-duration:16s}.harmonizer-bubble{width:70px;height:70px;font-size:10px;padding:8px;border-width:2px;box-shadow:0 14px 26px #00000024,0 0 0 3px #228b2214,0 0 16px #228b2229,inset 0 2px 8px #fff6,inset 0 -6px 12px #228b2214;backdrop-filter:blur(7px) saturate(110%);-webkit-backdrop-filter:blur(7px) saturate(110%)}.harmonizer-bubble:after{top:-8px;right:-8px;bottom:-8px;left:-8px;filter:blur(9px)}.harmonizer-bubble.feelers{top:2%;left:50%;transform:translate(-50%)}.harmonizer-bubble.dreamers{top:50%;right:4%;transform:translateY(-50%)}.harmonizer-bubble.peacemakers{bottom:2%;left:50%;transform:translate(-50%)}.harmonizer-bubble.idealists{top:50%;left:4%;transform:translateY(-50%)}}@media (min-width: 768px){.personality-result-template{padding:60px 40px}.result-banner{padding:25px 50px;min-width:350px}.result-character-img{width:450px}.result-actions{gap:20px}.action-button-small{min-width:160px}}@media (min-width: 1024px){.personality-result-template{padding:80px 60px}.result-banner{padding:30px 60px;min-width:400px}}.design-shirt-template{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#f6f4ef;padding:40px 20px;width:100vw;max-width:100vw;overflow-x:hidden}.design-header{text-align:center;margin-bottom:40px}.design-subtitle{font-family:Caveat Brush,cursive;font-size:clamp(16px,4vw,20px);color:#004aad;margin-bottom:10px;text-transform:uppercase}.design-title{font-family:Caveat Brush,cursive;font-size:clamp(28px,7vw,40px);color:#004aad;font-weight:400;text-transform:uppercase}.shirt-templates{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;width:100%;max-width:600px}.template-row{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.template-option{display:flex;flex-direction:column;align-items:center;gap:10px}.shirt-template{width:120px;height:140px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.shirt-template-image{width:100%;height:100%;object-fit:contain;background:transparent}.shirt-template:hover{transform:scale(1.05)}.shirt-template.selected{transform:scale(1.1);filter:drop-shadow(0 4px 15px rgba(25,118,210,.3))}.shirt-template.active{transform:scale(1.1);filter:drop-shadow(0 4px 15px rgba(0,74,173,.5))}.shirt-body{width:100%;height:100%;background:#fff;border:3px solid #000;border-radius:8px;position:relative;display:flex;flex-direction:column}.shirt-collar{width:40px;height:20px;background:#000;border-radius:0 0 20px 20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.shirt-sleeves{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 5px}.sleeve{width:15px;height:40px;background:#000;border-radius:0 0 8px 8px}.shirt-hem{position:absolute;bottom:0;left:0;right:0;height:8px;background:#000;border-radius:0 0 5px 5px}.patch-placeholder{position:absolute;width:30px;height:30px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}.middle-patch{top:50%;left:50%;transform:translate(-50%,-50%)}.chest-patch{top:35%;left:25%}.sleeve-patch{top:30%;right:10px}.patch-text{color:#fff;font-size:8px;font-weight:700;text-align:center;line-height:1}.template-label{font-family:Caveat Brush,cursive;font-size:clamp(14px,3.5vw,16px);color:#004aad;text-transform:uppercase;font-weight:700}.position-buttons{display:flex;gap:8px;margin-top:5px}.position-button{background:#e0e0e0;border:none;border-radius:15px;padding:6px 12px;font-family:Caveat Brush,cursive;font-size:12px;color:#004aad;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.position-button:hover{background:#d0d0d0}.position-button.selected{background:#004aad;color:#fff}.choose-text{font-family:Caveat Brush,cursive;font-size:12px;color:#004aad;text-transform:uppercase;margin-top:5px;font-style:italic}.design-next-button{background:#fff;border:2px solid #b0c4de;border-radius:30px;padding:18px 40px;cursor:pointer;font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,24px);color:#004aad;text-transform:uppercase;font-weight:400;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.design-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f0f8ff}.design-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.design-shirt-template{padding:20px 15px}.shirt-template{width:100px;height:120px}.shirt-template-image{width:100%;height:100%}.template-row,.shirt-templates{gap:20px}.patch-placeholder{width:25px;height:25px}.patch-text{font-size:7px}}@media (min-width: 768px){.design-shirt-template{padding:60px 40px}.shirt-template{width:140px;height:160px}.shirt-template-image{width:100%;height:100%}.template-row,.shirt-templates{gap:40px}}@media (min-width: 1024px){.design-shirt-template{padding:80px 60px}}.payment-template{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f4ef;padding:40px 20px;width:100vw;max-width:100vw;overflow-x:hidden}.payment-header{text-align:center;margin-bottom:40px}.payment-title{font-family:Fredoka One,cursive;font-size:clamp(28px,7vw,42px);color:#004aad;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.payment-account{font-family:Fredoka One,cursive;font-size:clamp(16px,3.5vw,20px);color:#004aad;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.payment-note{font-family:Fredoka One,cursive;font-size:clamp(14px,3vw,18px);color:#004aad;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.order-summary-section{background:#fff;border-radius:20px;padding:30px 25px;margin-bottom:40px;width:100%;max-width:400px;box-shadow:0 4px 15px #0000001a}.order-summary-title{font-family:Caveat Brush,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:20px}.order-summary-item{font-family:Caveat Brush,cursive;font-size:clamp(16px,4vw,20px);color:#333;text-align:center;margin-bottom:15px;line-height:1.4;text-transform:capitalize}.order-summary-price{font-family:Caveat Brush,cursive;font-size:clamp(24px,6vw,32px);color:#004aad;font-weight:700;text-align:center;text-transform:uppercase}.payment-details-section{background:#fff;border-radius:20px;padding:25px 30px;margin-bottom:30px;width:100%;max-width:400px;box-shadow:0 4px 15px #0000001a}.payment-details-title{font-family:Fredoka One,cursive;font-size:clamp(24px,5.5vw,32px);color:#004aad;font-weight:700;text-align:center;text-transform:uppercase;margin-bottom:20px;letter-spacing:1px}.payment-details-list{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.payment-details-item{display:flex;justify-content:space-between;align-items:center;font-family:Fredoka One,cursive;font-size:clamp(16px,3.5vw,20px);color:#004aad}.payment-details-name{font-weight:400;text-transform:uppercase;letter-spacing:.5px}.payment-details-price{font-weight:400;text-transform:uppercase}.payment-details-discount{color:#004aad}.payment-details-divider{width:100%;height:2px;background:#004aad;margin:15px 0;border-radius:1px}.payment-details-total{display:flex;justify-content:space-between;align-items:center;font-family:Fredoka One,cursive;font-size:clamp(20px,4.5vw,26px);color:#004aad;font-weight:700;text-transform:uppercase;letter-spacing:1px}.payment-details-total-label,.payment-details-total-price{font-weight:700}.upload-section{margin-bottom:60px;width:100%;max-width:400px}.upload-box{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 8px 25px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-box:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000026}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-text{font-family:Caveat Brush,cursive;font-size:clamp(18px,4.5vw,22px);color:#004aad;text-transform:uppercase;font-weight:700}.upload-line{width:120px;height:2px;background:#004aad;border-radius:1px}.image-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;max-height:150px;object-fit:contain;border-radius:10px}.upload-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffffe6;padding:10px 20px;border-radius:15px;backdrop-filter:blur(5px)}.payment-next-button{background:#fff;border:2px solid #b0c4de;border-radius:30px;padding:18px 40px;cursor:pointer;font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,24px);color:#004aad;text-transform:uppercase;font-weight:400;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.payment-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#f0f8ff}.payment-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.payment-template{padding:20px 15px}.payment-header{margin-bottom:30px}.payment-title{font-size:clamp(24px,6vw,36px)}.payment-account{font-size:clamp(14px,3vw,18px)}.payment-note{font-size:clamp(12px,2.5vw,16px)}.payment-details-section{padding:20px 25px;margin-bottom:25px}.payment-details-title{font-size:clamp(20px,4.5vw,28px);margin-bottom:15px}.payment-details-item{font-size:clamp(14px,3vw,18px);gap:10px}.payment-details-divider{margin:12px 0}.payment-details-total{font-size:clamp(18px,4vw,24px)}.upload-section{margin-bottom:40px}.upload-box{padding:40px 20px;min-height:150px}.upload-line{width:100px}}@media (min-width: 768px){.payment-template{padding:60px 40px}.upload-box{padding:80px 60px;min-height:250px}.upload-line{width:140px}}@media (min-width: 1024px){.payment-template{padding:80px 60px}}.name-display{font-size:18px;font-weight:700;color:#2196f3;font-family:Comic Sans MS,cursive,sans-serif;text-align:center;padding:8px 12px;background:#2196f31a;border-radius:8px;border:1px solid #2196f3}.next-button{background:transparent;color:#2196f3;padding:12px 35px;border-radius:12px;font-size:18px;font-weight:400;font-family:Fredoka One,cursive;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.3);pointer-events:auto;margin-top:5px}.next-button:hover:not(:disabled){background:#004aad;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.next-button:disabled{background:#f0f0f0;color:#ccc;border-color:#ccc;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #0000001a}.qua-buds-logo{text-align:center;margin-bottom:30px;padding-top:20px}.qua-buds-logo h1{font-size:32px;font-weight:700;color:#2196f3;margin:0;font-family:Comic Sans MS,cursive,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.qua-buds-content{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;margin-bottom:30px;position:relative}.qua-buds-section{border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;min-height:200px;box-shadow:0 4px 15px #0000001a}.yellow-section{background:linear-gradient(135deg,#fff59d,#ffeb3b);grid-column:1;grid-row:1}.blue-section{background:linear-gradient(135deg,#81d4fa,#29b6f6);grid-column:2;grid-row:1}.green-section{background:linear-gradient(135deg,#a5d6a7,#66bb6a);grid-column:2;grid-row:2}.purple-section{background:linear-gradient(135deg,#ce93d8,#ba68c8);grid-column:1;grid-row:2}.blob-character{width:80px;height:80px;border-radius:50% 40%;border:3px solid #333;position:relative;margin-bottom:15px;background:#ffffff4d}.yellow-blob{background:linear-gradient(135deg,#fff59d,#ffeb3b)}.blue-blob{background:linear-gradient(135deg,#81d4fa,#29b6f6)}.green-blob{background:linear-gradient(135deg,#a5d6a7,#66bb6a)}.purple-blob{background:linear-gradient(135deg,#ce93d8,#ba68c8)}.eye{width:8px;height:8px;background:#333;border-radius:50%}.blob-mouth{position:absolute;bottom:20px;left:50%;transform:translate(-50%);border:2px solid #333;border-top:none}.happy-mouth{width:20px;height:10px;border-radius:0 0 20px 20px}.neutral-mouth{width:15px;height:2px;border-radius:1px;border:2px solid #333;border-top:none;border-bottom:none}.small-smile{width:12px;height:6px;border-radius:0 0 12px 12px}.blob-feet{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:10px}.foot{width:12px;height:8px;background:#333;border-radius:50% 50% 0 0}.blob-glasses{position:absolute;top:15px;left:50%;transform:translate(-50%);width:30px;height:20px;border:3px solid #333;border-radius:50%;background:transparent}.blob-glasses:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:#333}.section-text{margin-top:10px}.text-line{font-size:14px;font-weight:700;color:#fff;margin-bottom:5px;font-family:Comic Sans MS,cursive,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.colorful-text{font-size:18px;display:flex;justify-content:center;gap:2px}.char-blue{color:#2196f3}.char-yellow{color:#ffeb3b}.char-purple{color:#9c27b0}.char-green{color:#4caf50}.speech-bubble{position:absolute;top:-10px;right:-10px;background:#fff;border:3px solid #2196f3;border-radius:15px;padding:8px 12px;box-shadow:0 2px 8px #0003}.speech-bubble:before{content:"";position:absolute;bottom:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2196f3}.speech-bubble:after{content:"";position:absolute;bottom:-5px;left:22px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}.speech-text{font-size:12px;font-weight:700;color:#2196f3;font-family:Comic Sans MS,cursive,sans-serif}.qua-buds-footer{text-align:center;padding:20px 0}.start-here-button{background:#fff;border:3px solid #2196f3;border-radius:15px;padding:15px 30px;font-size:18px;font-weight:700;color:#2196f3;cursor:pointer;transition:all .3s ease;font-family:Comic Sans MS,cursive,sans-serif;margin-bottom:20px;box-shadow:0 4px 15px #0000001a}.start-here-button:hover{background:#2196f3;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2196f34d}.instagram-handle{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;color:#2196f3;font-family:Comic Sans MS,cursive,sans-serif}.instagram-icon{font-size:18px}.qua-buds-header{display:flex;align-items:center;margin-bottom:30px;padding-top:20px}.qua-buds-back-button{background:none;border:none;font-size:24px;color:#2196f3;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;font-family:Comic Sans MS,cursive,sans-serif}.qua-buds-back-button:hover{background-color:#2196f31a}.qua-buds-form-content{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.form-card{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 8px 30px #0000001a;border:3px solid #f0f0f0;max-width:400px;width:100%}.form-icon{font-size:48px;margin-bottom:20px}.form-card h2{font-size:24px;font-weight:700;color:#333;margin:0 0 10px;font-family:Comic Sans MS,cursive,sans-serif}.form-card p{font-size:16px;color:#666;margin:0 0 30px;font-family:Comic Sans MS,cursive,sans-serif}.form-input-group{margin-bottom:20px}.qua-buds-input{width:100%;padding:18px 20px;border:3px solid #e0e0e0;border-radius:15px;font-size:16px;font-family:Comic Sans MS,cursive,sans-serif;transition:all .3s ease;background:#fafafa}.qua-buds-input:focus{outline:none;border-color:#2196f3;background:#fff;box-shadow:0 0 0 3px #2196f31a}.qua-buds-input::placeholder{color:#999;font-family:Comic Sans MS,cursive,sans-serif}@media (min-width: 768px){.qua-buds-container{max-width:600px}.qua-buds-logo h1{font-size:40px}.qua-buds-content{gap:30px}.qua-buds-section{min-height:250px;padding:30px}.blob-character{width:100px;height:100px}.text-line{font-size:16px}.colorful-text{font-size:22px}.start-here-button{font-size:20px;padding:18px 40px}.form-card{padding:50px 40px}.form-card h2{font-size:28px}.form-card p{font-size:18px}.qua-buds-input{font-size:18px;padding:20px 24px}}.app{min-height:100vh;display:flex;flex-direction:column}.screen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);padding:0}.container{flex:1;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:20px;background:#fff;min-height:100vh;box-shadow:0 0 20px #0000001a}.header{display:flex;align-items:center;margin-bottom:30px;padding-top:20px}.back-button{background:none;border:none;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#f0f0f0}.header h1{flex:1;text-align:center;margin:0;font-size:24px;font-weight:600;color:#333}.content{flex:1;display:flex;flex-direction:column;gap:20px}.footer{padding:20px 0;border-top:1px solid #eee;margin-top:auto}.progress-bar{width:100%;height:4px;background-color:#e0e0e0;border-radius:2px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .3s ease}.primary-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{width:100%;background:#fff;color:#667eea;border:2px solid #667eea;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-button:hover{background:#667eea;color:#fff}.button-group{display:flex;flex-direction:column;gap:12px}.welcome-card,.question-card,.order-card,.thank-you-card,.patch-option-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000001a;border:1px solid #f0f0f0}.icon{font-size:48px;margin-bottom:16px}.welcome-card h2,.question-card h2,.order-card h2,.thank-you-card h2{margin:0 0 12px;color:#333;font-size:20px;font-weight:600}.welcome-card p,.question-card p,.order-card p,.thank-you-card p{margin:0;color:#666;line-height:1.5}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.text-input,.select-input,.textarea{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:border-color .2s;background:#fff}.text-input:focus,.select-input:focus,.textarea:focus{outline:none;border-color:#667eea}.textarea{resize:vertical;min-height:100px}.mbti-badge,.personality-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.type-badge{display:inline-block;padding:12px 24px;border-radius:25px;font-weight:700;font-size:18px;color:#fff;margin:16px 0}.type-badge.green{background:#4caf50}.type-badge.purple{background:#9c27b0}.type-badge.yellow{background:#ffc107;color:#333}.type-badge.blue{background:#2196f3}.options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.option-button{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-size:14px}.option-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-button.green:hover{border-color:#4caf50}.option-button.purple:hover{border-color:#9c27b0}.option-button.yellow:hover{border-color:#ffc107}.option-button.blue:hover{border-color:#2196f3}.color-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0}.option-button.green .color-indicator{background:#4caf50}.option-button.purple .color-indicator{background:#9c27b0}.option-button.yellow .color-indicator{background:#ffc107}.option-button.blue .color-indicator{background:#2196f3}.results-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000001a}.results-breakdown{display:flex;flex-direction:column;gap:12px;margin-top:20px}.result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.color-dot.green{background:#4caf50}.color-dot.purple{background:#9c27b0}.color-dot.yellow{background:#ffc107}.color-dot.blue{background:#2196f3}.design-section{margin-bottom:30px}.design-section h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.color-options,.size-options,.design-options{display:flex;flex-wrap:wrap;gap:12px}.color-option,.size-option,.design-option{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.color-option:hover,.size-option:hover,.design-option:hover{border-color:#667eea}.color-option.selected,.size-option.selected,.design-option.selected{border-color:#667eea;background:#667eea;color:#fff}.order-summary,.payment-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-method{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.payment-method:hover{border-color:#667eea}.payment-method.selected{border-color:#667eea;background:#f8f9ff}.method-icon{font-size:24px}.card-row{display:flex;gap:12px}.card-row .input-group{flex:1}.calendar-info{text-align:center;margin-bottom:30px}.date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.date-option{padding:16px 8px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.date-option:hover{border-color:#667eea}.date-option.selected{border-color:#667eea;background:#667eea;color:#fff}.date-day{font-size:12px;font-weight:600;margin-bottom:4px}.date-number{font-size:20px;font-weight:700;margin-bottom:4px}.date-month{font-size:12px}.selected-date-info{background:#f8f9ff;border-radius:12px;padding:20px;margin-top:20px}.patch-options{display:flex;flex-direction:column;gap:20px}.patch-collection h2{text-align:center;margin-bottom:20px;color:#333}.patch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.patch-card{border:2px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;background:#fff}.patch-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.patch-card.selected{border-color:#667eea;background:#f8f9ff}.patch-preview{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.patch-icon{font-size:24px}.patch-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.patch-info p{margin:0 0 8px;font-size:12px;color:#666;line-height:1.4}.patch-price{font-weight:600;color:#667eea;font-size:14px}.selected-patch-info{background:#f8f9ff;border-radius:12px;padding:20px;margin-top:20px}.selected-patch-details{display:flex;align-items:center;gap:16px}.patch-details h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#333}.patch-details p{margin:0 0 8px;color:#666;font-size:14px}.order-details{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:20px}.order-details h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{font-weight:500;color:#666}.detail-item span:last-child{font-weight:600;color:#333}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.summary-total{display:flex;justify-content:space-between;padding:12px 0;font-weight:600;font-size:18px;color:#333;border-top:2px solid #e0e0e0;margin-top:8px}.info-card{background:#f8f9ff;border-radius:12px;padding:16px;margin-top:16px}.info-card p{margin:0;color:#666;font-size:14px;line-height:1.5}@media (min-width: 768px){.container{max-width:600px;margin:20px auto;min-height:calc(100vh - 40px);border-radius:16px}.button-group{flex-direction:row}.date-grid{grid-template-columns:repeat(4,1fr)}.patch-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.container{max-width:700px}.patch-grid{grid-template-columns:repeat(4,1fr)}}.processing-status{background:#ffffffe6;border:2px solid #8b3dff;border-radius:20px;padding:15px 30px;margin:20px 0;font-size:16px;color:#8b3dff;text-align:center;box-shadow:0 4px 8px #0000001a;animation:pulse 1.5s ease-in-out infinite alternate;font-family:Fredoka One,cursive}.processing-status.error{background:#fff0f0f2;border:2px solid #d32f2f;color:#d32f2f;animation:errorPulse 1s ease-in-out infinite alternate}@keyframes errorPulse{0%{box-shadow:0 4px 8px #d32f2f33}to{box-shadow:0 4px 12px #d32f2f66}}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.get-other-patch-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;cursor:pointer;z-index:10}.get-other-patch-step-indicator{position:absolute;top:20px;right:20px;width:30px;height:30px;background:#d3d3d3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;font-weight:700;z-index:10}.get-other-patch-question{font-family:Caveat Brush,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase}.get-other-patch-question-line{margin-bottom:8px}.get-other-patch-character{display:flex;justify-content:center;align-items:center;margin:-150px -70px -30px 0}.get-other-patch-character-img{width:300px;height:auto;margin-top:90px}.get-other-patch-template .get-other-patch-question-line{font-size:calc(clamp(32px,8vw,48px) - 8px)}.language-switcher{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:10px;background:#ffffffe6;padding:10px;border-radius:25px;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(10px)}.language-btn{padding:8px 16px;border:none;border-radius:20px;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:60px}.language-btn:hover{background:#004aab1a;color:#004aab}.language-btn.active{background:#004aab;color:#fff;box-shadow:0 2px 8px #004aab4d}.language-btn.active:hover{background:#003d8f}@media (max-width: 768px){.language-switcher{top:15px;right:15px;padding:8px;gap:8px}.language-btn{padding:6px 12px;font-size:12px;min-width:50px}}.party-blob{width:100px;height:100px;background:linear-gradient(135deg,#ff9a9e,#fecfef 50% 100%);border-radius:50%/60% 60% 40% 40%;position:relative;animation:float 3s ease-in-out infinite}.blob-eyes{position:absolute;top:25px;left:50%;transform:translate(-50%);display:flex;gap:8px}.eye{width:12px;height:12px;background:#333;border-radius:50%;position:relative}.pupil{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.highlight{width:3px;height:3px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px}.blob-mouth{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:20px;height:10px;border:2px solid #333;border-top:none;border-radius:0 0 20px 20px}.party-hat{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:25px solid #ff6b6b}.party-hat:after{content:"";position:absolute;top:25px;left:-15px;width:30px;height:8px;background:#ff6b6b;border-radius:0 0 15px 15px}.confetti-effects{position:absolute;top:-30px;left:0;right:0;height:30px;pointer-events:none}.confetti{position:absolute;width:6px;height:6px;border-radius:1px;animation:confetti-fall 2s ease-in-out infinite}.confetti-1{background:gold;left:20%;animation-delay:0s}.confetti-2{background:#ff6b6b;left:40%;animation-delay:.3s}.confetti-3{background:#4ecdc4;left:60%;animation-delay:.6s}.confetti-4{background:#45b7d1;left:80%;animation-delay:.9s}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(30px) rotate(180deg);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.get-other-patch-options-container{display:flex;flex-direction:column;gap:15px;padding:20px;flex:1;justify-content:center}.get-other-patch-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#333;text-align:center}.get-other-patch-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.get-other-patch-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.get-other-patch-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px 0 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#333;min-width:120px}.get-other-patch-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.get-other-patch-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.get-other-patch-template{padding:10px;min-height:100vh;height:100vh;max-height:100vh;overflow-y:auto}.get-other-patch-question{margin:60px 0 0;font-size:24px;color:#004aad;text-align:center;animation:fadeInUp .8s ease-out .2s both}.party-blob{width:80px;height:80px}.get-other-patch-options-container{gap:10px;min-height:auto;max-width:300px;margin:50px auto;background:#e8e8e8;border-radius:15px;box-shadow:0 2px 8px #0000001a;animation:fadeInScale .8s ease-out .8s both}.get-other-patch-option-box{padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;margin:0;width:100%;word-wrap:break-word;white-space:normal;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out both}.get-other-patch-option-box:nth-child(1){animation-delay:1s;animation-fill-mode:both}.get-other-patch-option-box:nth-child(2){animation-delay:1.1s;animation-fill-mode:both}.get-other-patch-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.get-other-patch-option-box:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.get-other-patch-next-button{max-width:300px;width:100%;margin:20px auto 0;padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;border:none;transition:all .3s ease;cursor:pointer;animation:fadeInUp .8s ease-out 1.4s both}.get-other-patch-next-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.get-other-patch-next-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}}.get-other-patch2-template{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative}.get-other-patch2-x-button{position:absolute;top:20px;left:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#004aad;z-index:10;transition:all .3s ease}.get-other-patch2-step-indicator{position:absolute;top:20px;right:20px;background:#fff;color:#004aad;padding:8px 12px;border-radius:20px;font-weight:700;font-size:14px;border:1px solid #004aad;transition:all .3s ease}.get-other-patch2-question{text-align:center;margin:60px 0 0;font-family:Fredoka One,cursive;font-size:28px;color:#004aad;line-height:1.2;animation:fadeInUp .8s ease-out .2s both}.get-other-patch2-character{display:flex;justify-content:center;align-items:center;margin:0;animation:fadeInScale .8s ease-out .4s both}.get-other-patch2-options-container{gap:10px;min-height:auto;max-width:300px;margin:80px auto;background:#e8e8e8;border-radius:15px;box-shadow:0 2px 8px #0000001a;animation:fadeInScale .8s ease-out .6s both;padding:15px}.get-other-patch2-option-box{padding:18px;min-height:50px;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a;margin:0;width:100%;word-wrap:break-word;white-space:normal;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out both}.get-other-patch2-option-box:nth-child(1){animation-delay:1s;animation-fill-mode:both}.get-other-patch2-option-box:nth-child(2){animation-delay:1.1s;animation-fill-mode:both}.get-other-patch2-option-box.selected{background:#004aad;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #004aad4d}.get-other-patch2-next-button{background:#fff;border:1px solid #d0d0d0;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:16px;font-weight:500;color:#004aad;text-align:center;border-radius:15px;width:300px;max-width:300px;margin:30px auto 0;padding:18px;min-height:50px;animation:fadeInUp .8s ease-out 1.4s both}.get-other-patch2-next-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}@media (min-width: 768px){.get-other-patch-template{padding:40px}.get-other-patch-question{margin:100px 0 60px}.party-blob{width:120px;height:120px}.get-other-patch-options-container{padding:40px}.get-other-patch-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.get-other-patch-template{padding:60px}}.get-other-patch2-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch2-character{display:flex;justify-content:center;align-items:center;margin:20px 0}.get-other-patch2-character-img{width:500px;height:auto}@media (max-width: 768px){.get-other-patch2-character-img{width:500px;margin-top:-120px}.get-other-patch2-character{margin:20px 0}}@media (min-width: 768px){.get-other-patch2-character-img{width:400px}.get-other-patch2-character{margin:40px 0}}@media (min-width: 1024px){.get-other-patch2-character-img{width:500px}}.get-other-patch2-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;cursor:pointer;z-index:10}.get-other-patch2-step-indicator{position:absolute;top:20px;right:20px;width:30px;height:30px;background:#d3d3d3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;font-weight:700;z-index:10}.get-other-patch2-question{font-family:Caveat Brush,cursive;font-size:clamp(24px,6vw,36px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase}.get-other-patch2-question-line{margin-bottom:8px}.get-other-patch2-character{display:flex;justify-content:center;align-items:center;margin:0;height:120px}.two-blobs{display:flex;gap:40px;align-items:center}.blue-blob{width:80px;height:80px;background:#004aad;border-radius:50%;position:relative;animation:float 3s ease-in-out infinite}.yellow-blob{width:80px;height:80px;background:gold;border-radius:50%;position:relative;animation:float 3s ease-in-out infinite .5s}.blob-eyes{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.eye{width:10px;height:10px;background:#333;border-radius:50%;position:relative}.pupil{width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.highlight{width:2px;height:2px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px}.blob-mouth{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:15px;height:8px;border:2px solid #333;border-top:none}.blob-mouth.sad{border-radius:0 0 15px 15px}.blob-mouth.happy{border-radius:15px 15px 0 0;border-bottom:none;border-top:2px solid #333}.blob-arm{position:absolute;right:-15px;top:30px;width:20px;height:8px;background:#004aad;border-radius:10px;transform:rotate(-20deg)}.get-other-patch2-options-container{display:flex;flex-direction:column;gap:15px;padding:20px;flex:1;justify-content:center}.get-other-patch2-option-box{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;text-align:center;animation:slideInUp .6s ease-out .8s both}.get-other-patch2-option-box:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.get-other-patch2-option-box.selected{background:#004aad;color:#fff;border-color:#004aad;box-shadow:0 4px 15px #1976d24d}.get-other-patch2-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:30px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;width:200px;max-width:200px;animation:fadeInUp .8s ease-out 1s both}.get-other-patch2-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.get-other-patch2-next-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.get-other-patch2-template{padding:15px}.get-other-patch2-question{margin:60px 0 0;font-size:28px}.blue-blob,.yellow-blob{width:60px;height:60px}.two-blobs{gap:20px}.get-other-patch2-options-container{padding:20px;gap:12px}.get-other-patch2-option-box{padding:18px;min-height:50px}.get-other-patch2-next-button{width:250px;max-width:250px;margin:20px auto 30px}}@media (min-width: 768px){.get-other-patch2-template{padding:40px}.get-other-patch2-question{margin:100px 0 60px}.blue-blob,.yellow-blob{width:100px;height:100px}.two-blobs{gap:50px}.get-other-patch2-options-container{padding:40px}.get-other-patch2-option-box{padding:30px;min-height:70px}}@media (min-width: 1024px){.get-other-patch2-template{padding:60px}}.get-other-patch3-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch3-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#004aab;cursor:pointer;z-index:10}.get-other-patch3-step-indicator{position:absolute;top:20px;right:20px;width:30px;height:30px;background:#d3d3d3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#004aab;font-weight:700;z-index:10}.get-other-patch3-question{font-family:Caveat Brush,cursive;font-size:clamp(24px,6vw,36px);color:#004aab;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase}.get-other-patch3-question-line{margin-bottom:8px}.get-other-patch3-options-container{display:flex;flex-direction:column;gap:15px;padding:3px 20px;flex:1;justify-content:center;align-items:center;background:#e8e8e8;border-radius:25px;margin:3px 20px;box-shadow:0 2px 8px #0000000d;max-height:400px;position:relative}.get-other-patch3-option-box{background:#fff;border:none;border-radius:20px;padding:clamp(25px,5vw,35px);cursor:pointer;box-shadow:none;transition:all .3s ease;min-height:180px;max-height:200px;max-width:80%;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;color:#004aab;text-align:center;line-height:1.2}.get-other-patch3-image-top-left{position:absolute;top:10px;left:10px;width:60px;height:60px;z-index:1;transition:all .3s ease}.get-other-patch3-image-bottom-right{position:absolute;bottom:10px;right:10px;width:60px;height:60px;z-index:1;transition:all .3s ease}.get-other-patch3-option-box.selected{background:#004aab;color:#fff;border:none;box-shadow:none;transform:none}.get-other-patch3-next-button{background:#fff;border:none;border-radius:25px;padding:clamp(20px,4vw,25px) clamp(40px,8vw,50px);cursor:pointer;margin:30px 0 0;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;color:#004aab;min-width:140px;min-height:60px;display:flex;align-items:center;justify-content:center}.get-other-patch3-next-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014}.get-other-patch3-next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.get-other-patch3-template{padding:15px}.get-other-patch3-question{margin:60px 0 0;font-size:28px}.get-other-patch3-options-container{padding:0 15px;gap:10px;margin:0 50px;max-height:350px;max-width:270px}.get-other-patch3-option-box{padding:20px;min-height:140px;max-height:150px;max-width:75%;font-size:16px}.get-other-patch3-image-top-left{width:70px;height:70px;top:-20px;left:-20px;rotate:10deg}.get-other-patch3-image-bottom-right{width:70px;height:70px;bottom:-10px;right:-20px;rotate:20deg}.get-other-patch3-next-button{max-width:300px;width:100%;color:#004aab;margin:30px auto 0;display:block}}@media (min-width: 768px){.get-other-patch3-template{padding:40px}.get-other-patch3-question{margin:100px 0 60px}.get-other-patch3-options-container{padding:3px 30px;margin:3px 30px;max-height:450px}.get-other-patch3-option-box{padding:30px;min-height:200px;max-height:220px;max-width:78%;font-size:20px}}@media (min-width: 1024px){.get-other-patch3-template{padding:60px}}.get-other-patch4-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch4-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#004aad;cursor:pointer;z-index:10}.get-other-patch4-step-indicator{position:absolute;top:20px;right:20px;width:30px;height:30px;background:#d3d3d3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#004aad;font-weight:700;z-index:10}.get-other-patch4-question{font-family:Caveat Brush,cursive;font-size:clamp(32px,8vw,48px);color:#004aad;font-weight:400;text-align:center;margin:80px 0 40px;text-transform:uppercase;line-height:1.1;position:relative;display:flex;justify-content:center;align-items:center;padding:0 20px}.get-other-patch4-question-left{font-family:Caveat Brush,cursive;font-size:clamp(24px,6vw,36px);color:#004aab;font-weight:400;text-transform:uppercase;position:absolute;left:90px;transform:translate(-50%);top:40px}.get-other-patch4-question-right{font-family:Caveat Brush,cursive;font-size:clamp(24px,6vw,36px);color:#004aab;font-weight:400;text-transform:uppercase;position:absolute;right:20px;top:190px;transform:translateY(-50%)}.get-other-patch4-image{width:170px;height:120px;margin:60px auto 10px;display:block;transition:all .3s ease}.get-other-patch4-content-container{border-radius:40px;padding:50px 40px;margin:60px auto 40px;max-width:500px;width:85%;display:flex;flex-direction:column;justify-content:center;min-height:400px}.get-other-patch4-options-container{display:flex;flex-direction:column;gap:15px;padding:3px 20px;flex:1;justify-content:center;align-items:center;background:#e8e8e8;border-radius:25px;margin:3px 20px;box-shadow:0 2px 8px #0000000d;max-height:400px;position:relative}.get-other-patch4-option-box{background:#fff;border:none;border-radius:20px;padding:clamp(25px,5vw,35px);cursor:pointer;box-shadow:none;transition:all .3s ease;min-height:180px;max-height:200px;max-width:80%;display:flex;align-items:center;justify-content:center;width:100%;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;color:#004aab;text-align:center;line-height:1.2}.get-other-patch4-option-box:hover{transform:none;box-shadow:none;background:#f8f9fa}.get-other-patch4-option-box.selected{background:#004aab;color:#fff;border:none;box-shadow:none;transform:none}.get-other-patch4-next-button{background:#fff;border:none;border-radius:25px;padding:clamp(20px,4vw,25px) clamp(40px,8vw,50px);cursor:pointer;margin:30px 0 0;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;color:#004aab;min-width:140px;min-height:60px;display:flex;align-items:center;justify-content:center}.get-other-patch4-next-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014}.get-other-patch4-next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.get-other-patch4-template{padding:15px}.get-other-patch4-content-container{padding:40px 25px;margin:40px auto 30px;border-radius:30px;min-height:350px}.get-other-patch4-question{margin:0 0 30px;font-size:clamp(24px,6vw,32px)}.get-other-patch4-options-container{padding:0 15px;gap:10px;margin:0 50px;max-height:350px;max-width:270px}.get-other-patch4-option-box{padding:20px;min-height:140px;max-height:150px;max-width:75%;font-size:16px}.get-other-patch4-next-button{max-width:270px;width:100%;color:#004aab;margin:30px auto 0;display:block}}@media (min-width: 768px){.get-other-patch4-template{padding:40px}.get-other-patch4-content-container{padding:60px 50px;margin:80px auto 50px;border-radius:45px;min-height:450px}.get-other-patch4-question{margin:0 0 50px;font-size:clamp(32px,5vw,42px)}.get-other-patch4-options-container{padding:3px 30px;margin:3px 30px;max-height:450px}.get-other-patch4-option-box{padding:30px;min-height:200px;max-height:220px;max-width:78%;font-size:20px}.get-other-patch4-next-button{padding:25px 60px;font-size:20px;margin:40px auto 50px;min-width:220px;max-width:500px;width:85%}}@media (min-width: 1024px){.get-other-patch4-template{padding:60px}.get-other-patch4-content-container{padding:70px 60px;margin:100px auto 60px;border-radius:50px;min-height:500px}.get-other-patch4-question{margin:0 0 60px}.get-other-patch4-options-container{padding:40px;gap:35px;border-radius:40px;margin-top:30px}}.get-other-patch5-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch5-question{font-family:Caveat Brush,cursive;font-size:clamp(33px,8vw,50px);color:#004aab;font-weight:400;text-align:left;margin:80px 0 40px 20px;text-transform:uppercase;line-height:1.1;display:flex;flex-direction:column;align-items:flex-start}.get-other-patch5-question-line{margin-bottom:8px;font-family:Caveat Brush,cursive;font-size:clamp(32px,7vw,44px);color:#004aab;font-weight:400;text-transform:uppercase;text-align:left}.get-other-patch5-image-top-right{position:absolute;top:10px;right:10px;width:150px;height:150px;z-index:5;transition:all .3s ease}@media (max-width: 768px){.get-other-patch5-question{font-size:clamp(33px,6vw,39px);margin:60px 0 30px 15px}.get-other-patch5-question-line{font-size:clamp(30px,5vw,28px)}.get-other-patch5-image-top-right{width:400px;height:300px;top:-170px;right:-180px}}@media (min-width: 768px){.get-other-patch5-question{font-size:clamp(32px,6vw,42px);margin:80px 0 40px 30px}.get-other-patch5-question-line{font-size:clamp(28px,5.5vw,36px)}.get-other-patch5-image-top-right{width:180px;height:180px;top:12px;right:12px}}@media (min-width: 1024px){.get-other-patch5-question{font-size:clamp(40px,5vw,50px);margin:100px 0 50px 40px}.get-other-patch5-question-line{font-size:clamp(36px,5vw,44px)}.get-other-patch5-image-top-right{width:200px;height:200px;top:15px;right:15px}}.get-other-patch6-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch6-image{width:320px;height:320px;display:block;transition:all .3s ease}.get-other-patch6-template .get-other-patch3-question{font-size:clamp(28px,7vw,42px)}.get-other-patch6-template .get-other-patch3-question-line{font-size:clamp(24px,6vw,36px)}@media (max-width: 768px){.get-other-patch6-image{width:350px;height:240px;margin:-80px auto -50px}.get-other-patch6-template .get-other-patch3-question{font-size:clamp(36px,6vw,44px)}.get-other-patch6-template .get-other-patch3-question-line{font-size:clamp(22px,5vw,30px)}}@media (min-width: 768px){.get-other-patch6-image{width:130px;height:130px;margin:25px auto}.get-other-patch6-template .get-other-patch3-question{font-size:clamp(26px,6vw,38px)}.get-other-patch6-template .get-other-patch3-question-line{font-size:clamp(22px,5vw,32px)}}@media (min-width: 1024px){.get-other-patch6-image{width:140px;height:140px;margin:30px auto}.get-other-patch6-template .get-other-patch3-question{font-size:clamp(30px,5vw,42px)}.get-other-patch6-template .get-other-patch3-question-line{font-size:clamp(26px,5vw,36px)}}.get-other-patch7-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch7-image-bottom-left{position:absolute;bottom:10px;left:10px;width:80px;height:80px;z-index:5;transition:all .3s ease}@media (max-width: 768px){.get-other-patch7-image-bottom-left{width:280px;height:200px;bottom:-70px;left:-140px}}@media (min-width: 768px){.get-other-patch7-image-bottom-left{width:90px;height:90px;bottom:12px;left:12px}}@media (min-width: 1024px){.get-other-patch7-image-bottom-left{width:100px;height:100px;bottom:15px;left:15px}}.get-other-patch8-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch8-image-top-left{position:absolute;top:10px;left:10px;width:60px;height:60px;z-index:5;transition:all .3s ease}.get-other-patch8-image-bottom-right{position:absolute;bottom:10px;right:10px;width:60px;height:60px;z-index:5;transition:all .3s ease}@media (max-width: 768px){.get-other-patch8-template .get-other-patch3-question{margin-bottom:50px}.get-other-patch8-template .get-other-patch3-next-button{margin-top:90px}.get-other-patch8-image-top-left{width:110px;height:80px;top:-50px;left:-50px}.get-other-patch8-image-bottom-right{width:110px;height:80px;bottom:-50px;right:-50px}}@media (min-width: 768px){.get-other-patch8-image-top-left{width:70px;height:70px;top:12px;left:12px}.get-other-patch8-image-bottom-right{width:70px;height:70px;bottom:12px;right:12px}}@media (min-width: 1024px){.get-other-patch8-image-top-left{width:80px;height:80px;top:15px;left:15px}.get-other-patch8-image-bottom-right{width:80px;height:80px;bottom:15px;right:15px}}.get-other-patch9-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch9-image{width:300px;height:auto;margin:20px auto;display:block}@media (max-width: 768px){.get-other-patch9-image{width:250px;margin-top:-30px;margin-bottom:-50px}}@media (min-width: 768px){.get-other-patch9-image{width:220px;margin:25px auto}}@media (min-width: 1024px){.get-other-patch9-image{width:250px;margin:30px auto}}.get-other-patch10-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch10-image-bottom-right{position:absolute;bottom:-30px;right:-150px;width:auto;height:auto;z-index:5}@media (max-width: 768px){.get-other-patch10-image-bottom-right{width:80px;bottom:-30px;right:-40px}}@media (min-width: 768px){.get-other-patch10-image-bottom-right{width:170px;bottom:20px;right:20px}}@media (min-width: 1024px){.get-other-patch10-image-bottom-right{width:200px;bottom:25px;right:25px}}.get-other-patch11-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.get-other-patch11-question-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 10px}.get-other-patch11-image-left{width:90px;height:auto;flex:0 0 auto}.get-other-patch11-question-text{display:flex;flex-direction:column}.get-other-patch11-template .get-other-patch3-question-line{font-size:calc(clamp(22px,8vw,26px) - 2px)}@media (max-width: 768px){.get-other-patch11-image-left{width:200px;margin-left:-70px;margin-right:-40px}.get-other-patch11-question-row{gap:0}}@media (min-width: 1024px){.get-other-patch11-image-left{width:110px}}.get-other-patch12-template,.get-other-patch13-template,.get-other-patch14-template,.get-other-patch15-template,.get-other-patch16-template,.get-other-patch17-template,.get-other-patch18-template,.get-other-patch19-template,.get-other-patch20-template,.choose-other-patch-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.choose-other-patch-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#004aad;cursor:pointer;z-index:10}.choose-other-patch-title{font-family:Fredoka One,cursive;font-size:clamp(24px,6vw,32px);color:#004aad;font-weight:700;text-align:center;margin:60px auto 40px;text-transform:uppercase;line-height:1.2}.choose-other-patch-grid-container{background:#e3f2fd;border-radius:30px;padding:30px;margin:0 auto 40px;max-width:400px;width:90%;box-shadow:0 4px 12px #0000001a}.choose-other-patch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.choose-other-patch-grid-item{aspect-ratio:1;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent;position:relative}.choose-other-patch-grid-item:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.choose-other-patch-grid-item.selected{border-color:#004aad;background:#e3f2fd;box-shadow:0 4px 8px #1976d24d}.mbti-patch-img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:all .3s ease}.choose-other-patch-grid-item:hover .mbti-patch-img{transform:scale(1.1)}.choose-other-patch-grid-item.selected .mbti-patch-img{transform:scale(1.1);filter:brightness(1.1)}.marshmallow-patch{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.marshmallow-body{width:60%;height:70%;background:beige;border-radius:50%/60% 60% 40% 40%;position:relative;box-shadow:0 2px 4px #0000001a}.marshmallow-body:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:80%;height:30%;background:#e6d3a3;border-radius:50%;opacity:.8}.marshmallow-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.marshmallow-eyes{display:flex;gap:8px;margin-bottom:4px}.eye{width:4px;height:4px;background:#333;border-radius:50%}.marshmallow-mouth{width:12px;height:6px;border:1px solid #333;border-top:none;border-radius:0 0 12px 12px;background:transparent}.choose-other-patch-done-button{background:#ffeb3b;border:none;border-radius:25px;padding:clamp(15px,4vw,20px) clamp(40px,10vw,60px);cursor:pointer;margin:0 auto 40px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:clamp(16px,4vw,20px);font-weight:700;color:#333;min-width:150px;max-width:300px;width:60%;display:block}.choose-other-patch-done-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026;background:#ffd54f}.choose-other-patch-done-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.choose-other-patch-template{padding:15px}.choose-other-patch-title{margin:40px auto 30px;font-size:clamp(20px,5vw,28px)}.choose-other-patch-grid-container{padding:20px;max-width:350px;border-radius:25px}.choose-other-patch-grid{gap:6px}.choose-other-patch-done-button{padding:15px 40px;font-size:16px;min-width:120px;width:70%}}@media (min-width: 768px){.choose-other-patch-template{padding:40px}.choose-other-patch-title{margin:80px auto 50px;font-size:clamp(28px,4vw,36px)}.choose-other-patch-grid-container{padding:40px;max-width:450px;border-radius:35px}.choose-other-patch-grid{gap:10px}.choose-other-patch-done-button{padding:20px 60px;font-size:20px;min-width:180px;width:50%}}@media (min-width: 1024px){.choose-other-patch-template{padding:60px}.choose-other-patch-title{margin:100px auto 60px}.choose-other-patch-grid-container{padding:50px;max-width:500px;border-radius:40px}.choose-other-patch-grid{gap:12px}}.mbti-scoring-result-template{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f6f4ef;padding:20px;width:100vw;max-width:100vw;overflow-x:hidden}.mbti-scoring-result-x-button{position:absolute;top:20px;left:20px;width:30px;height:30px;background:#d3d3d3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#004aad;cursor:pointer;z-index:10}.mbti-scoring-result-title{font-family:Fredoka One,cursive;font-size:clamp(20px,5vw,28px);color:#004aad;font-weight:700;text-align:center;margin:60px auto 30px;text-transform:uppercase;line-height:1.2}.mbti-scoring-result-type{font-family:Fredoka One,cursive;font-size:clamp(48px,12vw,72px);color:#004aad;font-weight:700;text-align:center;margin:0 auto 40px;text-transform:uppercase;letter-spacing:4px}.mbti-scoring-result-table-container{background:#fff;border-radius:20px;padding:20px;margin:0 auto 30px;max-width:400px;width:90%;box-shadow:0 4px 12px #0000001a}.mbti-scoring-result-table{width:100%;border-collapse:collapse;font-family:Fredoka One,cursive;font-size:clamp(14px,3vw,16px)}.mbti-scoring-result-table th,.mbti-scoring-result-table td{padding:12px 8px;text-align:center;border-bottom:1px solid #e0e0e0}.mbti-scoring-result-table th{background:#f5f5f5;font-weight:700;color:#004aad;text-transform:uppercase}.mbti-scoring-result-table td{color:#333}.mbti-scoring-result-breakdown{background:#fff;border-radius:20px;padding:20px;margin:0 auto 40px;max-width:400px;width:90%;box-shadow:0 4px 12px #0000001a}.mbti-scoring-result-breakdown-title{font-family:Fredoka One,cursive;font-size:clamp(16px,4vw,18px);color:#004aad;font-weight:700;text-align:center;margin-bottom:20px;text-transform:uppercase}.mbti-scoring-result-breakdown-items{display:flex;justify-content:space-around;gap:10px}.breakdown-item{display:flex;align-items:center;gap:4px;font-family:Fredoka One,cursive;font-size:clamp(18px,4vw,22px);font-weight:700}.breakdown-letter{color:#004aad;min-width:20px;text-align:center}.breakdown-slash{color:#666;font-size:.8em}.mbti-scoring-result-continue-button{background:#004aad;border:none;border-radius:25px;padding:clamp(15px,4vw,20px) clamp(40px,10vw,60px);cursor:pointer;margin:0 auto 40px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:clamp(16px,4vw,20px);font-weight:700;color:#fff;min-width:150px;max-width:300px;width:60%;display:block}.mbti-scoring-result-continue-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1976d24d;background:#1565c0}@media (max-width: 768px){.mbti-scoring-result-template{padding:15px}.mbti-scoring-result-title{margin:40px auto 20px;font-size:clamp(18px,4vw,24px)}.mbti-scoring-result-type{margin:0 auto 30px;font-size:clamp(36px,10vw,56px);letter-spacing:2px}.mbti-scoring-result-table-container,.mbti-scoring-result-breakdown{padding:15px;max-width:350px;border-radius:15px}.mbti-scoring-result-table th,.mbti-scoring-result-table td{padding:8px 4px;font-size:12px}.mbti-scoring-result-breakdown-items{gap:5px}.breakdown-item{font-size:16px}.mbti-scoring-result-continue-button{padding:15px 40px;font-size:16px;min-width:120px;width:70%}}@media (min-width: 768px){.mbti-scoring-result-template{padding:40px}.mbti-scoring-result-title{margin:80px auto 40px;font-size:clamp(24px,4vw,32px)}.mbti-scoring-result-type{margin:0 auto 50px;font-size:clamp(56px,8vw,80px);letter-spacing:6px}.mbti-scoring-result-table-container,.mbti-scoring-result-breakdown{padding:30px;max-width:450px;border-radius:25px}.mbti-scoring-result-table th,.mbti-scoring-result-table td{padding:15px 10px;font-size:16px}.mbti-scoring-result-breakdown-items{gap:15px}.breakdown-item{font-size:22px}.mbti-scoring-result-continue-button{padding:20px 60px;font-size:20px;min-width:180px;width:50%}}@media (min-width: 1024px){.mbti-scoring-result-template{padding:60px}.mbti-scoring-result-title{margin:100px auto 50px}.mbti-scoring-result-type{margin:0 auto 60px}.mbti-scoring-result-table-container,.mbti-scoring-result-breakdown{padding:40px;max-width:500px;border-radius:30px}.mbti-scoring-result-table th,.mbti-scoring-result-table td{padding:18px 12px;font-size:18px}.mbti-scoring-result-breakdown-items{gap:20px}.breakdown-item{font-size:24px}}.language-selector-page{min-height:100vh;background:#f6f4ef;display:flex;align-items:center;justify-content:center;padding:20px}.language-selector-container{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:60px}.language-selector-title{font-family:Fredoka One,cursive;font-size:clamp(28px,7vw,36px);font-weight:400;color:#004aad;text-align:center;line-height:1.2;margin:0;text-transform:uppercase;letter-spacing:2px}.language-buttons-container{display:flex;flex-direction:row;gap:30px;align-items:flex-start;position:relative;width:100%;justify-content:center}.language-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;flex:1;max-width:180px}.language-flag{width:60px;height:38px;border-radius:4px;box-shadow:0 2px 8px #00000026;overflow:hidden;position:relative}.us-flag{display:flex;flex-direction:column;position:relative}.us-flag .flag-stripe{height:6.25px;width:100%}.us-flag .flag-red{background:#b22234}.us-flag .flag-white{background:#fff}.us-flag .flag-canton{position:absolute;top:0;left:0;width:40%;height:43.75%;background:#3c3b6e}.id-flag{display:flex;flex-direction:column}.id-flag .flag-stripe{height:50%;width:100%}.id-flag .flag-red-top{background:#ce1126}.id-flag .flag-white-bottom{background:#fff}.language-button{background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:12px 22px;font-family:Caveat Brush,cursive;font-size:20px;font-weight:400;color:#004aad;cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 4px 12px #00000014;position:relative;z-index:2}.language-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f;border-color:#004aad4d}.language-character{position:absolute;bottom:-60px;z-index:1;width:60px;height:auto;pointer-events:none}.language-character-left{left:10px}.language-character-right{right:10px}@media (max-width: 480px){.language-selector-page{padding:40px 20px}.language-selector-container{gap:50px}.language-selector-title{font-size:32px;line-height:1.1}.language-buttons-container{flex-direction:row;gap:20px;align-items:flex-start;justify-content:center}.language-button-wrapper{max-width:140px;flex:1}.language-flag{width:55px;height:35px}.language-button{min-width:120px;padding:10px 18px;font-size:18px}.language-character{bottom:-60px;width:55px}}.coming-soon-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.coming-soon-back-button{position:absolute;top:20px;right:20px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;font-size:32px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;backdrop-filter:blur(10px)}.coming-soon-back-button:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1);border-color:#ffffff80;box-shadow:0 0 20px #ffffff80}.coming-soon-content{position:relative;z-index:2;text-align:center;animation:fadeInUp 1s ease-out}.coming-soon-text-container{position:relative;display:inline-block}.coming-soon-title{font-family:Fredoka One,cursive;font-size:clamp(48px,12vw,96px);font-weight:400;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(255,255,255,.5);margin:0;letter-spacing:8px;animation:titleBounce 2s ease-in-out infinite;position:relative;z-index:2;will-change:transform}.coming-soon-subtitle{font-family:Caveat Brush,cursive;font-size:clamp(24px,5vw,36px);color:#fffffff2;margin-top:30px;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:subtitleFloat 3s ease-in-out infinite 1s;position:relative;z-index:2;will-change:transform}.coming-soon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:expand 4s ease-in-out infinite;z-index:1;pointer-events:none;will-change:transform,opacity}.coming-soon-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;border-radius:50%;background:#ffffff26;backdrop-filter:blur(5px);box-shadow:0 0 20px #fff3;animation:shapeFloat 20s infinite ease-in-out;will-change:transform,opacity}.shape-1{width:100px;height:100px;top:10%;left:10%;animation-delay:0s;animation-duration:15s}.shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:-2s;animation-duration:18s}.shape-3{width:80px;height:80px;bottom:20%;left:20%;animation-delay:-4s;animation-duration:12s}.shape-4{width:120px;height:120px;top:30%;right:30%;animation-delay:-6s;animation-duration:20s}.shape-5{width:90px;height:90px;bottom:40%;right:15%;animation-delay:-8s;animation-duration:16s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.3)}50%{text-shadow:0 0 40px rgba(255,255,255,.8),0 0 80px rgba(255,255,255,.5),0 0 120px rgba(255,255,255,.3)}}@keyframes expand{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,-60px) rotate(180deg)}75%{transform:translate(-40px,-30px) rotate(270deg)}}@keyframes titleBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes shapeFloat{0%,to{transform:translate(0) rotate(0);opacity:.5}25%{transform:translate(20px,-20px) rotate(90deg);opacity:.7}50%{transform:translate(-15px,-40px) rotate(180deg);opacity:.8}75%{transform:translate(-30px,-20px) rotate(270deg);opacity:.7}}@keyframes subtitleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 480px){.coming-soon-page{padding:15px}.coming-soon-back-button{top:15px;right:15px;width:45px;height:45px;font-size:28px}.coming-soon-title{letter-spacing:4px}.coming-soon-subtitle{margin-top:20px;font-size:22px}.shape{opacity:.7}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5{width:60px;height:60px}}.select-item-page{min-height:100vh;background:#f6f4ef;padding:20px 20px 40px;display:flex;flex-direction:column;gap:20px;position:relative}.select-item-card{background:#e8e8e8;border-radius:20px;padding:25px 25px 20px;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 4px 12px #0000001a;position:relative;max-width:100%;margin:0 15px;overflow:visible}.select-item-card-shirt{margin-top:25px}.select-item-card-cap{padding:20px 25px 25px;margin-bottom:25px}.select-item-back-button{position:absolute;top:20px;right:20px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:45px;height:45px;font-size:28px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1}.select-item-back-button:hover{background:#f0f0f0;transform:rotate(90deg)}.select-item-category-button{background:#fff;border:none;border-radius:15px;padding:12px 30px;font-family:Fredoka One,cursive;font-size:clamp(20px,4vw,28px);font-weight:400;color:#004aad;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;z-index:2;margin-top:-20px;margin-bottom:5px}.select-item-category-button.selected{background:#004aad;color:#fff;box-shadow:0 4px 12px #004aad4d}.select-item-category-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.select-item-category-button-cap{width:fit-content;display:inline-flex;margin:-20px auto 0}.select-item-products{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;background:transparent;padding:0}.shirt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:100%;margin:0 auto;background:transparent;align-items:center;justify-items:center}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:100%;margin:0 auto;background:transparent;align-items:center;justify-items:center}.select-item-product{display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent;border:none;padding:0}.select-item-product{isolation:isolate;overflow:visible;background:transparent!important;border:none!important;padding:0!important;margin:0}.select-item-product img{width:100%;max-width:100%;height:auto;display:block;object-fit:contain;background:transparent!important;background-color:transparent!important;border:none!important;padding:0!important;margin:0;image-rendering:-webkit-optimize-contrast;filter:none}.select-item-price{font-family:Fredoka One,cursive;font-size:clamp(18px,3.5vw,24px);font-weight:400;color:#004aad;text-align:center;margin-top:5px}.cap-price{margin-bottom:5px}.select-item-instruction{font-family:Fredoka One,cursive;font-size:clamp(28px,6vw,40px);font-weight:400;color:#004aad;text-align:center;text-transform:uppercase;letter-spacing:2px;margin:5px 0;display:flex;flex-direction:column;gap:0;line-height:1.2}.select-item-instruction-line{display:block}.select-item-note{font-family:Fredoka One,cursive;font-size:clamp(16px,3vw,20px);font-weight:400;color:#004aad;text-align:center;padding:0 20px;line-height:1.4}.select-item-next-button{background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);cursor:pointer;margin:50px auto 0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-family:Fredoka One,cursive;font-size:16px;font-weight:700;color:#004aad;min-height:60px;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;z-index:1;position:relative}.select-item-next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.select-item-next-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.select-item-page{padding:12px 12px 25px;gap:12px}.select-item-card{padding:22px 20px 12px;gap:10px;border-radius:15px;margin:0 10px;overflow:visible}.select-item-card-shirt{margin-top:70px}.select-item-card-cap{padding:12px 20px 18px;margin-bottom:20px}.select-item-back-button{top:-70px;right:12px;width:35px;height:35px;font-size:22px}.select-item-category-button{padding:8px 20px;font-size:16px;border-radius:12px;border:none;margin-top:-38px;margin-bottom:5px;z-index:2}.select-item-category-button-cap{padding:8px 20px;font-size:16px;border-radius:12px;border:none;margin:-38px auto 5px;z-index:2;width:fit-content;display:inline-flex}.shirt-grid{max-width:100%;gap:5px;grid-template-columns:repeat(4,1fr)}.cap-grid{max-width:100%;gap:5px;grid-template-columns:repeat(3,1fr)}.select-item-product img{max-width:100%}.select-item-price{font-size:16px;margin-top:3px}.cap-price{margin-bottom:3px}.select-item-instruction{font-size:24px;margin:3px 0;gap:0}.select-item-instruction-line{line-height:1.1}.select-item-note{font-size:14px;margin:5px 0;padding:0 15px}.select-item-next-button{margin:40px auto 0;padding:clamp(20px,4vw,25px) clamp(30px,8vw,40px);font-size:16px;min-height:60px;width:100%;border-radius:20px;border:1px solid #d0d0d0}}.select-cap-color-page{min-height:100vh;background:#f6f4ef;padding:15px 15px 80px;display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;justify-content:center}.select-cap-color-back-button{position:absolute;top:20px;right:20px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:45px;height:45px;font-size:28px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1}.select-cap-color-back-button:hover{background:#f0f0f0;transform:rotate(90deg)}.select-cap-color-title{font-family:Fredoka One,cursive;font-size:clamp(28px,6vw,40px);font-weight:700;color:#004aad;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-top:10px;margin-bottom:5px;display:flex;flex-direction:column;gap:0;line-height:1.2}.select-cap-color-title-line{display:block}.select-cap-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:320px;margin:0 auto}.select-passport-color-grid{display:flex;justify-content:center;align-items:center;width:100%;max-width:320px;margin:0 auto}.select-cap-color-grid-two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px;margin:0 auto;align-items:start}.select-cap-color-column{display:flex;flex-direction:column;gap:12px;align-items:center}.select-cap-color-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease}.select-cap-color-image-wrapper{background:#e8e8e8;border-radius:12px;padding:14px;width:100%;max-width:140px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;margin:0 auto}.select-cap-color-image-wrapper img{width:92%;height:auto;max-width:100%;object-fit:contain;background:transparent}.select-lanyard-color-image-wrapper{background:#e8e8e8;border-radius:12px;padding:16px;width:100%;max-width:190px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;margin:0 auto}.select-lanyard-color-image-wrapper img{width:94%;height:auto;max-width:100%;object-fit:contain;background:transparent}.select-cap-color-item.selected .select-lanyard-color-image-wrapper{background:#004aad1a;border:3px solid #004aad;box-shadow:0 4px 12px #004aad4d}.select-cap-color-item:hover .select-lanyard-color-image-wrapper{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.select-cap-color-item.selected .select-cap-color-image-wrapper{background:#004aad1a;border:3px solid #004aad;box-shadow:0 4px 12px #004aad4d}.select-cap-color-item:hover .select-cap-color-image-wrapper{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.select-cap-color-label{background:#fff;border-radius:10px;padding:6px 12px;font-family:Fredoka One,cursive;font-size:clamp(14px,2.5vw,18px);font-weight:400;color:#004aad;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:80px}.select-cap-color-size-text{font-family:Fredoka One,cursive;font-size:clamp(20px,4vw,28px);font-weight:400;color:#004aad;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:10px}@media (max-width: 480px){.select-cap-color-page{padding:10px 10px 70px;gap:10px;justify-content:center}.select-cap-color-back-button{top:10px;right:10px;width:35px;height:35px;font-size:20px}.select-cap-color-title{font-size:clamp(24px,5.5vw,32px);margin-top:5px;margin-bottom:5px;letter-spacing:1.5px}.select-cap-color-grid{gap:10px;max-width:280px}.select-passport-color-grid{max-width:280px}.select-cap-color-grid-two-columns{gap:8px;max-width:320px}.select-cap-color-column{gap:8px}.select-cap-color-item{gap:4px}.select-cap-color-image-wrapper{padding:12px;max-width:120px}.select-cap-color-image-wrapper img{width:90%}.select-lanyard-color-image-wrapper{padding:14px;max-width:120px}.select-lanyard-color-image-wrapper img{width:92%}.select-cap-color-label{padding:4px 10px;font-size:13px;min-width:70px}.select-cap-color-size-text{font-size:18px}}.select-shirt-color-page{min-height:100vh;background:#f6f4ef;padding:20px 20px 100px;display:flex;flex-direction:column;align-items:center;gap:30px;position:relative}.select-shirt-color-back-button{position:absolute;top:20px;right:20px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:45px;height:45px;font-size:28px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1}.select-shirt-color-back-button:hover{background:#f0f0f0;transform:rotate(90deg)}.select-shirt-color-title,.select-shirt-color-size-title{font-family:Fredoka One,cursive;font-size:clamp(40px,9vw,64px);font-weight:700;color:#004aad;text-align:center;text-transform:uppercase;letter-spacing:3px;margin-top:60px;display:flex;flex-direction:column;gap:0;line-height:1.1}.select-shirt-color-size-title{margin-top:40px}.select-shirt-color-title-line{display:block}.select-shirt-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:500px;margin:0 auto}.select-shirt-color-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.select-shirt-color-image-wrapper{background:#e8e8e8;border-radius:15px;padding:15px;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.select-shirt-color-item.selected .select-shirt-color-image-wrapper{background:#004aad1a;border:3px solid #004aad;box-shadow:0 4px 12px #004aad4d}.select-shirt-color-item:hover .select-shirt-color-image-wrapper{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.select-shirt-color-image-wrapper img{width:100%;height:auto;max-width:100%;object-fit:contain;background:transparent}.select-shirt-color-label{font-family:Caveat Brush,cursive;font-size:clamp(16px,3vw,22px);font-weight:400;color:#004aad;text-align:center;text-transform:uppercase}.select-shirt-color-size-buttons{display:flex;gap:20px;justify-content:center;width:100%;max-width:400px;margin:0 auto}.select-shirt-color-size-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.select-shirt-color-size-button{background:#fff;border:2px solid #004aad;border-radius:15px;padding:15px 40px;font-family:Caveat Brush,cursive;font-size:clamp(20px,4vw,28px);font-weight:400;color:#004aad;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;width:100%;max-width:180px}.select-shirt-color-size-ld{font-family:Fredoka One,cursive;font-size:clamp(14px,2.5vw,18px);font-weight:400;color:#004aad;text-align:center;letter-spacing:.5px}.select-shirt-color-size-button.selected{background:#004aad;color:#fff;box-shadow:0 4px 12px #004aad4d}.select-shirt-color-size-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 480px){.select-shirt-color-page{padding:15px 15px 100px;gap:25px}.select-shirt-color-back-button{top:15px;right:15px;width:40px;height:40px;font-size:24px}.select-shirt-color-title,.select-shirt-color-size-title{font-size:clamp(36px,8vw,48px);margin-top:50px;letter-spacing:2px}.select-shirt-color-size-title{margin-top:30px}.select-shirt-color-grid{gap:12px;max-width:100%;grid-template-columns:repeat(4,1fr)}.select-shirt-color-image-wrapper{padding:12px}.select-shirt-color-label{font-size:14px}.select-shirt-color-size-buttons{gap:15px;max-width:100%}.select-shirt-color-size-wrapper{gap:6px}.select-shirt-color-size-button{padding:12px 30px;font-size:18px;max-width:150px}.select-shirt-color-size-ld{font-size:13px}}.add-on-patches-page{min-height:100vh;background:#f6f4ef;padding:20px 20px 100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;position:relative;width:100%;box-sizing:border-box}.add-on-patches-back-button{position:absolute;top:20px;right:20px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:45px;height:45px;font-size:28px;font-weight:700;color:#004aad;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1}.add-on-patches-back-button:hover{background:#f0f0f0;transform:rotate(90deg)}.add-on-patches-title{font-family:Fredoka One,cursive;font-size:clamp(32px,7vw,48px);font-weight:700;color:#004aad;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-top:60px;display:flex;flex-direction:column;gap:0;line-height:1.2}.add-on-patches-title-line{display:block}.add-on-patches-container{background:#f6f4ef;border:3px dashed #6b8e23;border-radius:30px;padding:30px 20px;width:100%;max-width:600px;margin:0 auto;box-shadow:0 4px 20px #0000001a;box-sizing:border-box}.add-on-patches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:100%;justify-items:stretch;align-items:start}.add-on-patches-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:80%}.add-on-patches-image-wrapper{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:10px;overflow:hidden}.add-on-patches-image-wrapper img{width:100%;height:100%;object-fit:contain;background:transparent}.add-on-patches-quantity-selector{display:flex;align-items:center;justify-content:center;background:#2c2c2c;border-radius:8px;padding:8px;width:100%;gap:15px}.add-on-patches-quantity-button{background:transparent;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.add-on-patches-quantity-button:hover{transform:scale(1.2);color:#f0f0f0}.add-on-patches-quantity-button:active{transform:scale(.9)}.add-on-patches-quantity-number{color:#fff;font-family:Fredoka One,cursive;font-size:18px;font-weight:400;min-width:20px;text-align:center}@media (max-width: 480px){.add-on-patches-page{padding:15px 15px 100px;gap:15px}.add-on-patches-back-button{top:15px;right:15px;width:40px;height:40px;font-size:24px}.add-on-patches-title{font-size:clamp(28px,6vw,36px);margin-top:50px;letter-spacing:1.5px}.add-on-patches-container{padding:20px 15px;border-radius:25px;max-width:100%;max-height:100%;box-sizing:border-box}.add-on-patches-grid{gap:5px;align-items:center;justify-items:center;justify-content:center;align-content:center}.add-on-patches-item{padding:12px;border-radius:12px}.add-on-patches-quantity-selector{padding:6px;gap:12px}.add-on-patches-quantity-button{font-size:18px;width:20px;height:20px}.add-on-patches-quantity-number{font-size:16px}}.select-item-page{align-items:center}.select-item-title{font-family:Fredoka One,cursive;font-size:clamp(30px,8vw,46px);font-weight:700;color:#004aad;text-transform:uppercase;letter-spacing:2px;line-height:1.05;text-align:center;text-shadow:-2px -2px 0 rgba(255,255,255,.95),2px -2px 0 rgba(255,255,255,.95),-2px 2px 0 rgba(255,255,255,.95),2px 2px 0 rgba(255,255,255,.95);margin-top:5px}.select-item-grid{width:100%;max-width:460px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 auto;align-content:start}.select-item-tile{border:0;background:#e8e8e8;border-radius:22px;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;width:100%;min-height:270px;color:inherit}.select-item-tile.selected{border:3px solid rgba(0,74,173,.55);background:#004aad0f}.select-item-tile-label{font-family:Fredoka One,cursive;font-size:clamp(14px,3.5vw,18px);font-weight:400;color:#004aad;background:#fff;border-radius:999px;padding:8px 18px;text-transform:uppercase;letter-spacing:1px;text-align:center;line-height:1.1;max-width:190px}.select-item-tile-price{font-family:Fredoka One,cursive;font-size:clamp(16px,3.2vw,22px);font-weight:400;color:#004aad;text-align:center;margin-top:auto;padding-bottom:4px}.shirt-grid,.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;width:100%;margin:0 auto;align-items:center;justify-items:center}.passport-grid{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin:0 auto;align-items:center;justify-items:center}.lanyard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:10px;width:100%;margin:0 auto;align-items:center;justify-items:center}.select-item-product img{width:100%;max-width:100%;height:auto;display:block;object-fit:contain}@media (max-width: 480px){.select-item-grid{max-width:420px;gap:14px}.select-item-tile{min-height:220px}}.other-patch-mbti-page{padding-bottom:clamp(96px,16vh,130px);justify-content:flex-start;padding-top:clamp(20px,5vh,36px);--op-row-odd-bg: #e3eef5;--op-row-odd-text: #6b4bb5;--op-row-even-bg: #c4b5e8;--op-row-even-text: #ffffff}.other-patch-type-pill{font-family:Fredoka One,cursive;font-size:clamp(26px,7vw,40px);font-weight:400;letter-spacing:.2em;line-height:1;padding:16px 36px;margin:4px 0 10px;border-radius:999px;text-align:center;position:relative;z-index:1;background:linear-gradient(135deg,#e8eef5,#dce6ef,#d5e0eb);border:2px solid rgba(255,255,255,.65);box-shadow:0 6px 20px #00000014,inset 0 2px #ffffffbf;animation:bannerSlideIn 1s cubic-bezier(.34,1.56,.64,1) .45s both}.other-patch-archetype{font-family:Fredoka One,cursive;font-size:clamp(20px,5.2vw,30px);font-weight:400;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:0 0 18px;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.12);animation:textPop .8s cubic-bezier(.34,1.56,.64,1) .65s both}.other-patch-detail-rows{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;margin:0 auto 8px;position:relative;z-index:1;animation:fadeInUp 1s ease-out .85s both}.other-patch-detail-row{border-radius:999px;padding:14px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(14px,3.3vw,16px);font-weight:700;line-height:1.45;text-align:center}.other-patch-theme-purple{--op-row-odd-bg: #e3eef5;--op-row-odd-text: #6b4bb5;--op-row-even-bg: #c4b5e8;--op-row-even-text: #ffffff}.other-patch-theme-yellow{--op-row-odd-bg: #fff5e6;--op-row-odd-text: #c97800;--op-row-even-bg: #ffd27a;--op-row-even-text: #ffffff}.other-patch-theme-blue{--op-row-odd-bg: #e3edf7;--op-row-odd-text: #004aad;--op-row-even-bg: #7fa8db;--op-row-even-text: #ffffff}.other-patch-theme-green{--op-row-odd-bg: #edf5eb;--op-row-odd-text: #4a7a32;--op-row-even-bg: #a8cf95;--op-row-even-text: #ffffff}.other-patch-detail-row:nth-child(odd){background:var(--op-row-odd-bg);color:var(--op-row-odd-text);box-shadow:0 2px 8px #0000000f}.other-patch-detail-row:nth-child(2n){background:var(--op-row-even-bg);color:var(--op-row-even-text);box-shadow:0 2px 8px #00000014}.other-patch-mbti-actions{width:100%;max-width:420px;margin:18px auto 0;padding:0;box-sizing:border-box;position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;align-items:stretch}.other-patch-mbti-actions .page20-next-button{margin-top:0;margin-left:0;margin-right:0;width:100%;max-width:none;box-sizing:border-box;display:block;border-radius:20px;border:1px solid #d0d0d0;box-shadow:0 2px 8px #0000001a;animation:fadeInUp .8s ease-out 1.3s both;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.other-patch-mbti-actions .page20-next-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #00000026;animation:buttonPulse .6s ease-in-out}