@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);@tailwind base;@tailwind components;@tailwind utilities;.language-switcher{background:#0000;border:none;border-radius:clamp(6px,1vw,8px);box-shadow:none;color:#333;cursor:pointer;font-size:clamp(20px,2.5vw,24px);padding:clamp(10px,1.5vw,14px);position:fixed;right:clamp(25px,2vw,36px);top:clamp(25px,2vw,36px);width:clamp(120px,20vw,180px);z-index:3}.language-switcher:hover{background:#e6f9ff4d}.language-switcher:focus{background:#e6f9ff4d;box-shadow:0 0 0 clamp(2px,.5vw,3px) #87cefa80;outline:none}.language-switcher option{background:#fff;color:#333;font-size:clamp(16px,2vw,20px)}.start-page{align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.start-page *{box-sizing:border-box;margin:0;padding:0}.start-page .beta-content{font-size:clamp(1.32rem,3.84vw,2rem)}.start-page .logo-container{left:20px;position:fixed;top:20px;z-index:3}.start-page .dactor-logo{height:auto;width:clamp(40px,10vw,50px)}.start-page canvas{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.start-page .start-page-content{align-items:center;display:flex;flex-direction:column;padding:clamp(1rem,3vw,2rem);position:relative;width:100%;z-index:1}.start-page .beta-content{color:#333;font-size:clamp(1.1rem,3.2vw,1.5rem);margin:1rem 0;text-align:center}.start-page .sign-in-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:clamp(2rem,5vw,3rem);padding:clamp(1rem,3vw,1.5rem);z-index:2}.start-page .sign-in-button{background-color:#e6f9ff;border-radius:50px;box-shadow:inset 0 .2rem .2rem #0000000d,0 .4rem .4rem #0000000d,inset 0 -.5rem .75rem #ffffffe6;color:#444;font-size:clamp(1.2rem,3.24vw,1.8rem);letter-spacing:.1em;padding:clamp(.5rem,2vw,.75rem) clamp(1.5rem,4vw,2rem);text-decoration:none;text-transform:uppercase;transition:background-color .3s,color .3s}.start-page .sign-in-button:hover{background-color:#0056b3;color:#fff}.start-page .about-us-section{margin-top:clamp(1.5rem,4vw,2rem);max-width:min(90%,1200px);padding:clamp(1rem,3vw,1.5rem);text-align:center}.start-page .about-us-section h2{color:#333;font-size:clamp(2.04rem,5.04vw,3rem);font-weight:500;margin-bottom:clamp(.8rem,2vw,2rem)}.start-page .about-us-section p{color:#666;font-size:clamp(1.2rem,3.24vw,1.8rem);line-height:1.6}.preview-button-wrapper{margin-top:20px;text-align:center}.preview-button{border:none;border-radius:8px;color:#000;cursor:pointer;font-size:clamp(1.2rem,3.24vw,1.8rem);padding:10px 24px;text-decoration:underline;transition:background-color .3s ease}.preview-button:hover{background-color:#d1f9ff}.start-page .ai-engine-section{margin-top:clamp(1.5rem,4vw,6rem);max-width:min(90%,1200px);padding:clamp(1rem,3vw,1.5rem);text-align:center}.start-page .ai-engine-section h2{color:#333;font-size:clamp(2.04rem,5.04vw,3rem);font-weight:500;margin-bottom:clamp(.8rem,2vw,2rem)}.start-page .ai-engine-section p{color:#666;font-size:clamp(1.2rem,3.24vw,1.8rem);line-height:1.6;margin-bottom:clamp(1.5rem,4vw,2rem)}.start-page .ai-engine-icons{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,2rem);justify-content:center}.start-page .ai-engine-icon{animation:float 5s ease-in-out infinite;height:clamp(60px,15vw,80px);object-fit:contain;width:clamp(60px,15vw,80px)}.start-page .ai-engine-icon:nth-child(2){animation-delay:1s}.start-page .ai-engine-icon:nth-child(3){animation-delay:2s}@keyframes float{0%,to{transform:translateY(.5rem)}50%{transform:translateY(-.5rem)}}.start-page .how-it-works-section{margin-top:clamp(1.5rem,4vw,6rem);max-width:min(90%,1200px);padding:clamp(1rem,3vw,1.5rem);text-align:center}.start-page .how-it-works-section h2{color:#333;font-size:clamp(2.04rem,5.04vw,3rem);font-weight:500;margin-bottom:clamp(.8rem,2vw,1rem)}.start-page .examples-section p,.start-page .how-it-works-section p{color:#666;font-size:clamp(1.2rem,3.24vw,1.8rem);line-height:1.6;margin-bottom:clamp(1rem,3vw,1.5rem)}.start-page .slider-container{height:clamp(300px,80vw,500px);margin:clamp(.5rem,1vw,3rem) auto clamp(.5rem,1vw,2rem);max-width:min(100%,1200px);perspective:1200px;position:relative;user-select:none;width:100%}.start-page .slider-wrapper{display:flex;height:50%;position:absolute;transform-style:preserve-3d;transition:transform .5s ease;width:100%}.start-page .slider-slide{background-position:50%;background-repeat:no-repeat;background-size:contain;box-shadow:0 4px 8px #e6f9ff;cursor:pointer;height:250px;left:50%;margin-left:-250px;position:absolute;top:50%;transform-origin:center center;transition:opacity .5s ease,border .5s ease,box-shadow .5s ease;width:500px}.start-page .slider-slide:hover{opacity:1}.start-page .selected-slide{border:3px solid #c2f1ff;border-radius:12px;box-shadow:0 0 15px #4b9cdb99;opacity:1!important}.start-page .slider-container:after,.start-page .slider-container:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:20px;z-index:1}.start-page .item-descriptions{flex-wrap:wrap;gap:clamp(2rem,6vw,3rem);justify-content:center;margin-bottom:clamp(1.5rem,4vw,2rem);max-width:min(90%,1200px);padding:clamp(1rem,2vw,2rem)}.start-page .item-description{background:#e6f9ff1a;border-radius:8px;box-shadow:0 .1rem .25rem #0000001a;cursor:pointer;flex:1;margin-bottom:clamp(1rem,2vw,1.5rem);min-width:clamp(150px,40vw,200px);padding:clamp(.75rem,2vw,1rem);text-align:center;transition:background-color .3s,transform .3s,box-shadow .3s}.start-page .item-description h3{color:#333;font-size:clamp(1.2rem,3.24vw,1.8rem);font-weight:700;margin-bottom:.5rem}.start-page .item-description p{color:#666;font-size:clamp(1.08rem,2.64vw,1.6rem)}.start-page .item-description:hover{background-color:#e2e8f0;box-shadow:0 .2rem .6rem #00000026;transform:translateY(-.2rem)}.start-page .selected-description{background-color:#c2f1ff;box-shadow:0 0 .8rem #4b9cdb80;transform:scale(1.05)}.start-page .examples-section{max-width:min(100%,1200px);padding:clamp(1.5rem,4vw,2rem) clamp(.5rem,2vw,1rem);text-align:center;width:100%}.start-page .examples-section h2{color:#333;font-size:clamp(2.04rem,5.04vw,3rem);font-weight:500;margin-bottom:clamp(1rem,2vw,1.5rem)}.start-page .examples-slider{cursor:grab;height:clamp(300px,70vw,500px);overflow:hidden;position:relative;user-select:none;width:100%}.start-page .examples-slider:active{cursor:grabbing}.start-page .examples-wrapper{display:flex;gap:clamp(1rem,3vw,2rem);height:100%;transition:transform .3s ease;will-change:transform}.start-page .examples-slide{background-color:#e6f9ff33;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:0 .2rem .4rem #e6f9ff4d;flex:0 0 clamp(300px,90vw,800px);height:100%}.start-page .examples-slider:after,.start-page .examples-slider:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:10%;z-index:1}.start-page .examples-slider:before{background:linear-gradient(90deg,#e7f6ff66,#0000);left:0}.start-page .examples-slider:after{background:linear-gradient(270deg,#e7f6ff66,#0000);right:0}.start-page .pricing-section{max-width:min(100%,1800px);padding:clamp(1.5rem,4vw,2rem) clamp(.5rem,2vw,1rem);text-align:center;width:100%}.start-page .pricing-section h2{color:#333;font-size:clamp(2.04rem,5.04vw,3rem);font-weight:500;margin-bottom:clamp(1rem,2vw,1.5rem)}.start-page .pricing-description{margin-bottom:clamp(2rem,2vw,3rem)}.start-page .pricing-section p{color:#666;font-size:clamp(1.2rem,3.24vw,1.8rem);line-height:1.6;margin:0 auto clamp(1rem,3vw,1.5rem);max-width:min(90%,1200px)}.start-page .pricing-table{background:#e6f9ff33;border-radius:8px;box-shadow:0 .2rem .4rem #e6f9ff4d;display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.start-page .pricing-header{background:#e6f9ff80;color:#333;display:flex;font-weight:700}.start-page .pricing-row{border-top:1px solid #e6f9ff80;display:flex}.start-page .pricing-cell{align-items:center;color:#666;display:flex;flex:1;flex-direction:column;font-size:clamp(1.08rem,2.64vw,1.4rem);justify-content:center;min-width:100px;padding:clamp(.5rem,2vw,.75rem);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.start-page .pricing-cell:hover{box-shadow:0 .2rem .6rem #00000026;transform:scale(1.05)}.start-page .pricing-cell:first-child{background:#e6f9ff4d;color:#333;flex:0 0 clamp(160px,15vw,200px);font-weight:600;max-width:clamp(160px,15vw,200px)}.start-page .pricing-note{color:#888;font-size:clamp(1.08rem,2.64vw,1.6rem);line-height:1.6;margin:clamp(.5rem,2vw,.75rem) auto 0;max-width:min(1200px);text-align:center}.start-page .faq-section{max-width:min(100%,1200px);padding:clamp(1.5rem,4vw,2rem) clamp(.5rem,2vw,1rem);text-align:left;width:100%}.start-page .faq-section h2{color:#333;font-size:clamp(2.04rem,5.04vw,3rem);font-weight:700;margin-bottom:clamp(1rem,3vw,1.5rem);text-align:center}.start-page .faq-container{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}.start-page .faq-card{backdrop-filter:blur(5px);background:#e6f9ff33;border-radius:8px;box-shadow:0 .2rem .4rem #e6f9ff4d;cursor:pointer;min-height:clamp(60px,15vw,80px);padding:clamp(.75rem,2vw,1rem);transition:all .3s ease;width:min(100%,clamp(500px,80vw,1000px))}.start-page .faq-card.expanded{min-height:clamp(100px,25vw,150px)}.start-page .faq-question{color:#333;font-size:clamp(1.08rem,3vw,1.6rem);font-weight:600}.start-page .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.start-page .faq-card.expanded .faq-answer{max-height:200px}.start-page .faq-answer p{color:#666;font-size:clamp(1.08rem,2.64vw,1.6rem);line-height:1.6;margin-top:.75rem}.start-page .start-footer{backdrop-filter:blur(5px);background:#e6f9ff1a;color:#333;font-size:clamp(1.08rem,2.64vw,1.6rem);padding:clamp(1rem,3vw,1.5rem);text-align:center;width:100%}.start-page .language-switcher-wrapper.core-page .language-switcher option{background:#fff;color:#333;font-size:clamp(16px,2.5vw,28px);line-height:1.5;padding:clamp(8px,1.5vw,12px)}@media (max-width:1100px){.start-page .slider-container{height:clamp(250px,70vw,400px)}.start-page .slider-slide{height:clamp(90px,27vw,150px);margin-left:calc(clamp(150px, 45vw, 250px)/-2);width:clamp(150px,45vw,250px)}.start-page .examples-slider{height:clamp(150px,50vw,300px)}.start-page .examples-slide{flex:0 0 clamp(150px,75vw,400px)}.start-page .pricing-table{font-size:clamp(1.02rem,2.64vw,1.3rem)}.start-page .pricing-cell{font-size:clamp(1.4rem,2.8vw,1.8rem);min-width:80px;padding:clamp(.4rem,1.5vw,.6rem)}}@media (max-width:768px){.start-page .logo-container{left:.5rem;top:.5rem}.start-page .sign-in-section{margin-top:clamp(100px,30vw,150px)}.start-page .slider-container{height:clamp(200px,60vw,300px)}.start-page .slider-slide{height:clamp(72px,24vw,120px);margin-left:calc(clamp(120px, 40vw, 200px)/-2);transform:rotateY(0deg) translateZ(200px);width:clamp(120px,40vw,200px)}.start-page .slider-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;transform:none!important}.start-page .slider-container:after,.start-page .slider-container:before{display:none}.start-page .item-descriptions{align-items:center;flex-direction:column}.start-page .item-description{max-width:none;min-width:90%}.start-page .examples-slider{height:clamp(120px,45vw,200px)}.start-page .examples-slide{flex:0 0 clamp(100px,70vw,300px)}.start-page .pricing-header,.start-page .pricing-row,.start-page .pricing-table{display:block}.start-page .pricing-cell{border-bottom:1px solid #e6f9ff80;font-size:clamp(1.02rem,2.64vw,1.3rem);padding:.5rem 1rem}.start-page .pricing-cell:first-child{background:#e6f9ff80;font-weight:600}.start-page .faq-card{width:min(100%,90%)}}:root{--black-a1:#0000000d;--black-a2:#0000001a;--black-a3:#00000026;--black-a4:#0003;--black-a5:#0000004d;--black-a6:#0006;--black-a7:#00000080;--black-a8:#0009;--black-a9:#000000b3;--black-a10:#000c;--black-a11:#000000e6;--black-a12:#000000f2}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root{--black-a1:color(display-p3 0 0 0/0.05);--black-a2:color(display-p3 0 0 0/0.1);--black-a3:color(display-p3 0 0 0/0.15);--black-a4:color(display-p3 0 0 0/0.2);--black-a5:color(display-p3 0 0 0/0.3);--black-a6:color(display-p3 0 0 0/0.4);--black-a7:color(display-p3 0 0 0/0.5);--black-a8:color(display-p3 0 0 0/0.6);--black-a9:color(display-p3 0 0 0/0.7);--black-a10:color(display-p3 0 0 0/0.8);--black-a11:color(display-p3 0 0 0/0.9);--black-a12:color(display-p3 0 0 0/0.95)}}}.light,.light-theme,:root{--green-1:#fbfefc;--green-2:#f4fbf6;--green-3:#e6f6eb;--green-4:#d6f1df;--green-5:#c4e8d1;--green-6:#adddc0;--green-7:#8eceaa;--green-8:#5bb98b;--green-9:#30a46c;--green-10:#2b9a66;--green-11:#218358;--green-12:#193b2d}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--green-1:color(display-p3 0.986 0.996 0.989);--green-2:color(display-p3 0.963 0.983 0.967);--green-3:color(display-p3 0.913 0.964 0.925);--green-4:color(display-p3 0.859 0.94 0.879);--green-5:color(display-p3 0.796 0.907 0.826);--green-6:color(display-p3 0.718 0.863 0.761);--green-7:color(display-p3 0.61 0.801 0.675);--green-8:color(display-p3 0.451 0.715 0.559);--green-9:color(display-p3 0.332 0.634 0.442);--green-10:color(display-p3 0.308 0.595 0.417);--green-11:color(display-p3 0.19 0.5 0.32);--green-12:color(display-p3 0.132 0.228 0.18)}}}.light,.light-theme,:root{--mauve-1:#fdfcfd;--mauve-2:#faf9fb;--mauve-3:#f2eff3;--mauve-4:#eae7ec;--mauve-5:#e3dfe6;--mauve-6:#dbd8e0;--mauve-7:#d0cdd7;--mauve-8:#bcbac7;--mauve-9:#8e8c99;--mauve-10:#84828e;--mauve-11:#65636d;--mauve-12:#211f26}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--mauve-1:color(display-p3 0.991 0.988 0.992);--mauve-2:color(display-p3 0.98 0.976 0.984);--mauve-3:color(display-p3 0.946 0.938 0.952);--mauve-4:color(display-p3 0.915 0.906 0.925);--mauve-5:color(display-p3 0.886 0.876 0.901);--mauve-6:color(display-p3 0.856 0.846 0.875);--mauve-7:color(display-p3 0.814 0.804 0.84);--mauve-8:color(display-p3 0.735 0.728 0.777);--mauve-9:color(display-p3 0.555 0.549 0.596);--mauve-10:color(display-p3 0.514 0.508 0.552);--mauve-11:color(display-p3 0.395 0.388 0.424);--mauve-12:color(display-p3 0.128 0.122 0.147)}}}.light,.light-theme,:root{--violet-1:#fdfcfe;--violet-2:#faf8ff;--violet-3:#f4f0fe;--violet-4:#ebe4ff;--violet-5:#e1d9ff;--violet-6:#d4cafe;--violet-7:#c2b5f5;--violet-8:#aa99ec;--violet-9:#6e56cf;--violet-10:#654dc4;--violet-11:#6550b9;--violet-12:#2f265f}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.light,.light-theme,:root{--violet-1:color(display-p3 0.991 0.988 0.995);--violet-2:color(display-p3 0.978 0.974 0.998);--violet-3:color(display-p3 0.953 0.943 0.993);--violet-4:color(display-p3 0.916 0.897 1);--violet-5:color(display-p3 0.876 0.851 1);--violet-6:color(display-p3 0.825 0.793 0.981);--violet-7:color(display-p3 0.752 0.712 0.943);--violet-8:color(display-p3 0.654 0.602 0.902);--violet-9:color(display-p3 0.417 0.341 0.784);--violet-10:color(display-p3 0.381 0.306 0.741);--violet-11:color(display-p3 0.383 0.317 0.702);--violet-12:color(display-p3 0.179 0.15 0.359)}}}.criteria-menu{background-color:#f5f5f5;border:1px solid #ccc;border-radius:clamp(.875rem,1.25vw,1rem);left:0;margin:clamp(1.75rem,2.5vw,2.25rem) 0;padding:clamp(1.75rem,2.5vw,2.25rem);position:fixed;top:clamp(9.5rem,12vw,10.5rem);width:100%;z-index:2}.expand-toggle{background-color:#007bff;border:none;border-radius:clamp(.5rem,.875vw,.625rem);color:#fff;cursor:pointer;font-size:clamp(1.25rem,2.25vw,1.375rem);padding:clamp(.875rem,1.75vw,1rem) clamp(1.75rem,2.5vw,2rem)}.expand-toggle:hover{background-color:#0056b3}.criteria-content{margin-top:clamp(1.75rem,2.5vw,2.25rem)}.criteria-content label{display:block;font-size:clamp(1.25rem,2.25vw,1.375rem);font-weight:700;margin-bottom:clamp(.5rem,.875vw,.625rem)}.form-group input,.form-group select{border:1px solid #ccc;border-radius:clamp(.5rem,.875vw,.625rem);font-size:clamp(1.25rem,2.25vw,1.375rem);margin-bottom:clamp(1rem,1.75vw,1.125rem);padding:clamp(.875rem,1.75vw,1rem);text-align:right;width:100%}.form-group label,.input-dropdown{font-size:clamp(1.25rem,2.25vw,1.375rem);font-weight:700;margin-bottom:clamp(.5rem,.875vw,.625rem)}.form-group select option{padding-right:clamp(1.25rem,2.25vw,1.5rem);text-indent:clamp(.875rem,1.75vw,1rem)}select{box-sizing:border-box;max-width:100%;padding:clamp(.5rem,1vw,.625rem);text-align-last:right;width:fit-content}.criteria-content button,select{font-size:clamp(1.25rem,2.25vw,1.375rem)}.criteria-content button{background-color:#28a745;border:none;border-radius:clamp(.5rem,.875vw,.625rem);color:#fff;cursor:pointer;padding:clamp(.875rem,1.75vw,1rem) clamp(1.75rem,2.5vw,2rem)}.criteria-content button:hover{background-color:#218838}button,fieldset{all:unset}.DialogOverlay{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:var(--black-a9);z-index:1000}.DialogContent{animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:#f5f5f5;border-radius:clamp(.625rem,1vw,.875rem);box-shadow:#0e121659 0 clamp(.875rem,1.75vw,1.125rem) clamp(3.25rem,4.5vw,3.75rem) -.875rem,#0e121633 0 clamp(.875rem,1.75vw,1.125rem) clamp(1.75rem,3vw,2rem) -1.125rem;box-sizing:border-box;margin-top:clamp(8rem,10vw,9rem);max-height:75vh;max-width:90vw;min-width:clamp(40rem,45vw,42rem);overflow-y:auto;padding:clamp(2rem,3vw,2.5rem);top:max(12vh,clamp(4.75rem,6vw,5.25rem));transform:translateX(-50%);z-index:1}.DialogContent:focus{outline:none}.DialogTitle{color:var(--mauve-12);font-size:clamp(1.25rem,2.5vw,1.5rem);margin:0;padding-bottom:clamp(1.25rem,2.25vw,1.5rem)}.Button{height:clamp(2.75rem,4.5vw,3.25rem);padding:0 clamp(1.25rem,2.25vw,1.5rem)}.Button,.generate-button{align-items:center;border-radius:clamp(.5rem,.875vw,.625rem);display:inline-flex;font-size:clamp(1.25rem,2.25vw,1.375rem);font-weight:500;justify-content:center;line-height:1}.generate-button{background-color:#c8f0ff;color:#000;height:clamp(1.75rem,3vw,2rem);padding:clamp(1rem,1.75vw,1.125rem) clamp(1.75rem,2.5vw,2rem)}.generate-button:hover{background-color:#74b9ff}.back-button,.next-button{align-items:center;background-color:#74b9ff;border:none;border-radius:clamp(.5rem,.875vw,.625rem);color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(1.25rem,2.25vw,1.375rem);font-weight:500;height:clamp(1.75rem,3vw,2rem);justify-content:center;line-height:1;padding:clamp(1rem,1.75vw,1.125rem) clamp(1.75rem,2.5vw,2rem);transition:background-color .3s ease-in-out}.back-button:hover,.next-button:hover{background-color:#0056b3}.back-button:disabled,.next-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.IconButton{height:clamp(2rem,3vw,2.5rem);position:absolute;right:clamp(.875rem,1.75vw,1.125rem);top:clamp(.875rem,1.75vw,1.125rem);width:clamp(2rem,3vw,2.5rem)}.IconButton:hover{background-color:var(--violet-4)}.Fieldset{align-items:center;display:flex;gap:clamp(1.75rem,2.5vw,2rem);margin-bottom:clamp(1.25rem,2.25vw,1.5rem)}.Input,.Label{font-size:clamp(1.25rem,2.25vw,1.375rem)}.Input{align-items:center;border-radius:clamp(.5rem,.875vw,.625rem);box-shadow:0 0 0 1px var(--violet-7);color:var(--violet-11);display:inline-flex;flex:1;height:clamp(2.75rem,4.5vw,3.25rem);justify-content:center;line-height:1;padding:0 clamp(.875rem,1.75vw,1.125rem);width:100%}.Input:focus{box-shadow:0 0 0 clamp(.1875rem,.375vw,.25rem)}.ai-generator-group{display:flex;flex-direction:column;gap:clamp(.875rem,1.75vw,1.125rem)}.ai-provider-icons{display:flex;gap:clamp(3.5rem,5.5vw,4rem);justify-content:center;margin-bottom:clamp(.875rem,1.75vw,1.125rem)}.ai-icon{border-radius:clamp(.5rem,.875vw,.625rem);border-width:clamp(.1875rem,.375vw,.25rem);cursor:pointer;height:clamp(8.5rem,12vw,9.5rem);padding:clamp(1.75rem,3vw,2rem);transition:border-color .3s ease,transform .3s ease,opacity .3s ease;width:clamp(8.5rem,12vw,9.5rem)}.ai-icon:hover:not(.disabled){border-color:#424242;transform:scale(1.1)}.ai-icon.selected{border-color:#707070;transform:scale(1.1)}.ai-icon.disabled{cursor:not-allowed;opacity:.4}.custom-dropdown{margin-bottom:clamp(.875rem,1.75vw,1.125rem);position:relative;width:100%}.dropdown-selected{cursor:pointer;display:flex;font-size:clamp(1.25rem,2.25vw,1.375rem);justify-content:right;padding:clamp(.875rem,1.75vw,1rem);width:100%}.dropdown-options,.dropdown-selected{background:#fff;border:1px solid #ccc;border-radius:clamp(.5rem,.875vw,.625rem)}.dropdown-options{left:0;max-height:clamp(15rem,20vw,17rem);overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{align-items:center;cursor:pointer;display:flex;font-size:clamp(1.25rem,2.25vw,1.375rem);padding:clamp(.875rem,1.75vw,1rem)}.dropdown-option:hover:not(.disabled){background:#f0f0f0}.dropdown-option.disabled{cursor:not-allowed;opacity:.5}.pass-icon{height:clamp(1.75rem,3vw,2rem);margin-right:clamp(.5rem,.875vw,.625rem);width:clamp(1.75rem,3vw,2rem)}.form-group select{font-size:clamp(1.25rem,2.25vw,1.375rem);padding:clamp(.875rem,1.75vw,1rem);width:100%}.autocomplete-container{align-items:center;display:flex;position:relative;z-index:1}.autocomplete-input{font-size:clamp(1.25rem,2.25vw,1.375rem);padding:clamp(.875rem,1.75vw,1rem);width:100%}.expand-btn{font-size:12px;padding:clamp(.5rem,.875vw,.625rem)}.autocomplete-list{background:#fff;border:1px solid #ccc;list-style:none;margin-top:clamp(.5rem,.875vw,.625rem);max-height:clamp(12.5rem,16vw,14rem);overflow-y:auto;padding:0;position:absolute;width:100%}.autocomplete-list li{cursor:pointer;font-size:clamp(1.25rem,2.25vw,1.375rem);padding:clamp(.875rem,1.75vw,1rem)}.autocomplete-list li:hover{background-color:#f0f0f0}::-webkit-scrollbar-track{background-color:#fff;border:clamp(.5rem,.875vw,.625rem) solid #fff;border-radius:clamp(.875rem,1.75vw,1.125rem);margin:clamp(.5rem,.875vw,.625rem)}::-webkit-scrollbar{width:clamp(.75rem,1.25vw,1rem)}::-webkit-scrollbar-thumb{background-color:#c2f1ff;border-radius:clamp(4rem,6vw,4.5rem)}::-webkit-scrollbar-thumb:hover{background-color:#0984e3}.add-vocabulary-button{background-color:#74b9ff;border:none;border-radius:clamp(.625rem,1vw,.875rem);color:#fff;cursor:pointer;font-size:clamp(1.25rem,2.5vw,1.5rem);padding:clamp(.625rem,1vw,.875rem) clamp(1.25rem,2.25vw,1.5rem);transition:background-color .3s ease-in-out}.add-vocabulary-button:hover{background-color:#0056b3}.vocabulary-tag{align-items:center;background-color:#e0f7fa;border:1px solid #b3e5fc;border-radius:clamp(1.75rem,3vw,2rem);color:#007bff;display:inline-flex;font-size:clamp(1.25rem,2.25vw,1.375rem);font-weight:500;margin:clamp(.5rem,.875vw,.625rem);padding:clamp(.625rem,1vw,.875rem) clamp(.875rem,1.75vw,1.125rem);white-space:nowrap}.remove-vocabulary{background:#0000;border:none;color:#6151a6;cursor:pointer;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;margin-left:clamp(.625rem,1vw,.875rem);transition:color .3s ease-in-out}.remove-vocabulary:hover{color:#d32f2f}.vocabulary-display{display:flex;flex-wrap:wrap;gap:clamp(.875rem,1.25vw,1rem);margin-top:clamp(.875rem,1.75vw,1.125rem)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.error-message{color:red;font-size:clamp(.875rem,1.75vw,1rem);margin-top:clamp(.5rem,.875vw,.625rem)}.input-dropdown{margin-bottom:1rem;position:relative;width:100%}.form-group label,.input-dropdown{display:block;font-size:clamp(1.375rem,4vw,2rem);font-weight:500;margin-bottom:clamp(.625rem,1vw,.75rem)}.input-wrapper{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;overflow:hidden}.dropdown-input{background-color:initial;border:none;color:#333;flex:1;font-size:clamp(1.375rem,2.5vw,1.5rem);outline:none;padding:20px;text-align:right}.dropdown-input:focus{border-color:#007bff}.expand-btn{border:none;border-radius:4px 4px 4px 4px;color:#a7a7a7;cursor:pointer;transition:background-color .2s ease}.expand-btn:hover{background-color:#c2f1ff}.dropdown-overlay{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-list li{color:#333;cursor:pointer;font-size:clamp(1.25rem,2.25vw,1.375rem);padding:.6rem .8rem;transition:background-color .2s ease}.dropdown-list li:hover{background-color:#f0f0f0}.dropdown-no-match{color:#777;font-size:.9rem;padding:.6rem .8rem;text-align:center}.dropdown-overlay::-webkit-scrollbar{width:8px}.dropdown-overlay::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-overlay::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dropdown-overlay::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:600px){.input-dropdown{max-width:100%}.dropdown-input{font-size:.9rem}.expand-btn{padding:.5rem}.dropdown-list li{font-size:.9rem}}.page-container{box-sizing:border-box;display:flex;flex:1;flex-direction:column;margin:0 auto;padding:20px}.core-page{background-color:#f9f9f9;display:flex;flex:1}.central-section{background-color:#fff;flex:1;flex-direction:column;width:75%}.central{padding:2rem}.central-section h3{color:#333;font-size:clamp(1.25rem,2.5vw + 1rem,1.75rem);margin-bottom:.5rem}.tablet-question-right{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:0 0 12px 12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;max-height:1000px;overflow:hidden;padding:20px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out;width:98%}.tablet-question-right.collapsed{max-height:0;opacity:0;overflow:hidden;padding:0 20px}.criteria-grid{display:flex;flex-direction:column;gap:16px}.criteria-row{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.criteria-item{color:#000;display:flex;flex-direction:column;font-size:clamp(1rem,1.8vw + .7rem,1.5rem)}.criteria-item strong{color:#000;font-weight:600;margin-bottom:4px}.content-generation-info{margin-top:20px}.criteria-separator{border:0;border-top:1px solid #ffffff4d;margin:20px 0}.tablet-question-right h4{color:#000;font-size:clamp(1rem,1.8vw + .7rem,1.5rem);font-weight:600;margin-bottom:20px}@media (max-width:768px){.criteria-row{grid-template-columns:1fr}.tablet-question-right{margin:10px;padding:15px}}.new-question-button{background-color:#e6f9ff;border-radius:50px;box-shadow:inset 0 5px 5px #0000000d,0 8px 8px #0000000d,0 8px 8px #0000000d,inset 0 -10px 15px #ffffffe6;box-sizing:border-box;color:#444;font-size:clamp(.8rem,1.1vw,1.8rem);height:100px;letter-spacing:2px;margin:0 auto;padding:20px 30px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.new-question-button:hover{background-color:#0056b3;color:#fff}.question-container{display:flex;flex-direction:row;gap:1.5rem;margin-bottom:3rem;max-height:70%}.question-container2{align-items:center;display:flex;flex-direction:column;margin:0 20px;max-height:70%}.question-left{display:flex;flex-direction:column;font-size:clamp(1.5rem,3vw + 1.2rem,2rem);gap:20px;overflow-wrap:break-word;width:75%}.question-left p{font-size:clamp(1.5rem,3vw + 1.2rem,2rem)!important;margin-bottom:1rem}.question-left2{display:flex;flex-direction:column;font-size:clamp(1.5rem,3vw + 1.2rem,2rem);gap:20px;margin-bottom:20px;overflow-wrap:break-word;width:100%}.content-separator{border-top:1px solid #e5e7eb;margin:1.5rem 0}.criteria-info{justify-content:space-between;margin-bottom:1rem}.criteria-info li{font-size:clamp(1.3rem,3vw + 1.2rem,1.5rem);margin-bottom:16px}.content-generation-info{justify-content:space-between;margin-bottom:1rem}.content-generation-info li{font-size:clamp(1.3rem,3vw + 1.2rem,1.5rem);list-style-type:none;margin-bottom:16px;margin-top:8px}.question-right{border-radius:10px;border-width:1px;box-shadow:0 2px 5px #0000000d;box-sizing:border-box;font-size:clamp(1.5rem,1.8vw + .7rem,2rem);padding:2rem;width:25%}.criteria-menu-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;position:relative;width:100%}.arrow-container{animation:moveArrow 1.5s ease-in-out infinite;height:24px;left:-40px;margin-top:30px;transform:translateY(-50%);width:24px}.arrow-container svg{color:#007bff}@keyframes moveArrow{0%{left:-100px}50%{left:-60px}to{left:-100px}}.central-bottom{display:flex;flex-direction:row;gap:1rem;margin-bottom:120px;margin-top:1rem;position:relative}.tabs-section{display:flex;flex-direction:column;width:75%}.question-controller{border-radius:10px;border-width:1px;box-shadow:0 2px 5px #0000000d;padding:2rem;width:25%}.question-controller h4{font-size:clamp(1.5rem,3vw + 1.2rem,1.5rem);font-weight:500}.central-bottom .core-actions{align-items:center;justify-content:space-between}.tabs{border:1px solid #ddd;border-radius:5px 5px 0 0;display:flex;padding:2px;width:100%}.tab-button,.tabs{background-color:#fff}.tab-button{border-left:1px solid #0000;border-right:1px solid #0000;cursor:pointer;flex:1;font-size:clamp(1.5rem,1.8vw + .7rem,1.8rem);padding:.5rem 1rem;text-align:center;transition:background-color .2s,color .2s}.tab-button:first-child{border-left:none}.tab-button:last-child{border-right:none}.tab-button.active{background-color:#007bff;color:#fff}.tab-button.selected{background-color:#0056b3;border-bottom:2px solid #000;color:#fff;font-weight:700}.tab-button:hover:not(.active){background-color:#c2f1ff;color:#000}.tab-button:disabled{background:#83e2ff;cursor:not-allowed;opacity:.3}.tab-content{background-color:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;border-top:none;flex:1;overflow-y:auto;padding:15px}.answer-field,.tab-content{font-size:clamp(1.75em,1.8vw + .7rem,2.2rem);width:100%}.answer-field{margin-top:1rem;padding:1px}.criteria-menu-wrapper{display:inline-block}.mcq-button{border:1px solid #ddd;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:clamp(1.75rem,1.8vw + .7rem,2.2rem);margin-bottom:1rem;padding:10px 15px;transition:background-color .2s}.mcq-button.selected{background-color:#0056b3;color:#fff;font-weight:700}.mcq-button:hover:not(.selected){background-color:#bcdcff}.true-false-button{border:1px solid #ddd;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:clamp(.875rem,1.8vw + .7rem,1.125rem);margin-top:1rem;padding:10px 15px;transition:background-color .2s}.true-false-button.selected{background-color:#8ebae9;color:#fff;font-weight:700}.submit-button{background:#e6f9ff;border:none;border-radius:clamp(.625rem,1vw,.75rem);border-radius:5px;color:#000;cursor:pointer;font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem);margin-top:1rem;padding:10px 15px;transition:background-color .2s}.submit-button:disabled{background:#83e2ff;color:#000;cursor:not-allowed;opacity:.3}.submit-button:hover:not(:disabled){background:#0056b3}.check-result{align-items:center;display:flex;gap:10px;margin-top:10px}.check-result .answer{font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem);font-weight:700}.check-result .icon-correct{color:blue;font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem)}.check-result .icon-incorrect{color:#ffb6c1;font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem)}.check-result .icon-error{color:grey;font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem)}.RadioGroupRoot{display:flex;flex-direction:column;gap:30px;padding-bottom:30px;padding-top:30px}.RadioGroupItem{background-color:#fff;border-radius:100%;box-shadow:0 2px 5px var(--black-a7);min-height:25px;min-width:25px;position:relative}.RadioGroupItem:hover{background-color:var(--violet-3)}.RadioGroupIndicator{align-items:center;display:flex;height:25px;justify-content:center;left:0;position:absolute;top:0;width:25px}.RadioGroupIndicator:after{background-color:#000;border-color:#add8e6;border-radius:50%;border-width:9px;content:"";display:block;height:11px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:11px}.Label{color:#000;font-size:clamp(1.3rem,1.8vw + .7rem,1.6rem);line-height:1;text-align:left}.Next-button{background-color:#e6f9ff;border-radius:50px;box-shadow:inset 0 5px 5px #0000000d,0 8px 8px #0000000d,0 8px 8px #0000000d,inset 0 -10px 15px #ffffffe6;color:#444;font-size:clamp(1rem,3vw + 1.2rem,1.5rem);letter-spacing:2px;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase}.Next-button:hover{background-color:#0056b3;color:#fff}.central-top span{display:block;font-size:clamp(1.5rem,2.5vw + 1rem,2rem);margin-bottom:10px;white-space:pre-wrap}.sticky-toolbar{align-items:center;background-color:#f4fcfe;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:10px 15px;position:sticky;top:0;z-index:1}.toolbar-title{font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem)}.toolbar-buttons{align-items:center;display:flex;gap:8px}.play-icon-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.play-icon-button:hover{background-color:#0000001a;border-radius:4px}.play-icon-button svg{fill:#333;stroke:#333;height:16px;width:16px}.dialogue-line.highlighted{background-color:#e6f3ff;border-left:4px solid #007bff;padding-left:8px;transition:background-color .3s}.dialogue-line{margin:4px 0;padding:4px}.content-card{margin-bottom:20px}.content-card,.question-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;position:relative}.question-card{height:70%}.question-card span{display:block;font-size:clamp(1.5rem,2.5vw + 1rem,2rem)}.card-content{color:#333;font-size:clamp(2.5rem,2.5vw + 1rem,3rem);max-height:600px;overflow-wrap:break-word;overflow-y:auto;padding:15px}.card-content p{margin-bottom:1em}.card-content p:last-child{margin-bottom:0}.toolbar-title{color:#333;font-size:clamp(.875rem,1.8vw + .7rem,1.125rem);font-weight:500;margin-bottom:0!important}.copy-icon-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:5px}.copy-icon-button svg{stroke:#666;height:16px;transition:stroke .2s ease-in-out;width:16px}.copy-icon-button:hover svg{stroke:#333}.copy-icon-button:active svg{stroke:#000}.card-content::-webkit-scrollbar{width:8px}.card-content::-webkit-scrollbar-thumb{background:#c2f1ff;border-radius:4px}.card-content::-webkit-scrollbar-thumb:hover{background:#0056b3}.loading-indicator{position:absolute;top:400px;transform:translateX(-50%)}.spinner{border:4px solid #e5e7eb;height:200px;position:relative;width:200px}.fetch-button{background-color:#c2f1ff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:clamp(.875rem,1.8vw + .7rem,1.125rem);padding:10px 20px}.fetch-button:disabled{background-color:#ccc;cursor:not-allowed}.fetch-button:hover:not(:disabled){background-color:#0056b3;color:#fff}.regenerate-button{background-color:#c2f1ff;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:clamp(1.5rem,3vw + 1.2rem,2rem);margin-top:10px;padding:8px 16px}.regenerate-button:disabled{background-color:#ccc;cursor:not-allowed}.regenerate-button:hover:not(:disabled){background-color:#0056b3;color:#fff}.control-bar{backdrop-filter:blur(1px);background:#e4f7fccc;border:1px solid #fff3;border-radius:20px 20px 20px 20px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;padding:10px 20px;transition:background-color .2s ease-in-out;width:100%}.control-bar,.copy-message{align-items:center;justify-content:center}.copy-message{animation:fadeInOut 2s ease-in-out;border-radius:4px;color:#9d9d9d;display:inline-flex;font-size:1rem!important;font-weight:300;text-align:center;white-space:nowrap}.arrow-icon{transition:transform .3s ease-in-out}.arrow-icon.arrow-up{transform:rotate(0deg)}.arrow-icon.arrow-down{transform:rotate(180deg)}.core-actions .checkbox-container{align-items:center;display:flex;gap:10px;margin-top:30px}.core-actions input[type=checkbox]{cursor:pointer;min-height:25px;min-width:25px}@media (max-width:768px){.central-section{width:100%}.question-container{flex-direction:column;gap:1rem}.question-left{font-size:clamp(1.5rem,3vw + 1.2rem,2rem);width:100%}.question-right{margin-left:0;padding:1rem;width:100%}.central-bottom{flex-direction:column;gap:1rem}.tabs-section{width:100%}.central-section h3{font-size:clamp(1.25rem,2.5vw + 1rem,1.75rem)}@media (max-width:768px){.new-question-button{box-sizing:border-box;font-size:clamp(.75rem,2vw + .6rem,3rem);margin:0;max-width:100%;padding:8px 20px;width:100%}.question-right{box-sizing:border-box;padding:1rem;width:100%}.criteria-menu-wrapper{padding:0;width:100%}.Label,.Next-button,.answer-field,.central-top span,.check-result .answer,.check-result .answer span,.check-result .icon-correct,.check-result .icon-error,.check-result .icon-incorrect,.content-generation-info li,.criteria-info li,.fetch-button,.mcq-button,.question-right,.regenerate-button,.submit-button,.tab-button,.tab-content,.toolbar-title,.true-false-button{font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem)}.card-content{font-size:clamp(2.5rem,3vw + 1.2rem,3rem)}.question-card span{font-size:clamp(2.5rem,3vw + 1rem,3rem)}}}.level-up-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.level-up-popup{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:center;width:100%}.popup-header{margin-bottom:15px}.popup-header h2{color:#333;font-size:24px;margin:0}.popup-content p{color:#555;font-size:16px;margin:10px 0}.popup-content p:first-child{font-size:18px;font-weight:700}.popup-footer{margin-top:20px}.confirm-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.confirm-button:hover{background-color:#45a049}.refreshment-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.refreshment-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:450px;padding:1.5rem;width:100%}.refreshment-popup h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}.refreshment-icon-container{display:flex;justify-content:center;margin-bottom:1rem}.refreshment-icon{height:400px;transition:transform .2s ease-in-out;width:400px}.refreshment-icon:hover{transform:scale(1.1)}.refreshment-popup p{color:#333;margin-bottom:1.5rem;text-align:center}.error-message{color:#dc2626;font-size:.875rem;margin-bottom:1.5rem;margin-top:-1rem}.refreshment-buttons{display:flex;gap:.5rem;justify-content:flex-end}.cancel-btn,.use-btn{border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.cancel-btn{background-color:#f0f0f0;border:1px solid #ccc}.cancel-btn:hover{background-color:#e0e0e0}.use-btn{background-color:#3b82f6;border:none;color:#fff}.use-btn:hover:not(:disabled){background-color:#2563eb}.use-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.dialog-overlay{background:#00000080}.dialog-content{box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px}.dialog-title{margin-bottom:10px}.dialog-body{text-align:center}.ai-ticket-image{height:auto;width:300px}.dialog-footer{gap:10px}.menu-card{align-items:stretch;background-color:#fff;border:clamp(3px,.5vw,4px) solid #c2f1ff;border-radius:clamp(10px,1vw,12px);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:clamp(1.2rem,2vw,1.5rem);overflow:hidden;padding:0;transition:box-shadow .2s ease-in-out,transform .2s}.menu-card:hover{background-color:#c8f0ff;border:clamp(3px,.5vw,4px) solid #0056b3;box-shadow:0 clamp(5px,.8vw,6px) clamp(8px,1vw,10px) #0000001a;cursor:pointer;transform:translateY(clamp(-3px,-.5vw,-4px))}.menu-card.selected{background-color:#fff;border-color:#0056b3;box-shadow:0 clamp(5px,.8vw,6px) clamp(5px,.8vw,6px) #89b9eb4d}.card-left{background:#e6f9ff;border-radius:clamp(10px,1vw,12px) 0 0 clamp(10px,1vw,12px);display:flex;flex-direction:column;justify-content:center;padding:.5rem;text-align:center}.level-label{color:#555;font-size:clamp(1rem,1.8vw,1.2rem)}.level-number{font-size:clamp(2rem,3vw,2.5rem);font-weight:700;margin:0}.card-center{flex:1;overflow:hidden;padding:.5rem;word-break:break-all}.question-text{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:300;margin-bottom:clamp(.8rem,1vw,.8rem)}.question-text.shortened{-webkit-line-clamp:2;line-clamp:2}.question-meta{color:#666;font-size:clamp(.8rem,1.5vw,.8rem)}.card-right{border-left:clamp(2px,.3vw,3px) solid #e6f9ff;border-radius:0 clamp(10px,1vw,12px) clamp(10px,1vw,12px) 0;display:flex;flex-direction:column;gap:clamp(.6rem,1vw,.8rem);justify-content:space-evenly;min-width:clamp(60px,8vw,70px);padding:.5rem}.card-button{background-color:initial;border:none;border-radius:clamp(5px,.8vw,6px);cursor:pointer;display:flex;font-size:1rem;transition:background-color .2s ease-in-out}.card-button:hover{background-color:#edf9fc}.icon-correct{color:blue}.icon-correct,.icon-incorrect{font-size:clamp(1rem,2.5vw,1.2rem);margin-left:clamp(5px,.8vw,8px)}.icon-incorrect{color:#ffb6c1}.icon-error{color:grey;font-size:clamp(1rem,2.5vw,1.2rem)}.question-check{display:flex}.left-section{background-color:#fff;box-shadow:1px 0 10px #0000001a;display:flex;flex-direction:column;min-width:350px;overflow-y:visible;padding:1rem;width:20%;z-index:1}.left-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.scroll-area{flex:1;max-height:calc(160vh - 200px);overflow-y:auto;padding-right:.5rem;padding-top:2px}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.scroll-area::-webkit-scrollbar-thumb:hover{background:#c2f1ff}.history-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:1rem;width:100%}.history-header h3{flex-grow:1;font-size:clamp(1.2rem,1.8vw,1.8rem);margin:0}.collection-toggle-btn{background-color:#add8e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:clamp(1.5rem,1.8vw + .7rem,1.5rem);font-weight:700;margin-left:12px;padding:8px 16px;transition:all .3s ease-in-out;white-space:nowrap}.collection-toggle-btn:hover{background-color:#0056b3}.collection-toggle-btn:active{background-color:#4c8cc6}.collection-toggle-btn:focus{outline:2px solid #4c8cc6;outline-offset:2px}.home-menu-container{background-color:#f8f9fa;border-right:1px solid #ddd;display:flex;flex-direction:column;padding:40px 20px;position:relative;width:350px;z-index:2}.set-criteria-button{background-color:#e6f9ff;border-radius:50px;box-shadow:inset 0 5px 5px #0000000d,0 8px 8px #0000000d,0 8px 8px #0000000d,inset 0 -10px 15px #ffffffe6;color:#444;cursor:pointer;font-size:clamp(14px,1.5vw + 12px,24px);letter-spacing:clamp(1.5px,.2vw,2.4px);margin:clamp(24px,3vw,36px) clamp(16px,2vw,24px) clamp(40px,4vw,60px);padding:clamp(16px,2vw,24px);text-align:center;text-decoration:none;text-transform:uppercase}.set-criteria-button:hover{background-color:#0056b3;color:#fff;transform:scale(1.05)}.set-criteria-button:active{transform:scale(.98)}.home-menu{margin-top:2rem;max-width:800px;width:100%}.home-menu ul{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.home-menu li{border-radius:12px;color:#333;cursor:pointer;font-size:clamp(1.25rem,2.5vw + 1rem,1.875rem);min-width:150px;padding:1rem 2rem;text-align:center;transition:background-color .3s ease,color .3s ease,transform .2s ease}.home-menu li:hover{background-color:#c2f1ff;color:#000;transform:translateY(-3px)}.home-menu li.active{background-color:#0056b3;box-shadow:0 4px 10px #00000026;color:#fff;font-weight:600;transform:translateY(-3px)}@media (max-width:768px){.home-menu-container{margin:1.5rem auto;padding:2rem 1.5rem}.set-criteria-button{font-size:clamp(1.25rem,2.5vw + 1rem,1.75rem);max-width:400px;padding:1rem 2rem}.home-menu ul{flex-direction:column;gap:1.5rem}.home-menu li{font-size:clamp(1rem,2vw + .8rem,1.5rem);min-width:100%;padding:.75rem 1.5rem}}@media (max-width:480px){.home-menu-container{margin:1rem auto;padding:1.5rem 1rem}.set-criteria-button{font-size:clamp(1rem,2vw + .7rem,1.5rem);max-width:100%;padding:.75rem 1.5rem}.home-menu li{font-size:clamp(.875rem,1.8vw + .7rem,1.25rem);padding:.5rem 1rem}}.footer{align-items:center;background:linear-gradient(180deg,#ffffffe6,#e6f9ffe6);bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;height:120px;justify-content:center;left:0;position:fixed;width:100%;z-index:1000}@media (max-width:1100px){.footer{display:flex}}.footer-button-container{height:100%;position:relative;width:100%}.footer-button,.footer-button-container{align-items:center;display:flex;justify-content:center}.footer-button{background-color:#e6f9ff;border:none;border-radius:50%;box-shadow:inset 0 5px 5px #0000000d,0 8px 8px #0000000d,0 8px 8px #0000000d,inset 0 -10px 15px #ffffffe6;cursor:pointer;height:60px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;width:60px}.footer-button svg{stroke:#000;height:36px;width:36px}.footer-button:hover{background:#fff;box-shadow:0 6px 12px #0000004d;transform:scale(1.1)}.footer-button.active{background:#0056b3;transform:scale(1.05)}.footer-button.active svg{stroke:#fff}.footer-back-button,.footer-new-button{position:absolute}.footer-back-button{left:80px}.footer-new-button{right:80px}.footer-start-container{bottom:125px;display:none;position:fixed;right:0;z-index:1000}@media (max-width:1100px){.footer-start-container{display:block}}.footer-new-button,.footer-start-button{align-items:center;background-color:#f4fcff;border:none;border-radius:50%;box-shadow:inset 0 5px 5px #0000000d,0 8px 8px #0000000d,0 8px 8px #0000000d,inset 0 -10px 15px #ffffffe6;color:#444;cursor:pointer;display:flex;font-size:36px;font-weight:600;height:150px;justify-content:center;padding:0;position:absolute;right:80px;text-align:center;text-transform:uppercase;top:0;transform:translateY(-50%);transition:transform .3s ease,background .3s ease,box-shadow .3s ease;width:150px}.footer-new-button:hover,.footer-start-button:hover{background-color:#0056b3;color:#fff;transform:translateY(-50%) scale(1.1)}.footer-new-button.active{background:#0056b3;transform:scale(1.05)}.footer-overlay{background:#fffffff2;bottom:80px;box-shadow:0 -2px 10px #0000001a;left:0;max-height:40vh;overflow-y:auto;position:fixed;width:100%;z-index:999}.footer-overlay .home-menu-container,.footer-overlay .left-section{box-sizing:border-box;height:100%;padding:20px;width:100%}.footer-overlay .home-menu-container{align-items:center;background-color:initial;border-right:none;bottom:30px;display:flex;flex-direction:column;justify-content:flex-start}.footer-overlay .set-criteria-button{height:60px;margin:clamp(16px,2vw,24px) auto clamp(20px,2.5vw,30px);padding:clamp(12px,2vw,16px) clamp(24px,3vw,32px);width:250px}.footer-overlay .language-switcher-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:50px;width:100%}.footer-overlay .language-switcher-wrapper .language-switcher{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:32px;margin:0 auto;max-width:200px;padding:10px 40px 10px 10px;position:static;width:100%}.footer-overlay .language-switcher-wrapper .language-switcher,.footer-overlay .language-switcher-wrapper .language-switcher:hover{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>')}.footer-overlay .language-switcher-wrapper .language-switcher:hover{background-color:#e6f9ff4d}.footer-overlay .language-switcher-wrapper .language-switcher:focus{background-color:#e6f9ff4d;box-shadow:0 0 0 2px #87cefa80;outline:none}.footer-overlay .language-switcher-wrapper .language-switcher option{background:#fff;color:#333}@media (max-width:480px){.footer-overlay .language-switcher-wrapper .language-switcher{background-position:right 15px center;background-size:14px;border-radius:8px;font-size:20px;max-width:220px;padding:12px 30px 12px 12px}}.footer-overlay .home-menu{max-width:200px;width:100%}@media (max-width:480px){.footer-overlay{max-height:50vh}.footer-overlay .home-menu-container{max-width:clamp(180px,80vw,260px);padding:10px}.footer-overlay .set-criteria-button{margin:clamp(12px,1.5vw,16px) auto clamp(16px,2vw,24px);padding:clamp(10px,1.5vw,14px) clamp(20px,2.5vw,28px)}.footer-overlay .home-menu,.footer-overlay .language-switcher-wrapper .language-switcher{max-width:180px}.footer-new-button,.footer-start-button{font-size:24px;right:10px}.footer-back-button{left:10px}.footer-new-button{right:10px}}.DialogOverlay{background:#00000080;inset:0;position:fixed}.DialogContent{background:#fff;border-radius:clamp(1.125rem,2vw,1.375rem);box-shadow:0 clamp(1.125rem,2vw,1.375rem) clamp(3rem,5vw,3.75rem) #0003;left:50%;max-width:90%;padding:clamp(2.5rem,3.5vw,3rem);position:fixed;top:50%;transform:translate(-50%,-50%);width:clamp(36rem,45vw,40rem);z-index:1000}.DialogHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(1.25rem,2vw,1.5rem)}.DialogTitle{font-size:clamp(1.625rem,5vw,3rem);font-weight:500}.IconButton{background:none;border:none;cursor:pointer;font-size:clamp(1.5rem,2.5vw,1.75rem)}.IconButton:hover{color:#000}.form-container,.form-row{display:flex;flex-direction:column}.form-row{margin-bottom:clamp(1.25rem,2vw,1.5rem)}.form-row label{font-size:clamp(2rem,2.5vw,2rem);margin-bottom:clamp(.625rem,1vw,.75rem)}.input-field{border:1px solid #ddd;border-radius:clamp(.625rem,1vw,.75rem);font-size:clamp(1.375rem,2.5vw,1.5rem);padding:clamp(1rem,2vw,1.25rem);width:100%;z-index:1001}.button-row{display:flex;gap:clamp(1.125rem,2vw,1.375rem);justify-content:flex-end}.report-submit-button{background:#8ebae9}.cancel-button,.report-submit-button{border:none;border-radius:clamp(.625rem,1vw,.75rem);color:#fff;cursor:pointer;font-size:clamp(1.375rem,2.5vw,1.5rem);padding:clamp(1rem,2vw,1.25rem) clamp(1.5rem,2.5vw,1.75rem)}.cancel-button{background:gray}.cancel-button:hover{background:#444}.PopoverContent{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;padding:15px;width:280px}.popover-header{align-items:center;display:flex;justify-content:space-between}.popover-body{margin-top:10px}.popover-label{display:block;font-weight:700;margin-top:8px}.popover-input{border:1px solid #ddd;border-radius:5px;margin-top:4px;padding:8px;width:100%}.dialog-submit-session{align-items:left;display:flex;margin-top:20px}.share-submit-button{background:#e6f9ff;border:none;border-radius:12px;color:#000;cursor:pointer;font-size:clamp(1.75rem,1.8vw + .7rem,2.25rem);margin-left:20px;padding:10px 15px;transition:background-color .2s}.submit-button:hover{background:#0056b3}.close-button{background:#0000;border:none;cursor:pointer}.truncate-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:4.5em;overflow:hidden;text-overflow:ellipsis;white-space:normal}.expanded{-webkit-line-clamp:unset;line-clamp:unset;max-height:none}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin-top:5px}.toggle-button:hover{text-decoration:underline}.dialog-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.share-dialog-title{font-size:clamp(1.625rem,5vw,3.8rem);font-weight:700}.dialog-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-right:10px;outline:none;padding:8px;transition:border-color .2s ease-in-out;width:50%}.dialog-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff33}.error-message{font-size:14px;margin-top:8px;text-align:left}.selector-page{justify-content:center;min-height:100vh;padding:1rem}.preview-selector-header,.selector-page{align-items:center;background-color:#f0f2f5;display:flex}.preview-selector-header{justify-content:space-between}.selector-main-section{display:flex;justify-content:center;max-width:600px;width:100%}.selector-card{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;width:100%}.selector-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.selector-content{gap:1.5rem}.selector-content,.selector-field{display:flex;flex-direction:column}.selector-field{align-items:flex-start;text-align:left}.selector-label{color:#333;font-size:1rem;font-weight:500;margin-bottom:.5rem}.selector-dropdown{background-color:#fffc;border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.selector-dropdown:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.selector-submit-button{background-color:#e6f9ff;border-radius:50px;box-shadow:inset 0 .2rem .2rem #0000000d,0 .4rem .4rem #0000000d,inset 0 -.5rem .75rem #ffffffe6;color:#444;font-size:clamp(1.2rem,3.24vw,1.32rem);letter-spacing:.1em;padding:clamp(.5rem,2vw,.75rem) clamp(1.5rem,4vw,2rem);text-decoration:none;text-transform:uppercase;transition:background-color .3s,color .3s}.selector-submit-button:hover:not(:disabled){background-color:#0056b3;color:#fff}.selector-submit-button:disabled{background-color:#d6d9ff;cursor:not-allowed}.preview-page{flex-direction:column;padding:2rem}.preview-header,.preview-page{background-color:#fff;display:flex}.preview-header{align-items:center;border-bottom:1px solid #dee2e6;justify-content:space-between;padding:1rem}.preview-back-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1.5rem;padding:.5rem}.preview-back-button:hover{color:#0056b3}.preview-signin-button{background-color:#e6f9ff;border-radius:50px;box-shadow:inset 0 .2rem .2rem #0000000d,0 .4rem .4rem #0000000d,inset 0 -.5rem .75rem #ffffffe6;color:#444;font-size:clamp(1.2rem,3.24vw,1.32rem);letter-spacing:.1em;padding:clamp(.5rem,2vw,.75rem) clamp(1.5rem,4vw,2rem);text-decoration:none;text-transform:uppercase;transition:background-color .3s,color .3s}.preview-signin-button:hover{background-color:#0056b3;color:#fff}.preview-main-section{display:flex;justify-content:center;width:100%}.preview-main-content{display:flex;flex-direction:row;gap:2rem;width:100%}.preview-question-sidebar{border-right:1px solid #ddd;max-width:500px;padding:1rem;width:20%}.preview-question-list{list-style:none;padding-left:0}.preview-question-item{border:1px solid #d1e3ef;border-radius:6px;cursor:pointer;margin-bottom:10px;padding:10px;transition:background .2s}.preview-question-item:hover{background-color:#e0f0ff}.preview-question-display{display:flex;flex-direction:column;gap:1.5rem;width:70%}.preview-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-top:1rem}.preview-toolbar{background-color:#e8f6fd;border-bottom:1px solid #d1e3ef;padding:.75rem 1rem}.preview-toolbar-title{font-size:1.125rem;font-weight:600}.preview-card-content{color:#333;font-size:1.1rem;padding:1rem}.preview-check-result{font-size:1.2rem;font-weight:700;margin-top:1rem}.preview-check-answer{color:#0056b3;margin-left:.5rem}.signin-page{align-items:center;background:linear-gradient(90deg,#dfebff,#f1faff);display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;padding:12px}.signin-card{backdrop-filter:blur(10px);background:#fff3;border-radius:20px;box-shadow:0 4px 15px #00000026;max-width:480px;padding:48px;text-align:center;transition:all .3s ease-in-out;width:100%}.logo-container{display:flex;justify-content:center;margin-bottom:24px}.dactor-logo{cursor:pointer;height:auto;width:96px}.signin-card h2{color:#03396c;font-size:34.56px;margin-bottom:18px}.signin-card p{color:#555;font-size:20.16px;margin-bottom:24px}.email-input{background:#fff;border:1px solid #5a9bd5;border-radius:9.6px;font-size:20.16px;margin-bottom:14.4px;min-height:72px;outline:none;padding:14.4px;text-align:center;transition:border .3s;width:100%}.email-input:focus{border-color:#03396c}.signin-button{background-color:#5a9bd5;border:none;border-radius:9.6px;color:#fff;cursor:pointer;font-size:20.16px;font-weight:700;margin-top:14.4px;min-height:38.4px;padding:14.4px;transition:background .3s ease-in-out,transform .2s ease-in-out;width:100%}.signin-button:hover{background-color:#03396c;transform:translateY(-2px)}.signin-button:disabled{background-color:#a1c4fd;cursor:not-allowed}.signin-button.social-login{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:9.6px;color:#000;display:flex;font-size:20.16px;font-weight:700;justify-content:center;padding:14.4px 14.4px 14.4px 48px;position:relative;text-align:center;transition:background .3s ease-in-out,transform .2s ease-in-out;width:100%}.signin-button.social-login:hover{background:#03396c;border-color:#b0b0b0;color:#fff;transform:translateY(-2px)}.signin-button.social-login:disabled{background:#e0e0e0;cursor:not-allowed}.signin-button.social-login .signin-logo{height:24px;left:12px;position:absolute;width:24px}.divider{color:#aaa;font-size:17.28px;margin:24px 0;text-align:center}.error{font-size:20.16px;margin-top:14.4px}.terms{color:#aaa;font-size:17.28px;margin-top:24px}.terms a{color:#000;text-decoration:underline}.loading-indicator{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10}.spinner{animation:spin 1s linear infinite;border:3.6px solid #e5e7eb;border-radius:50%;border-top-color:#b2d7ff;height:120px!important;width:120px!important}.loading-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#f4efef1a;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}@media (min-width:431px){.signin-card{border-radius:26.4px;max-width:95%;padding:92.4px;width:818.4px}.dactor-logo{width:132px}.signin-card h2{font-size:44.352px;margin-bottom:26.4px}.signin-card p{font-size:25.344px;margin-bottom:33px}.email-input{margin-bottom:19.8px}.email-input,.signin-button{border-radius:13.2px;font-size:25.344px;padding:18.48px}.signin-button{margin-top:19.8px;width:calc(100% - 33px)}.signin-button.social-login{font-size:25.344px;padding-left:63.36px;padding-right:18.48px;width:calc(100% - 72.6px)}.signin-button.social-login .signin-logo{height:31.68px;left:15.84px;width:31.68px}.divider{font-size:22.176px;margin:33px 0}.error{font-size:25.344px;margin-top:19.8px}.terms{font-size:22.176px;margin-top:33px}.spinner{border:5.28px solid #e5e7eb;border-top-color:#b2d7ff;height:198px!important;width:198px!important}}.confirmation-popup{max-width:90%;padding:24px;text-align:center}.confirmation-buttons{display:flex;justify-content:space-around;margin-top:24px}.confirmation-buttons button{border:none;border-radius:9.6px;cursor:pointer;font-size:17.28px;font-weight:700;padding:9.6px 19.2px;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.confirmation-buttons button:last-child{background-color:#5a9bd5;color:#fff}.confirmation-buttons button:last-child:hover{background-color:#03396c;transform:translateY(-2px)}.confirmation-buttons button:first-child{background-color:#a1c4fd;color:#e4ebf0}.confirmation-buttons button:first-child:hover{background-color:#8ab4f8;transform:translateY(-2px)}.confirmation-popup h3{color:#03396c;font-family:Poppins,sans-serif;font-size:25.92px;font-weight:600;margin-bottom:14.4px}.confirmation-popup p{color:#555;font-family:Poppins,sans-serif;font-size:17.28px;line-height:1.5;margin-bottom:18px}.acc-creation-page{align-items:center;background:linear-gradient(90deg,#dfebff,#f1faff);display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;justify-content:center;padding:10px}.acc-creation-card{backdrop-filter:blur(10px);background:#fff3;border-radius:16px;box-shadow:0 4px 15px #00000026;box-sizing:border-box;max-width:400px;padding:40px;text-align:center;transition:all .3s ease-in-out;width:100%}.acc-creation-card h2{color:#03396c;font-size:28.8px;margin-bottom:15px}.acc-creation-card p{color:#555;font-size:16.8px;margin-bottom:20px}.acc-creation-card label{color:#333;display:block;font-size:16.8px;font-weight:700;margin-bottom:8px;text-align:left;width:100%}.acc-creation-card input,.acc-creation-card select{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16.8px;margin-bottom:12px;padding:12px;text-align:left;transition:border-color .2s ease-in-out;width:100%}.acc-creation-card input:focus,.acc-creation-card select:focus{border-color:#03396c;outline:none}.validation-feedback{font-size:16.8px;margin-bottom:12px;margin-top:-8px;text-align:left}.success{color:green;font-size:16.8px}.checkbox-group{align-items:center;box-sizing:border-box;color:#333;display:flex;font-size:16.8px;font-weight:700;margin-bottom:12px;width:100%}.custom-checkbox{display:inline-block;height:22px;margin-right:10px;position:relative;width:22px}.custom-checkbox input[type=checkbox]{cursor:pointer;height:22px;left:0;margin:0;opacity:0;position:absolute;top:0;width:22px;z-index:1}.checkbox-indicator{background-color:#fff;border:1px solid #ddd;border-radius:4px;height:22px;left:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s ease-in-out;width:22px}.custom-checkbox input[type=checkbox]:checked+.checkbox-indicator:after{color:#5a9bd5;content:"✓";font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-checkbox input[type=checkbox]:checked+.checkbox-indicator{background-color:#e6f0fa}.checkbox-group label{font-weight:400;margin:0}.checkbox-group+input{border:1px solid #ddd;border-radius:8px;margin:0 0 12px}.acc-creation-card button,.checkbox-group+input{box-sizing:border-box;font-size:16.8px;padding:12px;width:100%}.acc-creation-card button{background-color:#5a9bd5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;transition:all .3s ease-in-out}.acc-creation-card button:hover{background-color:#03396c}.acc-creation-card select{appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="0"><path d="m12 16-6-6h12z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:8px;cursor:pointer;direction:ltr;font-size:16.8px;padding:12px;text-align:left;text-align-last:left;width:100%}@media (min-width:431px){.acc-creation-card{border-radius:20px;max-width:95%;padding:70px;width:620px}.acc-creation-card h2{font-size:33.6px;margin-bottom:20px}.acc-creation-card p{font-size:19.2px;margin-bottom:25px}.acc-creation-card label{font-size:19.2px}.acc-creation-card input,.acc-creation-card select{border-radius:10px;font-size:19.2px;margin-bottom:15px;padding:14px}.validation-feedback{font-size:19.2px;margin-bottom:15px;margin-top:-10px}.checkbox-group,.error,.success{font-size:19.2px}.checkbox-group{margin-bottom:15px}.checkbox-indicator,.custom-checkbox,.custom-checkbox input[type=checkbox]{height:26px;width:26px}.custom-checkbox input[type=checkbox]:checked+.checkbox-indicator:after{font-size:18px}.checkbox-group+input{margin-bottom:15px}.acc-creation-card button,.checkbox-group+input{border-radius:10px;font-size:19.2px;padding:14px}.acc-creation-card button{margin-top:15px}.acc-creation-card select{background-size:18px;border-radius:10px;font-size:19.2px;padding:14px}}@media (max-width:500px){.acc-creation-card{width:90%}}.dialog-title{font-size:clamp(2.5rem,3.5vw,3rem)}.reward-message{color:#555;font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:clamp(1rem,2vw,1.25rem)}.reward-time{color:#666;font-size:clamp(1.125rem,2.5vw,1.25rem);margin-top:clamp(1rem,2vw,1.25rem)}.pass-status-container{display:flex;flex-direction:column;gap:clamp(32px,4vw + 24px,48px);margin:0 auto;max-width:clamp(900px,80vw,1000px);padding:clamp(24px,3vw + 18px,32px)}.pass-status.card-container{background-color:#fff;border-radius:clamp(16px,2vw + 12px,20px);box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;padding:clamp(32px,4vw + 24px,40px);transition:transform .2s ease,box-shadow .2s ease}.pass-status.card-container:hover{box-shadow:0 12px 24px #0003;transform:translateY(-6px)}.pass-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(20px,2.5vw + 16px,24px)}.header-actions{display:flex;gap:clamp(12px,1.5vw + 8px,16px)}.pass-status-title{color:#333;font-size:clamp(2rem,3vw + 1.5rem,2.5rem);font-weight:600}.free-plan-message{color:#666;font-size:clamp(1.25rem,2vw + 1rem,1.5rem);font-weight:500;margin-bottom:clamp(20px,2.5vw + 16px,24px);text-align:center}.pass-content{align-items:flex-start;display:flex;gap:clamp(24px,3vw + 18px,32px);margin-bottom:clamp(24px,3vw + 18px,32px)}.pass-image{height:auto;opacity:.9;transition:opacity .2s ease;width:clamp(200px,20vw + 160px,250px)}.pass-status.card-container:hover .pass-image{opacity:1}.pass-info{flex:1;min-width:clamp(300px,40vw,400px)}.stat-row{border-bottom:1px solid #eee;gap:clamp(16px,2vw + 12px,20px);padding:clamp(12px,1.5vw + 8px,16px) 0}.stat-label{color:#555;font-weight:500}.stat-label,.stat-value{flex-shrink:0;font-size:clamp(1.25rem,1.8vw + 1rem,1.5rem)}.stat-value{color:#222;font-weight:400}.pass-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:clamp(16px,2vw + 12px,20px);justify-content:flex-end;margin-top:clamp(12px,1.5vw + 8px,16px)}.extend-button,.pass-claim-button,.purchase-button,.trial-button{align-items:center;border:none;border-radius:clamp(8px,1vw + 6px,10px);cursor:pointer;display:inline-flex;font-size:clamp(1rem,1.5vw + .8rem,1.25rem);font-weight:500;height:clamp(40px,5vw + 32px,48px);justify-content:center;padding:clamp(12px,1.5vw + 8px,16px) clamp(20px,2.5vw + 16px,24px);transition:background-color .2s ease,transform .1s ease}.extend-button:hover,.pass-claim-button:hover:not(:disabled),.purchase-button:hover,.trial-button:hover{transform:scale(1.05)}.trial-button{background-color:#28a745;color:#fff}.trial-button:hover{background-color:#218838}.purchase-button{background-color:#007bff;color:#fff}.purchase-button:hover{background-color:#0069d9}.extend-button{background-color:#ffc107;color:#333}.extend-button:hover{background-color:#e0a800}.pass-claim-button{background-color:#28a745;color:#fff}.pass-claim-button:hover:not(:disabled){background-color:#218838}.pass-claim-button:disabled{background-color:#ccc;cursor:not-allowed}.pass-claim-button.claimed{background-color:#6c757d}.countdown-timer{color:#f60;display:inline-block;font-size:clamp(1rem,1.5vw + .8rem,1.25rem);font-weight:500;line-height:1.4;white-space:nowrap}.countdown-timer strong{font-weight:700}.countdown-timer:before{margin-right:clamp(8px,1vw + 6px,10px)}.notice-text{color:#d9534f;font-weight:600}@media (max-width:600px){.pass-status-container{min-width:100%;padding:clamp(16px,2vw + 12px,20px)}.pass-status.card-container{padding:clamp(20px,2.5vw + 16px,24px)}.pass-header{align-items:flex-start;flex-direction:column;gap:clamp(12px,1.5vw + 8px,16px)}.header-actions{justify-content:flex-end;width:100%}.extend-button,.pass-claim-button,.purchase-button,.trial-button{font-size:clamp(.9rem,1.2vw + .7rem,1.1rem);height:clamp(36px,4vw + 28px,40px);padding:clamp(10px,1.2vw + 8px,12px) clamp(16px,2vw + 12px,20px);text-align:center;width:100%}.pass-actions{gap:clamp(12px,1.5vw + 8px,16px);justify-content:flex-end}.pass-actions,.pass-content{align-items:center;flex-direction:column}.pass-content{gap:clamp(16px,2vw + 12px,20px)}.pass-image{margin-bottom:clamp(16px,2vw + 12px,20px);width:clamp(120px,15vw + 100px,150px)}.pass-status-title{font-size:clamp(1.5rem,2.5vw + 1.2rem,1.75rem)}.pass-info{min-width:100%}.stat-row{align-items:flex-start;flex-direction:column;gap:clamp(8px,1vw + 6px,10px)}.stat-label,.stat-value{font-size:clamp(1rem,1.5vw + .8rem,1.25rem);white-space:nowrap;width:100%}.countdown-timer{font-size:clamp(.9rem,1.2vw + .7rem,1.1rem)}}.mission-list-card{background-color:#fff;border:1px solid #e6f9ff;border-radius:clamp(16px,2vw + 12px,20px);box-shadow:0 8px 20px #00000026;max-width:clamp(800px,80vw,900px);padding:clamp(32px,4vw + 24px,40px);text-align:center}.mission-list-title{color:#0056b3;font-size:clamp(2rem,3vw + 1.5rem,2.5rem);font-weight:700;margin-bottom:clamp(20px,2.5vw + 16px,24px)}.mission-reset-countdown{color:#666;font-size:clamp(1.25rem,2vw + 1rem,1.5rem);margin-bottom:clamp(20px,2.5vw + 16px,24px)}.mission-list{list-style-type:none;margin:0;padding:0}.mission-card{align-items:center;background-color:#e6f9ff;border:1px solid #cfeaf7;border-radius:clamp(16px,2vw + 12px,20px);display:flex;gap:clamp(24px,3vw + 18px,32px);justify-content:space-between;margin:clamp(16px,2vw + 12px,20px) 0;padding:clamp(24px,3vw + 18px,32px);transition:box-shadow .3s ease-in-out}.mission-card:hover{box-shadow:0 12px 24px #0003}.mission-content{flex:1;text-align:left}.mission-content strong{color:#333;display:block;font-size:clamp(1.5rem,2vw + 1.25rem,1.75rem);font-weight:700;margin-bottom:clamp(8px,1vw + 6px,12px)}.mission-content p{color:#666;font-size:clamp(1.25rem,1.8vw + 1rem,1.5rem);margin:clamp(8px,1vw + 6px,12px) 0}.mission-actions button{border:none;border-radius:clamp(10px,1.2vw + 8px,12px);cursor:pointer;font-size:clamp(1rem,1.5vw + .8rem,1.25rem);font-weight:700;padding:clamp(12px,1.5vw + 8px,16px) clamp(20px,2.5vw + 16px,24px);white-space:nowrap}.claim-button{background-color:#0056b3;color:#fff;transition:background-color .3s ease,transform .2s ease}.claim-button:hover{background-color:#004494;transform:scale(1.05)}.claimed-button{background-color:#9e9e9e;color:#fff;cursor:not-allowed}.in-progress-button{background-color:#e9e9e9;color:#666;cursor:not-allowed}@media (max-width:600px){.mission-list-card{max-width:100%;padding:clamp(20px,2.5vw + 16px,24px)}.mission-list-title{font-size:clamp(1.5rem,2.5vw + 1.2rem,1.75rem)}.mission-reset-countdown{font-size:clamp(1rem,1.5vw + .8rem,1.25rem)}.mission-card{align-items:flex-start;flex-direction:column;gap:clamp(16px,2vw + 12px,20px);margin:clamp(12px,1.5vw + 8px,16px) 0;padding:clamp(16px,2vw + 12px,20px)}.mission-content strong{font-size:clamp(1.25rem,1.8vw + 1rem,1.5rem)}.mission-content p{font-size:clamp(1rem,1.5vw + .8rem,1.25rem)}.mission-actions button{font-size:clamp(.9rem,1.2vw + .7rem,1.1rem);padding:clamp(10px,1.2vw + 8px,12px) clamp(16px,2vw + 12px,20px);text-align:center;width:100%}}.instructions-container{margin:0 auto;max-width:clamp(900px,85vw,950px);padding:clamp(28px,3.5vw + 20px,32px)}.instructions-container h2{font-size:clamp(2rem,3vw + 1.5rem,2.25rem);margin-bottom:clamp(20px,2.5vw + 16px,24px)}.instructions-container h3{font-size:clamp(1.75rem,2.5vw + 1.5rem,2rem);margin-bottom:clamp(14px,1.8vw + 12px,16px);margin-top:clamp(28px,3.5vw + 20px,32px)}.instructions-container p{font-size:clamp(1.25rem,1.8vw + 1rem,1.5rem);margin-bottom:clamp(14px,1.8vw + 12px,16px)}.instructions-container ul{list-style-type:disc;margin-bottom:clamp(28px,3.5vw + 20px,32px);padding-left:clamp(28px,3.5vw + 20px,32px)}.instructions-container ul li{font-size:clamp(1.25rem,1.8vw + 1rem,1.5rem);margin-bottom:clamp(12px,1.5vw + 10px,14px);overflow:hidden;text-overflow:ellipsis}.item-introduction{margin-top:clamp(28px,3.5vw + 20px,32px)}.item-row{align-items:center;display:flex;margin-bottom:clamp(28px,3.5vw + 20px,32px)}.item-image{height:clamp(70px,7vw + 60px,80px);margin-right:clamp(20px,2.5vw + 16px,24px);width:clamp(70px,7vw + 60px,80px)}.item-row p{flex:1;font-size:clamp(1.25rem,1.8vw + 1rem,1.5rem);margin:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:600px){.instructions-container{max-width:100%;padding:clamp(20px,2.5vw + 16px,24px)}.instructions-container h2{font-size:clamp(1.75rem,2.5vw + 1.5rem,2rem)}.instructions-container h3{font-size:clamp(1.5rem,2vw + 1.25rem,1.75rem)}.instructions-container p{font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem)}.instructions-container ul{padding-left:clamp(24px,3vw + 18px,28px)}.instructions-container ul li{font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem);overflow:visible;text-overflow:clip;white-space:normal}.item-image{height:clamp(60px,6vw + 50px,70px);margin-right:clamp(16px,2vw + 12px,20px);width:clamp(60px,6vw + 50px,70px)}.item-row p{font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem);overflow:visible;text-overflow:clip;white-space:normal}}.promo-code-container{background-color:#f8f9fa;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:24px;margin-bottom:800px;margin-top:200px;max-width:600px;padding:24px}.promo-code-input-wrapper{display:flex;gap:16px}#promo-code-input{border:3px solid #ccc;border-radius:12px;flex:1;font-size:clamp(18px,2vw + 16px,24px);padding:16px 20px;transition:border-color .3s ease,box-shadow .3s ease}.promo-code-container label{color:#333;font-size:clamp(24px,4vw + 16px,36px);font-weight:700;margin-bottom:8px}#promo-code-input:focus{border-color:#0056b3;box-shadow:0 0 12px #0056b366;font-size:clamp(18px,2vw + 16px,28px);outline:none}.claim-promo-button{background:#0056b3;border:none;border-radius:12px;box-shadow:0 6px 12px #00000026;color:#fff;cursor:pointer;font-size:clamp(18px,2vw + 16px,24px);letter-spacing:2px;padding:16px 32px;text-transform:uppercase;transition:background .3s ease,transform .2s ease;white-space:nowrap}.claim-promo-button:hover{background:#003d82;transform:scale(1.08)}.claim-promo-button:active{transform:scale(.95)}.claim-promo-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.error-message{color:#d32f2f}.error-message,.success-message{font-size:clamp(16px,1.8vw + 14px,20px);margin-top:12px}.success-message{color:#28a745}@media (max-width:768px){.promo-code-container{gap:16px;margin-top:24px;max-width:100%;padding:16px}#promo-code-input{border-width:2px;padding:12px 16px}#promo-code-input,.claim-promo-button{font-size:clamp(16px,1.8vw + 14px,20px)}.claim-promo-button{box-shadow:0 4px 8px #0000001a;padding:12px 24px}.error-message,.success-message{font-size:clamp(14px,1.5vw + 12px,18px);margin-top:8px}}@media (max-width:480px){.promo-code-container{gap:12px;margin-top:16px;padding:12px}.promo-code-input-wrapper{flex-direction:column;gap:12px}#promo-code-input{border-width:2px;padding:10px 14px}#promo-code-input,.claim-promo-button{font-size:clamp(14px,1.5vw + 12px,18px)}.claim-promo-button{box-shadow:0 3px 6px #0000001a;padding:10px 20px;width:100%}.error-message,.success-message{font-size:clamp(12px,1.2vw + 10px,16px);margin-top:6px}}.invite-friend-page{align-items:center;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center}.invite-friend-container{flex-wrap:wrap;justify-content:center;margin:150px auto}.invite-friend-card{backdrop-filter:blur(10px);background:#fff3;border-radius:clamp(18px,2vw + 14px,20px);box-shadow:0 6px 12px #00000026;box-sizing:border-box;margin-bottom:clamp(60px,6vw + 48px,72px);padding:clamp(36px,4vw + 28px,42px);text-align:center;transition:all .3s ease-in-out;width:clamp(650px,80vw,700px)}.invite-friend-card h2{color:#03396c;font-size:clamp(1.75rem,2.5vw + 1.5rem,2rem);margin-bottom:clamp(18px,2vw + 14px,20px)}.share-id-section{margin-bottom:clamp(24px,3vw + 18px,28px)}.share-id-section p{color:#333;font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem)}.share-id-section strong{color:#03396c}.message-template-section{margin-bottom:clamp(24px,3vw + 18px,28px)}.message-template-section p{color:#333;font-size:clamp(1rem,1.3vw + .8rem,1.1rem);font-weight:700;margin-bottom:clamp(10px,1.2vw + 8px,12px);text-align:left}.message-template{background-color:#fff;border:1px solid #ddd;border-radius:clamp(10px,1.2vw + 8px,12px);box-sizing:border-box;color:#333;font-family:Poppins,sans-serif;font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem);height:clamp(120px,12vw + 100px,140px);padding:clamp(14px,1.8vw + 12px,16px);resize:none;width:100%}.share-id-info{margin-top:clamp(10px,1.2vw + 8px,12px);text-align:left}.share-id-info p{color:#03396c;font-family:Poppins,sans-serif;font-size:clamp(.9rem,1.1vw + .7rem,1rem);opacity:.8}.action-buttons{display:flex;gap:clamp(36px,4vw + 28px,42px);justify-content:center}.copy-button,.whatsapp-button{background-color:#5a9bd5;border:none;border-radius:clamp(10px,1.2vw + 8px,12px);box-sizing:border-box;color:#fff;cursor:pointer;font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem);font-weight:700;padding:clamp(14px,1.8vw + 12px,16px);transition:all .3s ease-in-out;width:80%}.copy-button:hover,.whatsapp-button:hover{background-color:#03396c}.progress-section{backdrop-filter:blur(10px);background:#fff3;border-radius:clamp(18px,2vw + 14px,20px);box-shadow:0 6px 12px #00000026;box-sizing:border-box;padding:clamp(24px,3vw + 18px,28px);text-align:center;width:clamp(650px,80vw,700px)}.progress-section h3{color:#03396c;font-size:clamp(1.5rem,2vw + 1.25rem,1.75rem);margin-bottom:clamp(12px,1.5vw + 10px,14px)}.progress-count{color:#333;margin-bottom:clamp(18px,2vw + 14px,20px)}.claim-reward-button,.progress-count{font-size:clamp(1rem,1.3vw + .8rem,1.1rem)}.claim-reward-button{background-color:#57caf4;border:none;border-radius:clamp(10px,1.2vw + 8px,12px);box-sizing:border-box;color:#fff;cursor:pointer;font-weight:700;margin-top:clamp(60px,6vw + 48px,72px);max-width:clamp(220px,25vw + 180px,240px);padding:clamp(12px,1.5vw + 10px,14px);transition:all .3s ease-in-out;width:100%}.claim-reward-button:hover:not(:disabled){background-color:#03396c}.claim-reward-button:disabled{background-color:#ccc;cursor:not-allowed}.claim-reward-button:not(:disabled){animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toast-viewport{bottom:clamp(20px,2vw + 16px,24px);display:flex;flex-direction:column;gap:clamp(12px,1.5vw + 10px,14px);margin:0;max-width:100vw;padding:0;position:fixed;right:clamp(20px,2vw + 16px,24px);width:clamp(420px,45vw,450px);z-index:100}.toast{backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:clamp(10px,1.2vw + 8px,12px);box-shadow:0 6px 12px #00000026;color:#333;font-family:Poppins,sans-serif;padding:clamp(20px,2.5vw + 16px,24px)}.toast[data-variant=default]{background:#ffffffe6;border-color:#5a9bd5}.toast[data-variant=destructive]{background:#ff00001a;border-color:#ff4d4f;color:#ff4d4f}.toast-title{color:inherit;font-size:clamp(1.1rem,1.5vw + .9rem,1.25rem);font-weight:700;margin-bottom:clamp(6px,.8vw + 4px,8px)}.toast-close{border-radius:clamp(6px,.8vw + 4px,8px);padding:clamp(6px,.8vw + 4px,8px);right:clamp(10px,1.2vw + 8px,12px);top:clamp(10px,1.2vw + 8px,12px);transition:all .2s ease-in-out}.toast-close:hover{background:#0000001a}.chart{backface-visibility:visible;margin:0 auto;perspective:1000px;perspective-origin:50% 50%;width:80%}.bar,.chart{font-size:clamp(1.1em,1.2vw + 1em,1.2em)}.bar{height:clamp(9em,10vw + 8em,10em);transform:rotateX(60deg) rotateY(0deg);transform-style:preserve-3d;transition:all .3s ease-in-out}.bar,.bar .face{position:relative}.bar .face{background-color:#ffffff4d;font-size:2em;height:2em;width:100%}.bar .face.side-a,.bar .face.side-b{width:2em}.bar .side-a{transform:rotateX(90deg) rotateY(-90deg) translateX(2em) translateY(1em) translateZ(1em)}.bar .side-b{position:absolute;right:0;transform:rotateX(90deg) rotateY(-90deg) translateX(4em) translateY(1em) translateZ(-1em)}.bar .side-0{transform:rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(-1em)}.bar .side-1{transform:rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(3em)}.bar .top{transform:rotateX(0deg) rotateY(0) translateX(0) translateY(4em) translateZ(2em)}.bar .floor{box-shadow:0 .1em .6em #0000004d,.6em -.5em 3em #0000004d}.growing-bar{height:2em;transition:all .3s ease-in-out}.bar.cyan .growing-bar,.bar.cyan .side-a,.growing-bar{background-color:#57caf499}.bar.cyan .side-0 .growing-bar{box-shadow:-.5em -1.5em 4em #57caf4}.bar.cyan .floor .growing-bar{box-shadow:0 0 2em #57caf4}.bar.cyan .face{background-color:#57caf433}@media (max-width:768px){.invite-friend-container{align-items:center;flex-direction:column}.invite-friend-card,.progress-section{max-width:clamp(450px,90vw,480px);width:100%}}@media (max-width:500px){.invite-friend-card,.progress-section{width:90%}.toast-viewport{bottom:clamp(12px,1.5vw + 10px,14px);right:clamp(12px,1.5vw + 10px,14px);width:90%}}.home-page{display:flex;flex-direction:row}.home-content{flex:1;gap:clamp(16px,2vw,24px);justify-content:center;margin-top:clamp(24px,3vw,36px);overflow-y:auto;padding:clamp(16px,2vw,24px)}.home-content,.profile-stat-container{align-items:center;display:flex;flex-direction:column}.profile-stat-container{gap:clamp(48px,4.5vw,72px);margin:24px auto;width:100%}.user-profile.card-container{background-color:#fff;border:1px solid #e6f9ff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:clamp(480px,48vw,600px);padding:clamp(20px,2.5vw,28px);text-align:left;width:100%}.user-profile-title{color:#0056b3;font-size:clamp(24px,2vw + 22px,32px);font-weight:700;margin-bottom:clamp(14px,1.5vw,20px);text-align:center}.profile-info,.stat-info{display:flex;flex-direction:column;gap:clamp(24px,3vw,32px)}.user-stat.card-container{background-color:#fff;border:1px solid #e6f9ff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:clamp(480px,48vw,600px);padding:clamp(20px,2.5vw,28px);text-align:left;width:100%}.user-stat-title{color:#0056b3;font-size:clamp(24px,2vw + 22px,32px);font-weight:700;margin-bottom:clamp(14px,1.5vw,20px);text-align:center}.stat-row{align-items:center;border-top:1px solid #e6f9ff;display:flex;justify-content:space-between;overflow:hidden;padding:clamp(8px,1vw,12px) 0;white-space:nowrap}.stat-label{color:#000;font-weight:600;text-align:left}.stat-label,.stat-value{flex:1;font-size:clamp(16px,1.5vw + 14px,20px);white-space:nowrap}.stat-value{color:#333;overflow:hidden;text-align:right;text-overflow:ellipsis}.daily-missions{align-items:center;display:flex;flex-direction:column;max-width:clamp(500px,50vw,660px);width:100%}.start-button-container{margin-top:clamp(16px,2vw,24px)}.start-button-container,main{align-items:center;display:flex;justify-content:center;width:100%}main{flex-direction:column;gap:clamp(16px,2vw,24px)}@media (max-width:1100px){.home-page{flex-direction:column}.home-content{justify-content:center;margin-top:clamp(16px,2vw,24px);padding-bottom:clamp(160px,10vw,200px)}.profile-stat-container{gap:clamp(36px,3.5vw,56px)}.user-profile.card-container,.user-stat.card-container{max-width:clamp(500px,50vw,626px)}}@media (max-width:480px){.home-page{flex-direction:column;justify-content:center}.home-content{gap:clamp(12px,2vw,16px);justify-content:center;margin-top:clamp(12px,2vw,16px);padding:clamp(12px,2vw,16px) clamp(12px,2vw,16px) clamp(80px,10vw,100px);width:100%}.user-profile.card-container,.user-stat.card-container{max-width:clamp(320px,85vw,440px)}.daily-missions{max-width:clamp(300px,80vw,400px)}.profile-stat-container{gap:clamp(28px,3vw,44px)}.start-button-container{padding-bottom:clamp(60px,10vw,80px)}.set-criteria-button{margin:clamp(16px,2vw,24px) clamp(12px,2vw,16px) clamp(32px,3vw,48px);padding:clamp(12px,2vw,16px)}}.AvatarRoot{align-items:center;background-color:var(--black-a3);border-radius:100%;display:inline-flex;height:45px;justify-content:center;overflow:hidden;user-select:none;vertical-align:middle;width:45px}.AvatarImage{border-radius:inherit;height:100%;object-fit:cover;width:100%}.AvatarFallback{align-items:center;background-color:#000;color:#fff;display:flex;font-size:15px;font-weight:500;height:100%;justify-content:center;line-height:1;width:100%}.DropdownMenuContent,.DropdownMenuSubContent{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;min-width:20px;padding:10px;will-change:transform,opacity;z-index:1000}.DropdownMenuContent[data-side=top],.DropdownMenuSubContent[data-side=top]{animation-name:slideDownAndFade}.DropdownMenuContent[data-side=right],.DropdownMenuSubContent[data-side=right]{animation-name:slideLeftAndFade}.DropdownMenuContent[data-side=bottom],.DropdownMenuSubContent[data-side=bottom]{animation-name:slideUpAndFade}.DropdownMenuContent[data-side=left],.DropdownMenuSubContent[data-side=left]{animation-name:slideRightAndFade}.DropdownMenuCheckboxItem,.DropdownMenuItem,.DropdownMenuRadioItem,.DropdownMenuSubTrigger{align-items:center;border-radius:3px;color:#2f4f4f;display:flex;font-size:13px;gap:20px;height:25px;line-height:1;outline:none;padding:0 25px;position:relative;user-select:none}.DropdownMenuSubTrigger[data-state=open]{background-color:var(--violet-4);color:#2f4f4f}.DropdownMenuCheckboxItem[data-disabled],.DropdownMenuItem[data-disabled],.DropdownMenuRadioItem[data-disabled],.DropdownMenuSubTrigger[data-disabled]{color:var(--mauve-8);pointer-events:none}.DropdownMenuCheckboxItem[data-highlighted],.DropdownMenuItem[data-highlighted],.DropdownMenuRadioItem[data-highlighted],.DropdownMenuSubTrigger[data-highlighted]{background-color:var(--violet-9);color:var(--violet-1)}.DropdownMenuLabel{color:grey;font-size:12px;line-height:25px;padding-left:25px}.DropdownMenuSeparator{background-color:#d3d3d3;height:.8px;margin:5px}.DropdownMenuItemIndicator{align-items:center;display:inline-flex;justify-content:center;left:0;position:absolute;width:25px}.DropdownMenuArrow{fill:#fff}.IconButton{color:#2f4f4f;height:35px;width:35px}.RightSlot{color:var(--mauve-11);margin-left:auto;padding-left:20px}[data-highlighted]>.RightSlot{color:#fff}[data-disabled] .RightSlot{color:var(--mauve-8)}button{all:unset}.TooltipContent{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:4px;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633;color:var(--violet-11);font-size:15px;line-height:1;padding:10px 15px;user-select:none;will-change:transform,opacity}.TooltipContent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.TooltipContent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.TooltipContent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.TooltipContent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.TooltipArrow{fill:#fff}.IconButton{align-items:center;background-color:#fff;border-radius:100%;color:var(--violet-11);display:inline-flex;font-family:inherit;height:clamp(2.5rem,3.5vw,5rem);justify-content:center;user-select:none;width:clamp(2.5rem,3.5vw,5rem)}.IconButton:hover{background-color:var(--violet-3)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.ProgressRoot{background:#000;border-radius:99999px;height:10px;transform:translateZ(0)}.ProgressIndicator{background-color:#add8e6;transition:transform .66s cubic-bezier(.65,0,.35,1);width:100%}.header{align-items:center;background-color:#f4fcfe;box-shadow:0 2px 12px #00000026;min-height:clamp(12vh,6vw + 10vh,18vh);padding:clamp(.75rem,2.5vw + .5rem,1rem) clamp(1.5rem,2.5vw + 1.25rem,3rem);position:relative;z-index:3}.header,.header .left{display:flex;justify-content:space-between}.header .left{flex-direction:column;width:clamp(25%,35vw,35%)}.left-top{align-items:center;display:flex;gap:clamp(.75rem,1.2vw,1.25rem)}.top-right{display:flex;flex-direction:column}.pass-level-section{align-items:center;display:flex}.pass-level-text{font-size:clamp(1rem,1.8vw + .8rem,1.25rem);margin-right:clamp(.5rem,1.2vw,.75rem)}.pass-level-images{align-items:center;display:flex}.pass-level-img{height:clamp(28px,3.5vw + 14px,40px);margin-left:clamp(.5rem,1.2vw,.75rem);width:clamp(28px,3.5vw + 14px,40px)}.username{font-size:clamp(1rem,1.8vw + .8rem,1.25rem);margin-top:clamp(.3rem,.6vw,.4rem)}.left-bottom{margin-top:clamp(.75rem,1.2vw,1rem)}.left-bottom,.level-section{align-items:center;display:flex}.level-section{gap:clamp(.75rem,1.2vw,1.25rem);width:100%}.level-text{font-size:clamp(1rem,1.8vw + .8rem,1.25rem);white-space:nowrap}.progress-bar{flex-grow:1}.ProgressRoot,.progress-bar{background-color:#e5e7eb;border-radius:5px;height:clamp(8px,1.2vw + 6px,10px);min-width:clamp(120px,22vw,140px)}.ProgressRoot{overflow:hidden;position:relative;width:100%}.ProgressIndicator{background-color:#3b82f6;border-radius:5px;height:100%;transition:transform .3s ease-in-out}.header .middle{flex-grow:1;gap:clamp(3rem,7vw,7.5rem);justify-content:center;text-align:center;width:clamp(50%,60vw,50%)}.header .middle .middle-left{align-items:center;width:clamp(20%,25vw,25%)}.header .middle .middle-right{align-items:center;display:flex;flex-direction:row;gap:clamp(.8rem,1.2vw,2rem);text-align:center;width:clamp(30%,40vw,40%)}.header .middle .middle-right .refreshments img:hover{transform:scale(1.15)}.header .middle .middle-center{align-items:center;width:clamp(20%,25vw,20%)}.header .middle .middle-center,.header .middle .middle-left{display:flex;flex-direction:column;text-align:center}.header .middle .middle-left img,.header .middle .middle-right img{height:clamp(36px,5.5vw + 28px,52px);margin-bottom:clamp(.3rem,.6vw,.4rem)}.header .middle .middle-center img{height:clamp(64px,11vw + 56px,100px);margin-bottom:clamp(.3rem,.6vw,.4rem)}.header .middle .middle-center img:hover{background-color:#d1f2fc;border-radius:14px;transform:scale(1.15);transition:transform .2s ease-in-out}.header .middle .middle-center p,.header .middle .middle-left p,.header .middle .middle-right p{font-size:clamp(1rem,1.8vw + .8rem,1.25rem)}.header .right{gap:clamp(1rem,2.5vw,1.75rem);justify-content:flex-end;width:clamp(20%,25vw,25%)}.header .right img{height:clamp(24px,3.5vw + 20px,32px)}.header .middle-left-right{color:#555;font-size:clamp(.8rem,1.2vw + .7rem,1rem);position:relative;text-align:left}.bag-icon,.shop-icon{cursor:pointer;transition:transform .2s ease-in-out}.bag-icon:hover,.shop-icon:hover{transform:scale(1.15)}@media (max-width:1100px){.header{flex-direction:row}.header .left{align-items:flex-start;text-align:left}.left-top{flex-direction:row}.top-right{align-items:flex-start}.pass-level-section{justify-content:flex-start}.level-section{align-items:center}.header .middle,.level-section{flex-direction:row}.header .middle .middle-center{width:100%}.header .middle .middle-left,.header .middle .middle-right{width:clamp(150%,200vw,200%)}.header .middle .middle-right{flex-direction:row;justify-content:center}}@media (max-width:480px){.header{flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.header .left{align-items:center;text-align:center;width:100%}.left-top,.level-section{flex-direction:row}.header .middle{flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem);width:100%}.header .middle .middle-center,.header .middle .middle-left,.header .middle .middle-right{width:100%}.header .middle .middle-right{flex-direction:row}.header .middle .middle-right,.header .right{gap:clamp(1rem,2.5vw,1.5rem);justify-content:center}.header .right{width:100%}.pass-level-images{display:flex}}.notification-wrapper{display:inline-block;position:relative}.notification-container{background:#fff;border-radius:clamp(19.2px,2.16vw + 16.8px,21.6px);box-shadow:0 4.8px 14.4px #0000001a;box-sizing:border-box;font-family:Arial,sans-serif;overflow:hidden;position:absolute;right:0;top:clamp(67.2px,7.2vw + 57.6px,76.8px);width:clamp(672px,54vw,720px);z-index:1000}.notification-bell{align-items:center;cursor:pointer;display:flex;height:57.6px;justify-content:center;position:relative;width:57.6px}.notification-bell .h-6.w-6{height:38.4px!important;width:38.4px!important}.notification-bell.animate-bell{animation:bellRing .5s ease-in-out}.notification-bell .notification-badge{background:#0056b3;border-radius:10%;color:#fff;font-size:19.2px;font-weight:700;padding:3.6px 7.2px;position:absolute;right:-3.6px;top:-9.6px}@keyframes bellRing{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.notification-header{align-items:center;border-bottom:1.2px solid #eaeaea;display:flex;justify-content:space-between;padding:clamp(24px,3vw + 21.6px,28.8px)}.notification-header h3{font-size:clamp(1.8rem,2.4vw + 1.5rem,2.1rem);font-weight:700}.mark-read-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:clamp(1.32rem,1.8vw + 1.08rem,1.5rem)}.mark-read-btn:hover{text-decoration:underline}.notification-list{max-height:clamp(636px,66vw,696px);overflow-x:hidden;overflow-y:auto}.notification-item{align-items:center;border-bottom:1.2px solid #eaeaea;box-sizing:border-box;cursor:pointer;display:flex;gap:clamp(19.2px,2.16vw + 16.8px,21.6px);justify-content:space-between;padding:clamp(19.2px,2.16vw + 16.8px,21.6px) clamp(24px,3vw + 21.6px,28.8px);transition:background .3s}.notification-item:hover{background:#f7f7f7}.notification-item.unread{background:#f0f8ff}.notification-item-content{align-items:flex-start;display:flex;max-width:70%}.notification-content{flex:1;max-width:70%}.notification-title{font-weight:600}.notification-body,.notification-title{font-size:clamp(1.32rem,1.8vw + 1.08rem,1.5rem);white-space:normal}.notification-time{color:#888;font-size:clamp(1.2rem,1.56vw + .96rem,1.32rem)}.unread-dot-left{background-color:#0056b3;border-radius:50%;height:clamp(12px,1.44vw + 10.8px,14.4px);margin-right:clamp(12px,1.44vw + 10.8px,14.4px);width:clamp(12px,1.44vw + 10.8px,14.4px)}.no-notifications{color:#888;padding:clamp(33.6px,4.2vw + 28.8px,38.4px);text-align:center}.no-notifications,.view-detail-btn{font-size:clamp(1.32rem,1.8vw + 1.08rem,1.5rem)}.view-detail-btn{background:none;border:none;color:#007bff;cursor:pointer;font-family:Arial,sans-serif;outline:none;padding:clamp(4.8px,.96vw + 2.4px,7.2px);text-align:right;white-space:nowrap}.view-detail-btn:hover{text-decoration:underline}.get-rewards-btn{background:#28a745;border:none;border-radius:clamp(7.2px,.96vw + 6px,9.6px);color:#fff;cursor:pointer;padding:clamp(9.6px,1.2vw + 8.4px,12px) clamp(19.2px,2.16vw + 16.8px,21.6px)}.claimed-label,.get-rewards-btn{font-size:clamp(1.2rem,1.56vw + .96rem,1.32rem);white-space:nowrap}.claimed-label{color:#888;font-family:Arial,sans-serif;font-weight:400;text-align:right}.notification-action{align-items:center;display:flex;justify-content:flex-end}.dialog-overlay{animation:fadeIn .2s ease-in-out;background-color:#0006;z-index:10}.dialog-content{animation:slideUp .2s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 6px 16px #0003;max-width:90%;padding:24px;text-align:center;width:400px;z-index:20}.dialog-title{font-size:18px;font-weight:700;margin-bottom:12px}.dialog-body{color:#555;font-size:14px;margin-bottom:20px}.dialog-footer{gap:12px;justify-content:space-between}.dialog-footer button{border-radius:6px;cursor:pointer;flex:1;font-size:28px;font-weight:500;padding:10px;transition:background .2s ease-in-out}.dialog-footer button:last-child{background-color:#007bff;border:none;color:#fff}.dialog-footer button:last-child:hover{background-color:#0056b3}.dialog-footer button:first-child{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.dialog-footer button:first-child:hover{background-color:#e9ecef}.dialog-body{border:1px solid #ddd;border-radius:6px;font-size:clamp(1.5rem,2.5vw + 1rem,2rem);margin-bottom:12px;padding:10px;text-align:left;width:100%}.question-content,.question-text{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-weight:semibold;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.dialog-overlay{background-color:#00000080;inset:0;position:fixed}.dialog-content{background:#fff;border-radius:clamp(1rem,2vw,1.25rem);box-shadow:0 4px 12px #00000026;left:50%;max-height:85vh;max-width:clamp(32rem,55vw,36rem);overflow-y:auto;padding:clamp(2rem,4vw,2.5rem);position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.dialog-title{color:#333;font-size:clamp(1.75rem,3.5vw,2rem);font-weight:600;margin-bottom:clamp(1.5rem,2.5vw,1.75rem)}.dialog-body{margin-bottom:clamp(2rem,4vw,2.5rem);padding:clamp(1.2rem,1vw,1.5rem)}.message-text{color:#555;font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:clamp(1rem,2vw,1.25rem)}.reward-details p{color:#222;font-size:clamp(1.25rem,2.5vw,1.5rem);margin:clamp(.5rem,1vw,.625rem) 0}.message-time{color:#666;font-size:clamp(1.125rem,2.5vw,1.25rem);margin-top:clamp(1rem,2vw,1.25rem)}.error-text{color:#d9534f;font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:clamp(2rem,4vw,2.5rem)}.dialog-footer{display:flex;gap:clamp(1rem,2vw,1.25rem);justify-content:flex-end}.dialog-content::-webkit-scrollbar{background:#0000;width:0}.dialog-content::-webkit-scrollbar-thumb{background-color:#74b9ff;border-radius:clamp(.625rem,1.25vw,.75rem)}.dialog-content::-webkit-scrollbar-thumb:hover{background-color:#0056b3}.dialog-content{scrollbar-color:#74b9ff #0000;scrollbar-width:thin}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.carousel-wrapper{margin:0 auto;max-width:1240px;position:relative;width:80%}.shop-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;font-family:Poppins,sans-serif;margin:200px auto;max-width:80%}.shop-item{align-items:center;background:#ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin:40px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.shop-item:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-10px)}.carousel .slider-wrapper.axis-horizontal .slider .slide,.item-details{display:flex;justify-content:center}.item-details{align-items:flex-start;color:#333;flex:1;flex-direction:column;padding:20px}.item-details h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:10px;transition:color .3s ease}.shop-item:hover .item-details h2{color:#0056b3}.item-details p{color:#7f8c8d;font-size:1rem;line-height:1.5;margin-bottom:15px;text-align:left}.description{white-space:pre-line}.quantity-control{align-items:center;display:flex;gap:15px;margin:10px 0}.purchase-buttons{display:flex;flex-direction:column;gap:10px;margin-top:10px}.purchase-buttons button,.quantity-control button{cursor:pointer;transition:all .3s ease}.quantity-control button{background:#3498db;border:none;border-radius:50%;color:#fff;font-size:1.2rem;height:35px;width:35px}.quantity-control button:hover{background:#2980b9;transform:scale(1.1)}.quantity-control span{color:#2c3e50;font-size:1.2rem;font-weight:600}.purchase-buttons button{border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;font-size:1rem;font-weight:600;padding:12px 25px}.purchase-buttons button:first-child{background:#2ecc71;color:#fff}.purchase-buttons button:last-child{background:#f1c40f;color:#333}.purchase-buttons button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.purchase-buttons button:first-child:hover{background:#27ae60}.purchase-buttons button:last-child:hover{background:#e1b107}.item-image{align-items:center;display:flex;flex:1;height:auto;justify-content:center;max-width:100%}.item-image img{border-radius:15px;height:auto;max-height:300px;max-width:100%;object-fit:contain;transition:transform .4s ease}@media (max-width:768px){.item-image img{max-height:200px}}.shop-item:hover .item-image img{transform:scale(1.05)}.arrow-container{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.carousel-arrow{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease,transform .3s ease,opacity .3s ease;width:50px;z-index:1}.carousel-arrow svg{fill:#555;height:80px;width:20px}.carousel-arrow.prev{left:-50px}.carousel-arrow.next{right:-50px}.carousel-arrow:hover{background:#3498db33;transform:translateY(-50%) scale(1.1)}.carousel-arrow:hover svg{fill:#3498db}@media (max-width:768px){.carousel-arrow{height:60px;width:40px}.carousel-arrow.prev{left:-30px}.carousel-arrow.next{right:-30px}}button.coin-button{align-items:center;display:flex;max-height:48px;padding-left:80px;padding-right:60px;text-align:right}.coin-icon{max-wigth:36px;height:50px}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:center;width:90%}.purchase-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;margin:0 auto 10px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-popup.success h3{color:#28a745}.result-popup.fail h3{color:#dc3545}.result-popup.cancel h3{color:#ffc107}.result-popup button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.result-popup button:hover{background:#0056b3}.verification-page{align-items:center;background:linear-gradient(90deg,#dfebff,#f1faff);display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;padding:10px}.verification-card{backdrop-filter:blur(10px);background:#fff3;border-radius:16px;box-shadow:0 4px 15px #00000026;box-sizing:border-box;max-width:400px;padding:40px;text-align:center;transition:all .3s ease-in-out;width:100%}.verification-card h2{color:#03396c;font-size:28.8px;margin-bottom:15px}.verification-card p{color:#555;font-size:16.8px;margin-bottom:20px}.code-input{background:#fff;border:1px solid #5a9bd5;border-radius:8px;box-sizing:border-box;font-size:16.8px;margin:12px 0;outline:none;padding:12px;text-align:center;transition:border .3s;width:calc(100% - 25px)}.code-input:focus{border-color:#03396c}.verify-button{background-color:#5a9bd5;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16.8px;font-weight:700;margin-top:12px;padding:12px;transition:background .3s ease-in-out,transform .2s ease-in-out;width:calc(100% - 25px)}.verify-button:hover{background-color:#03396c;transform:translateY(-2px)}.verify-button:disabled{background-color:#a1c4fd;cursor:not-allowed}.error{color:red;font-size:16.8px;margin-top:12px}@media (min-width:431px){.verification-card{border-radius:20px;max-width:95%;padding:70px;width:620px}.verification-card h2{font-size:33.6px;margin-bottom:20px}.verification-card p{font-size:19.2px;margin-bottom:25px}.code-input{margin:15px 0}.code-input,.verify-button{border-radius:10px;font-size:19.2px;padding:14px}.error,.verify-button{margin-top:15px}.error{font-size:19.2px}}@media (max-width:500px){.verification-card{width:90%}}body{background-color:#fff;margin:0}.billing-container{background-color:#fff;border-radius:8px;margin:0 auto;max-width:960px;min-height:100vh;padding:16px}.billing-container h1{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.billing-container .empty-state{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:1rem;padding:2rem;text-align:center}.billing-container .empty-state p{color:#374151;font-size:1rem;margin-bottom:.5rem}.billing-container .empty-state p.text-gray-500{color:#6b7280;font-size:.875rem}.billing-container .error-state{background-color:#fef2f2;border:1px solid #f87171;border-radius:6px;margin-top:1rem;padding:2rem;text-align:center}.billing-container .error-state p.text-red-500{color:#ef4444;font-size:1rem;margin-bottom:1rem}.billing-container .error-state button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.billing-container .error-state button:hover{background-color:#2563eb}.billing-container .error-state button:disabled{background-color:#93c5fd;cursor:not-allowed}.billing-container table{background-color:#fff;border:1px solid #e5e7eb;border-collapse:initial;border-radius:6px;border-spacing:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.billing-container th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.billing-container td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:.75rem 1rem}.billing-container tr:nth-child(2n){background-color:#f9fafb}.billing-container tr:hover{background-color:#f1f5f9}@media (max-width:640px){.billing-container table{display:block;overflow-x:auto;white-space:nowrap}.billing-container td,.billing-container th{min-width:120px}.billing-container h1{font-size:1.25rem}.billing-container .empty-state,.billing-container .error-state{padding:1rem}}.download-button{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s,color .2s}.download-button:hover{background-color:#f3f4f6;color:#1f2937}.download-button:focus{box-shadow:0 0 0 2px #37415133;outline:none}.pending-message{color:#4b5563;font-style:italic}
/*# sourceMappingURL=main.4bfdad9c.css.map*/