@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#0c0118,#1e0b41,#280a5f);color:#fff;overflow-x:hidden}.App,body{min-height:100vh}.App{align-items:center;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.container{width:100%}.intro-content{background-color:#14141eb3;border-radius:12px;box-shadow:0 0 20px #8a2be233;margin-top:1.5rem;padding:2rem}.intro-highlight{background:linear-gradient(135deg,#8a2be233,#ff6b6b33);border-left:4px solid #8a2be2;border-radius:8px;margin:1.5rem 0;padding:1.2rem}.intro-highlight-text{font-size:1.2rem;font-weight:500;line-height:1.5;text-align:center}.how-it-works{background-color:#1e1e2899;border-radius:10px;margin:2rem 0;padding:1.5rem}.how-it-works h3{color:#8a2be2;margin-bottom:1.2rem}.how-it-works h3,.steps-container{align-items:center;display:flex;gap:.5rem}.steps-container{flex-wrap:nowrap;justify-content:center;margin-top:1.5rem}.step{text-align:center;width:80px}.step-number{background-color:#8a2be2;font-size:.9rem;height:32px;width:32px}.step-arrow{color:#fff9;font-size:1rem}.intro-features{margin:2rem 0}.intro-features h3{color:#f0f0f0;margin-bottom:1rem}.intro-features ul{list-style-type:none;padding-left:1rem}.intro-features li{line-height:1.5;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.intro-features li:before{color:#8a2be2;content:"✦";left:0;position:absolute}.intro-faq-preview{background-color:#1e1e2899;border-radius:10px;margin:2rem 0;padding:1.5rem}.intro-faq-preview h3{align-items:center;color:#8a2be2;display:flex;gap:.5rem;margin-bottom:1rem}.faq-link{color:#ff6b6b;font-weight:500;text-decoration:none;transition:color .3s ease}.faq-link:hover{color:#ff8f8f;text-decoration:underline}.start-button{background:linear-gradient(135deg,#8a2be2,#ff6b6b);border:none;border-radius:30px;box-shadow:0 4px 15px #8a2be24d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.start-button:hover{box-shadow:0 6px 20px #8a2be266;transform:translateY(-3px)}@media (max-width:768px){.steps-container{flex-direction:row;gap:.3rem}.step{width:70px}.step-number{font-size:.8rem;height:28px;width:28px}.step-desc{font-size:.7rem}.step-arrow{font-size:.8rem}}.app-footer{background-color:#0000004d;font-size:.9rem;margin-top:auto;padding:15px 0;text-align:center;width:100%}.footer-links{display:flex;justify-content:center;margin-bottom:10px}.footer-links a{color:#ccc;font-size:.9rem;margin:0 15px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff;text-decoration:underline}.app-footer p{color:#ffffffb3}.app-footer a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.app-footer a:hover{color:#fff;text-decoration:underline}.stage-lights{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.light{animation:move 8s infinite alternate;background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);border-radius:50%;height:150px;opacity:.5;position:absolute;width:150px}@keyframes move{0%{transform:translate(10%,10%)}to{transform:translate(90%,90%)}}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#1dd1a1);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 10px #ff6b6b4d}p{line-height:1.6;opacity:.9}button,p{font-size:1.1rem}button{background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border:none;border-radius:50px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-weight:700;margin-top:1.5rem;padding:12px 30px;transition:all .3s ease}@media (max-width:768px){button{font-size:1rem;max-width:300px;padding:10px 25px;width:100%}}button:hover{box-shadow:0 7px 20px #ff6b6b66;transform:translateY(-3px)}button:active{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-1px)}.test-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem;max-width:800px;padding:2rem;width:100%}@media (max-width:768px){.test-container{padding:1.5rem}}@media (max-width:480px){.test-container{border-radius:12px;padding:1rem}}.stage-container{background-color:#ff6b6b33;border-radius:10px;margin-bottom:1.5rem;padding:.8rem;text-align:center}.stage-title{color:#feca57;font-size:1.2rem;margin-bottom:.5rem}.stage-name{color:#ff6b6b;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #ff6b6b4d}.progress-container{margin-bottom:2rem}.progress-bar{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-dot{background-color:#fff3;border-radius:50%;height:15px;transition:all .3s;width:15px}.progress-dot.active{background-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b}.progress-track{background-color:#ffffff1a;border-radius:10px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:10px;height:100%;transition:width .5s}.question{margin-bottom:2rem}h2{color:#feca57;font-size:1.6rem;margin-bottom:1.5rem}.options{display:flex;flex-direction:column;gap:1rem}.option{background-color:#ffffff1a;border:1px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;padding:1.2rem;position:relative;text-align:left;transition:all .3s}@media (max-width:480px){.option{padding:1rem}}.option-text{font-size:1.1rem;margin-bottom:.5rem}.option-desc{color:#feca57;font-size:.9rem}.option:hover{background-color:#fff3;border-color:#ff6b6b80;transform:translateY(-3px)}.option.selected{background-color:#ff6b6b4d;border-color:#ff6b6b}.navigation{display:flex;gap:20px;justify-content:space-between;margin-top:2rem}@media (max-width:480px){.navigation{margin-top:1.5rem}}.character-container{display:flex;justify-content:center;margin-bottom:2rem;perspective:1000px}.character{align-items:center;animation:float 3s ease-in-out infinite;background-color:#ff6b6b;background-size:cover;border:3px solid #ff6b6b;border-radius:50%;box-shadow:0 0 20px #ff6b6b80;display:flex;font-size:3rem;height:300px;justify-content:center;transform-style:preserve-3d;transition:all .5s;width:300px}.character img{border-radius:50%;height:300px;object-fit:cover;width:300px}@media (max-width:768px){.character,.character img{height:250px;width:250px}}@media (max-width:480px){.character,.character img{height:200px;width:200px}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}.result-container{margin:0 auto;max-width:800px;text-align:center}.result-header{margin-bottom:2rem}.result-title{color:#ff6b6b;font-size:2.5rem;margin-bottom:.5rem}.result-subtitle{color:#feca57;font-size:1.5rem;margin-bottom:1rem}.group-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:15px;margin-bottom:2rem;padding:2rem}@media (max-width:768px){.group-info{padding:1.5rem}}@media (max-width:480px){.group-info{border-radius:12px;padding:1rem}}.group-name{color:#ff6b6b;font-size:2.2rem;margin-bottom:.5rem}.group-concept{font-size:1.3rem}.group-description{line-height:1.7;margin-bottom:1.5rem;text-align:left}.position-title{color:#48dbfb;font-size:1.3rem;margin-bottom:.5rem}.position-name{color:#1dd1a1;font-size:1.6rem;margin-bottom:1.5rem}.share-container{margin-top:2rem}.share-title{font-size:1.3rem}.share-button{background-color:#ffffff1a;border-radius:50%;font-size:1.5rem;height:50px;width:50px}.share-button:hover{background-color:#fff3;transform:translateY(-3px)}.current-mbti{color:#feca57;font-size:1.1rem;margin-top:1rem;text-align:center}.mbti-result{animation:pulse 2s infinite;color:#ff6b6b;font-size:1.3rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 5px #ff6b6b80}.mbti-journey{background-color:#ffffff1a;border-radius:10px;margin:30px 0;padding:20px;text-align:center}.mbti-journey h3{color:#f8f8f8;font-size:1.5rem;margin-bottom:20px}.journey-path{flex-wrap:wrap;justify-content:center;margin-bottom:20px}.journey-path,.journey-step{align-items:center;display:flex}.journey-step{flex-direction:column;margin:0 10px;position:relative}.journey-dot{align-items:center;border-radius:50%;box-shadow:0 0 10px #ffffff80;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin-bottom:8px;position:relative;transition:all .3s ease;width:40px;z-index:2}.journey-dot.final{box-shadow:0 0 15px #fffc;transform:scale(1.2)}.journey-mbti{color:#f8f8f8;font-size:.9rem;font-weight:700}.journey-line{background-color:#ffffff80;height:2px;position:absolute;right:-20px;top:20px;width:20px;z-index:1}.journey-explanation{color:#ccc;font-size:.9rem;line-height:1.5;margin:0 auto;max-width:80%}@media (max-width:768px){.journey-path{align-items:flex-start;flex-direction:column;padding-left:20px}.journey-step{flex-direction:row;margin:10px 0;width:100%}.journey-dot{margin-bottom:0;margin-right:15px}.journey-line{background-color:#ffffff80;height:20px;left:20px;position:absolute;top:40px;width:2px}}.mbti-traits{background-color:#ffffff14;border-radius:12px;box-shadow:0 3px 10px #0003;margin:15px 0;padding:12px}.traits-title{color:#feca57;font-size:1.1rem;margin-bottom:10px;text-align:center;text-shadow:0 0 3px #feca5780}.trait-pair{background-color:#ffffff0d;border-radius:8px;margin:8px 0;padding:6px;transition:all .3s ease}.trait-pair:hover{background-color:#ffffff1a;transform:translateY(-1px)}.trait-labels{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.trait-label{color:#f8f8f8;font-size:.9rem;width:20px}.trait-label,.trait-percentage{font-weight:700;text-align:center}.trait-percentage{color:#feca57;flex-grow:1;font-size:.75rem}.trait-bar{background-color:#ffffff1a;border-radius:4px;box-shadow:inset 0 1px 2px #0003;height:8px;overflow:hidden;position:relative}.trait-fill{background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:4px;box-shadow:0 0 3px #ff6b6b80;height:100%;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.trait-description{color:#ffffffb3;font-size:.7rem;font-style:italic;margin-top:3px;text-align:center}.traits-info{background-color:#ffffff0d;border-radius:6px;color:#ccc;font-size:.75rem;margin-top:10px;padding:6px;text-align:center}.option{align-items:flex-start;display:flex;flex-direction:column}.option-text{font-size:1rem;font-weight:500;margin-bottom:5px}.option-desc{color:#ffffffb3;font-size:.8rem;font-style:italic}.loading-screen{background-color:#0c0118e6;z-index:100}.loading-icon{animation:spin 1s ease-in-out infinite;border:5px solid #ff6b6b4d;border-radius:50%;border-top-color:#ff6b6b;height:80px;margin-bottom:20px;width:80px}.loading-text{color:#feca57;font-size:1.5rem}.members-container{background-color:#ffffff1a;border-radius:10px;margin:30px 0;overflow:hidden;padding:20px;position:relative;text-align:center}.members-container:before{animation:spotlight 5s ease-in-out infinite alternate;background:radial-gradient(circle,#ffffff26 0,#fff0 70%);border-radius:50%;content:"";height:150px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:1}@keyframes spotlight{0%{height:150px;opacity:.3;width:150px}50%{height:180px;opacity:.7;width:180px}to{height:150px;opacity:.3;width:150px}}.members-container h3{color:#f8f8f8;font-size:1.5rem;margin-bottom:20px}.members-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px 0;position:relative}.member-card{background-color:#ffffff0d;border-radius:10px;padding:10px;position:relative;transition:transform .3s ease;width:100px}.member-card:hover{transform:translateY(-5px)}.member-card.you{background-color:#ffffff26;border:3px solid #ff6b6b;box-shadow:0 0 20px #ff6b6bb3;position:relative;transform:scale(1.1);z-index:2}.member-photo{align-items:center;background-color:#ffffff1a;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin:0 auto 10px;transition:all .3s ease;width:60px}.member-card.you .member-photo{background:linear-gradient(135deg,#ff6b6b4d,#feca574d);box-shadow:0 0 15px #ff6b6b80;color:#fff;font-size:2rem;height:65px;overflow:hidden;position:relative;width:65px}.member-card.you .member-photo:after{animation:shine 3s infinite;background:linear-gradient(45deg,#fff0,#ffffff1a 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.member-name{color:#f8f8f8;font-weight:700;margin-bottom:5px;transition:all .3s ease}.member-card.you .member-name{color:#fff;font-size:1.1rem;text-shadow:0 0 5px #ff6b6b80}.member-mbti{color:#ffffffb3;transition:all .3s ease}.member-card.you .member-mbti{color:#feca57;font-weight:700}.you-badge{animation:pulse 1.5s infinite;background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:12px;box-shadow:0 3px 10px #ff6b6b99;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px;position:absolute;right:-12px;top:-12px;z-index:3}.idol-info{background-color:#ffffff0d;border-radius:10px;margin:20px 0;padding:15px}.idol-name{color:#feca57;font-size:1.3rem;margin-bottom:10px}.idol-desc{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin-bottom:15px}.idol-strengths{margin-top:15px}.idol-strengths h3{color:#f8f8f8;font-size:1.1rem;margin-bottom:10px}.strength-tags{gap:8px}.strength-tag{background-color:#ff6b6bb3;border-radius:15px;color:#fff;font-size:.8rem;padding:5px 10px}.debut-announcement{animation:pulse 2s infinite;background-color:#ffffff0d;border-radius:10px;margin-bottom:30px;padding:20px}.gender-select-container{animation:fadeIn .8s ease;background-color:#ffffff0d;border-radius:15px;margin:0 auto;max-width:800px;padding:2rem;text-align:center}.gender-select-container h1{color:#feca57;font-size:2rem;margin-bottom:1rem}.gender-description{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.gender-options{display:flex;gap:2rem;justify-content:center;margin-top:2rem}@media (max-width:768px){.gender-options{align-items:center;flex-direction:column;gap:1.5rem}.gender-select-container{padding:1.5rem}.gender-select-container h1{font-size:1.7rem}.gender-description{font-size:1rem}}@media (max-width:480px){.gender-select-container{border-radius:12px;padding:.75rem}.gender-description{margin-bottom:1.5rem}}.gender-option{align-items:center;background-color:#ffffff1a;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;padding:2rem;transition:all .3s ease;width:220px}@media (max-width:768px){.gender-option{max-width:300px;padding:1.5rem;width:100%}}@media (max-width:480px){.gender-option{border-radius:12px;padding:1rem}}.gender-option:hover{box-shadow:0 10px 20px #0003;transform:translateY(-10px)}.gender-option.male:hover{background-color:#6495ed33;border:2px solid #6495ed80}.gender-option.female:hover{background-color:#ff69b433;border:2px solid #ff69b480}.gender-icon{align-items:center;display:flex;font-size:4rem;justify-content:center;margin-bottom:1rem}.gender-icon img{border-radius:50%;height:200px;object-fit:cover;width:200px}@media (max-width:768px){.gender-icon img{height:180px;width:180px}}@media (max-width:480px){.gender-icon img{height:150px;width:150px}}.gender-option h2{color:#fff;margin-bottom:.5rem}.gender-option p{color:#ffffffb3;font-size:.9rem}.language-selector-container{position:absolute;right:20px;top:20px;z-index:100}@media (max-width:480px){.language-selector-container{right:10px;top:10px}}.language-selector{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:10px;display:flex;flex-direction:column;padding:10px}.language-title{color:#feca57;font-size:.9rem;margin-bottom:8px}.language-options{display:flex;gap:5px}.language-option{background-color:#ffffff1a;border:1px solid #0000;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px;transition:all .3s ease}.language-option.active{background-color:#ff6b6b4d;border-color:#ff6b6b}.language-option:hover{background-color:#fff3}@media (max-width:768px){.language-selector-container{display:flex;justify-content:center;margin-bottom:10px;position:relative;right:0;top:0;width:100%}.language-selector{max-width:300px;width:100%}}.dev-banner{background-color:#ff6b6b;box-shadow:0 2px 5px #0003;color:#fff;font-weight:700;left:0;padding:10px 0;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.dev-banner p{animation:pulse 2s infinite;font-size:1rem;margin:0}.App{padding-top:40px}@media (max-width:768px){.dev-banner p{font-size:.85rem}.App{padding-top:35px}}.container{margin:0 auto;max-width:900px;padding:2rem}@media (max-width:768px){.container{padding:1.5rem}}@media (max-width:480px){.container{padding:.75rem}}.loading-screen{align-items:center;background:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#ff6b6b;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.debut-announcement{margin-bottom:2rem;text-align:center}.debut-text{font-size:1.3rem;margin-bottom:1rem}.debut-group{color:#feca57;font-size:1.2rem;margin-top:.5rem}.group-result{margin-top:2rem;text-align:center}.group-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#1dd1a1);-webkit-background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:1rem}.group-photo{background-size:cover;border:3px solid #ff6b6bb3;border-radius:15px;box-shadow:0 10px 30px #00000080;height:180px;margin:0 auto 2rem;width:300px}@media (max-width:480px){.group-photo{height:160px;margin-bottom:1.5rem;max-width:300px;width:100%}}.group-concept{background-color:#ffffff1a;border-radius:10px;color:#feca57;display:inline-block;font-weight:700;margin-bottom:1.5rem;padding:1rem}.group-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}@media (max-width:480px){.group-description{font-size:1rem;margin-bottom:1.5rem;padding:0 .25rem}}.character-card{background-color:#ffffff1a;border-radius:15px;box-shadow:0 5px 15px #0000004d;margin-bottom:2rem;margin-top:2rem;padding:1.5rem;text-align:center}.idol-name{color:#ff6b6b;font-size:1.8rem;margin-bottom:.5rem}.idol-position{background-color:#ff6b6b33;border-radius:20px;display:inline-block;font-size:.9rem;margin-bottom:1rem;padding:.3rem 1rem}.idol-photo{background-size:cover;border:3px solid #ff6b6b;border-radius:50%;height:200px;margin:0 auto 1.5rem;width:200px}.idol-strengths{margin:1.5rem 0}.idol-strengths h3{color:#feca57;margin-bottom:1rem}.strength-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.strength-tag{background:#ffffff1a;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.members-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}@media (max-width:480px){.members-container{gap:.5rem;margin:1.5rem 0}}.member-card{text-align:center;width:120px}.member-photo{background-size:cover;border:2px solid #ff6b6b80;border-radius:50%;height:100px;margin:0 auto .5rem;width:100px}.member-name{color:#fff;font-size:.9rem}.member-mbti{color:#feca57;font-size:.8rem}.share-section{margin-top:2rem;text-align:center}.share-title{color:#feca57;margin-bottom:1rem}.share-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;margin-top:1rem}@media (max-width:480px){.share-buttons{gap:.5rem;margin-bottom:1.5rem}}.share-button{align-items:center;border:none;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:5px;height:80px;justify-content:center;padding:10px;transition:all .3s;width:80px}.button-label{font-size:.8rem;margin-top:5px}.fictional-data-notice{margin:1rem 0;text-align:center}.fictional-data-notice p{color:#ffffff80;font-size:.75rem;font-style:italic}.share-button.facebook{background-color:#3b5998}.share-button.twitter{background-color:#1da1f2}.share-button.kakao{background-color:#fee500;color:#000}.share-button.link{background-color:#6c5ce7}.share-button:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-5px)}.download-button{align-items:center;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:10px;justify-content:center;margin:0 auto 1.5rem;padding:.8rem 2rem;transition:all .3s;width:200px}.download-button:hover{box-shadow:0 5px 15px #6c5ce766;transform:translateY(-3px)}.download-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.loading-text{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}#retry-btn{background:linear-gradient(90deg,#ff6b6b,#feca57);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:all .3s}#retry-btn:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-3px)}.policy-container{background-color:#000000d9;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.policy-content{background-color:#14141ee6;border-radius:12px;box-shadow:0 0 20px #ffffff1a;max-width:800px;padding:2rem;width:100%}.policy-content h1{border-bottom:1px solid #fff3;color:#f0f0f0;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.policy-content section{margin-bottom:2rem}.policy-content h2{color:#e0e0ff;font-size:1.5rem;margin-bottom:1rem}.policy-content p{line-height:1.6;margin-bottom:1rem}.policy-content ul{margin-bottom:1rem;margin-left:2rem}.policy-content li{line-height:1.6;margin-bottom:.5rem}.contact-info{background-color:#28283cb3;border-radius:8px;margin-top:1rem;padding:1rem}.contact-info p{margin-bottom:.5rem}@media (max-width:768px){.policy-content{padding:1.5rem}.policy-content h1{font-size:1.8rem}.policy-content h2{font-size:1.3rem}}@media (max-width:480px){.policy-content{padding:1rem}.policy-content h1{font-size:1.5rem}.policy-content h2{font-size:1.2rem}}.about-container{background-color:#000000d9;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.about-content{background-color:#14141ee6;border-radius:12px;box-shadow:0 0 20px #ffffff1a;max-width:800px;padding:2rem;width:100%}.about-content h1{border-bottom:1px solid #fff3;color:#f0f0f0;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.about-section{margin-bottom:2.5rem}.about-section h2{border-left:4px solid #8a2be2;color:#e0e0ff;font-size:1.5rem;margin-bottom:1rem;padding-left:.8rem}.about-section p{line-height:1.6;margin-bottom:1rem}.process-steps{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.5rem 0}.step{flex-direction:column;margin-bottom:1rem;min-width:100px;width:18%}.step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#8a2be2,indigo);border-radius:50%;box-shadow:0 0 10px #8a2be299;font-weight:700;height:40px;justify-content:center;margin-bottom:.5rem;width:40px}.step-desc{font-size:.9rem;text-align:center}.mbti-types{background-color:#28283cb3;border-radius:8px;margin:1.5rem 0;padding:1rem}.mbti-type-row{display:flex;justify-content:space-between;margin-bottom:.8rem}.mbti-type-row:last-child{margin-bottom:0}.mbti-type-row span{background-color:#3c3c50b3;border-radius:4px;flex:1 1;font-weight:700;margin:0 .3rem;padding:.5rem;text-align:center}@media (max-width:768px){.process-steps{justify-content:center}.step{margin:0 1rem 1.5rem;width:30%}.mbti-type-row{flex-wrap:wrap}.mbti-type-row span{flex-basis:calc(50% - 0.6rem);flex-grow:0;flex-shrink:0;margin-bottom:.6rem}}@media (max-width:480px){.about-content{padding:1rem}.step{width:45%}.mbti-type-row span{flex-basis:calc(50% - 0.6rem);flex-grow:0;flex-shrink:0}}.faq-container{background-color:#000000d9;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.faq-content{background-color:#14141ee6;border-radius:12px;box-shadow:0 0 20px #ffffff1a;max-width:800px;padding:2rem;width:100%}.faq-content h1{border-bottom:1px solid #fff3;color:#f0f0f0;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:#28283cb3;border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item.active{box-shadow:0 0 15px #8a2be24d}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .3s ease}.faq-question:hover{background-color:#3c3c50cc}.faq-question h3{font-size:1.1rem;font-weight:500;margin:0}.faq-toggle{color:#8a2be2;font-size:1.5rem;font-weight:700;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 1.5rem;transition:max-height .5s ease,padding .3s ease}.faq-answer.show{max-height:500px;padding:0 1.5rem 1.5rem}.faq-answer p{color:#ffffffe6;line-height:1.6;margin:0}@media (max-width:768px){.faq-content{padding:1.5rem}.faq-question{padding:1rem}.faq-question h3{font-size:1rem}.faq-answer.show{padding:0 1rem 1rem}}@media (max-width:480px){.faq-content{padding:1rem}.faq-question h3{font-size:.9rem}}
/*# sourceMappingURL=main.cf380652.css.map*/