.profile-modal{display:flex;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(225,225,225,0.7);backdrop-filter:blur(4px);animation:fadeIn 0.3s ease}.profile-modal .question-input-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.profile-modal .question-input-container .radio-option:hover,.profile-modal .question-input-container .checkbox-option:hover{border:2px solid var(--checked-bg);background-color:var(--checked-bg)}.profile-modal .question-input-container .radio-option input[type="radio"],.profile-modal .question-input-container .radio-option input[type="checkbox"],.profile-modal .question-input-container .checkbox-option input[type="radio"],.profile-modal .question-input-container .checkbox-option input[type="checkbox"]{background-color:white}.profile-modal .question-input-container:has(.radio-option:nth-child(2)):not(:has(.radio-option:nth-child(3))){grid-template-columns:repeat(2, minmax(0, 1fr))}.profile-modal .question-input-container:has(.radio-option:nth-child(3)):not(:has(.radio-option:nth-child(4))){grid-template-columns:repeat(3, minmax(0, 1fr))}.profile-modal .question-input-container:has(.emoji-text){display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}.profile-modal .question-input-container:has(.emoji-text):has(input[type="checkbox"]:checked) .checkbox-option:has(input[type="checkbox"]:not(:checked)){opacity:0.5}.profile-modal .question-input-container:has(.emoji-text):has(input[type="checkbox"]:checked) .checkbox-option:has(input[type="checkbox"]:not(:checked)):hover{opacity:1}.profile-modal .question-input-container:has(.emoji-text) .radio-option,.profile-modal .question-input-container:has(.emoji-text) .checkbox-option{height:180px;border-radius:16px}.profile-modal .question-input-container:has(.emoji-text) .radio-option:hover,.profile-modal .question-input-container:has(.emoji-text) .checkbox-option:hover{border:2px solid var(--checked-bg);background-color:var(--checked-bg)}.profile-modal .question-input-container:has(.emoji-text) .radio-option label,.profile-modal .question-input-container:has(.emoji-text) .checkbox-option label{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.profile-modal .question-input-container:has(.emoji-text) .radio-option input[type="radio"],.profile-modal .question-input-container:has(.emoji-text) .checkbox-option input[type="radio"]{display:none}.profile-modal .question-input-container:has(.emoji-text) .radio-option:has(input[type="radio"]:checked){border:2px solid var(--checked-color);background-color:var(--checked-bg)}.profile-modal .question-input-container:has(.emoji-text) .radio-option:has(input[type="radio"]:checked) .emoji-text{color:var(--checked-color);font-weight:600}.profile-modal .question-input-container:has(.emoji-text) .checkbox-option{height:180px}.profile-modal .question-input-container:has(.emoji-text) .checkbox-option label{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-modal .question-input-container:has(.emoji-text) .checkbox-option input[type="checkbox"]{display:none}.profile-modal .question-input-container:has(.emoji-text) .checkbox-option:has(input[type="checkbox"]:checked){border:2px solid var(--checked-color);background-color:var(--checked-bg)}.profile-modal .question-input-container:has(.emoji-text) .checkbox-option:has(input[type="checkbox"]:checked) .emoji-text{color:var(--checked-color);font-weight:600}.profile-modal .question-input-container:has(.emoji-text) .emoji-text{min-height:72px;width:136px;display:flex;align-items:center;font-weight:400;font-size:16px;text-align:center;justify-content:center}.profile-modal .question-input-container:has(.emoji-text) .emoji{font-size:40px;line-height:40px}.profile-modal .question-input-container:has(.emoji-text) .emoji-content{color:#545454;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-modal .question-input-container input[type="text"],.profile-modal .question-input-container input[type="email"],.profile-modal .question-input-container input[type="number"],.profile-modal .question-input-container input[type="date"],.profile-modal .question-input-container textarea,.profile-modal .question-input-container select{width:100%;padding:14px 16px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#ffffff;font-size:16px;transition:all 0.2s ease}.profile-modal .question-input-container textarea{min-height:120px;resize:vertical}.profile-modal .welcom-title{text-align:left;margin-top:16px;margin-bottom:16px}.profile-modal .welcom-title h3{font-weight:700;font-size:32px;line-height:40px}.profile-modal .welcome-description{font-size:16px;line-height:24px;color:#545454;font-weight:400;text-align:left;margin-bottom:40px}.profile-modal .profile-modal-actions .profile-success-card{margin-right:0px}.profile-modal .profile-modal-actions>div{display:flex;gap:12px;margin-right:40px}.profile-modal .profile-modal-actions>div .profile-question-form{justify-content:between}.profile-modal .icon-circle{width:80px;height:80px;background:var(--checked-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.profile-modal .benefit-item{display:flex;align-items:center;gap:32px;font-size:18px;line-height:24px;text-align:left}.profile-modal .profile-modal-content{padding:40px 0px 40px 40px;position:relative;background:#fff;margin:auto;border-radius:24px;width:90%;max-width:800px;height:780px;max-height:calc(100vh - 140px);animation:slideUp 0.5s ease}.profile-modal .profile-modal-content .modal-close-btn{right:16px}.profile-modal .profile-modal-content .profile-modal-body{max-height:calc(100vh - 304px);height:100%;margin-bottom:40px}.profile-modal .profile-modal-content.success{background-size:cover}.profile-modal .btn-secondary-profile-skip{color:#0bc2ec;border:2px solid #0bc2ec;padding:4px 16px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;transition:all 0.2s ease;background:#fff}.profile-modal .btn-secondary-profile-skip:hover{border-color:#0bc2ec}.profile-modal .btn-profile{height:44px;min-width:167px;text-align:center;justify-content:center;max-width:200px}.profile-modal .benefits{display:flex;flex-direction:column;gap:24px}.profile-modal #profile-welcome-card{padding-right:40px;max-height:calc(100vh - 220px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b0b0b0 transparent}.profile-modal .profile-welcome-card{height:100%;position:relative}.profile-modal .profile-question-form{height:100%;position:relative;background:white}.profile-modal .question-title{font-size:24px;font-weight:600;color:#1b1b1b;margin-bottom:8px;line-height:30px}.profile-modal .progress-text{font-size:16px;color:#b0b0b0;text-align:left;font-weight:700;margin-top:40px;margin-bottom:8px;line-height:20px}.profile-modal .progress-fill{height:100%;background:#f26322;transition:width 0.3s ease;width:0%;border-radius:4px}.profile-modal .radio-option,.profile-modal .checkbox-option{display:flex;align-items:center;padding:10px 20px;background:#fff;border:1px solid #eaeaea;border-radius:8px;color:#545454;cursor:pointer;height:56px}.profile-modal .radio-option label,.profile-modal .checkbox-option label{font-size:16px;font-weight:400;line-height:20px;padding:10px 0px 10px 0px;width:100%;cursor:pointer}.profile-modal .radio-option input[type="radio"],.profile-modal .checkbox-option input[type="radio"]{appearance:none;width:24px;height:24px;border:1.5px solid #d4d4d4;border-radius:50%;outline:none;background-color:transparent;cursor:pointer}.profile-modal .radio-option input[type="radio"]:checked,.profile-modal .checkbox-option input[type="radio"]:checked{border:1px solid var(--checked-color);background-color:var(--checked-bg);background-image:var(--img-checked);background-size:contain}.profile-modal .radio-option:has(input[type="radio"]:checked),.profile-modal .checkbox-option:has(input[type="radio"]:checked){border:2px solid var(--checked-color);background-color:var(--checked-bg);color:var(--checked-color)}.profile-modal .radio-option:hover:has(input[type="radio"]:not(:checked)),.profile-modal .checkbox-option:hover:has(input[type="radio"]:not(:checked)){background-color:var(--checked-bg);border-color:var(--checked-bg)}.profile-modal .radio-option:hover:has(input[type="radio"]:not(:checked)) input[type="radio"],.profile-modal .checkbox-option:hover:has(input[type="radio"]:not(:checked)) input[type="radio"]{background-color:white}.profile-modal [data-question-type="multiple_choice"] :has(input[type="checkbox"]:checked){border:2px solid var(--checked-color);color:var(--checked-color);font-weight:600}.profile-modal [data-question-type="multiple_choice"] input[type="checkbox"]{appearance:none;-webkit-appearance:none;border:1px solid #d4d4d4;border-radius:5px}.profile-modal [data-question-type="multiple_choice"] input[type="checkbox"]:checked{border:1px solid var(--checked-color);background-color:var(--checked-bg);background-image:var(--img-checked);background-size:contain}.profile-modal .progress-bar{width:calc(100% - 50px);height:8px;background:#eaeaea;border-radius:4px;overflow:hidden;margin:8px 0px}.profile-modal #questions-container{margin-right:8px;padding-right:32px;max-height:calc(100vh - 370px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b0b0b0 transparent;height:100%}.profile-modal #questions-container::-webkit-scrollbar-button{display:none !important;height:0}.profile-modal #questions-container .question-container{margin-bottom:48px}.profile-modal .question-error{display:none;margin:-16px 0 24px;padding:12px 16px;border-radius:8px;background:rgba(242,99,34,0.1);color:#d9480f;font-size:14px;font-weight:600}.profile-modal .radio-option input[type="radio"],.profile-modal .checkbox-option input[type="checkbox"]{margin-right:12px;width:20px;height:20px;cursor:pointer}.profile-modal #profile-success-card{position:relative;margin-left:-40px;display:flex;flex-direction:column;text-align:center;height:100%;justify-content:center;align-items:center}.profile-modal #profile-success-card .success-block{max-height:calc(100vh - 220px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b0b0b0 transparent}.profile-modal #profile-success-card #coin_left{position:absolute;top:74px;left:-100px;width:200px}.profile-modal #profile-success-card #coin_right{position:absolute;bottom:-60px;right:-102px;width:230px}.profile-modal #profile-success-card #success-image-space{height:5vh}.profile-modal #profile-success-card #success-image{padding-bottom:44px;margin:0 auto;width:148px;text-align:center}.profile-modal #profile-success-card #success-message{width:672px;margin:0 auto}.profile-modal #profile-success-card #success-title{font-size:32px;font-weight:700;line-height:40px;margin-bottom:16px}.profile-modal #profile-success-card #success-description{margin-bottom:44px;font-size:16px;line-height:24px}.profile-modal .success-icon{margin-bottom:24px;display:flex;justify-content:center}.profile-modal .benefit-label{font-size:1rem;font-weight:600}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 768px){.mobile{display:none !important}}.invisible-hide{visibility:hidden}@media (max-width: 768px){.desktop{display:none !important}.invisible-hide{display:none !important}.profile-modal{min-width:395px}.profile-modal .profile-modal-content{width:100%;max-height:calc(100vh - 100px);bottom:0px;position:absolute;padding:16px}.profile-modal .profile-modal-content .modal-close-btn{right:0px}.profile-modal .profile-modal-content .profile-modal-body{max-height:calc(100vh - 216px);height:100%;margin-bottom:32px}.profile-modal .welcom-title{text-align:left;margin-top:24px;margin-bottom:8px}.profile-modal .welcom-title h3{font-weight:700;font-size:20px;line-height:26px}.profile-modal .welcome-description{font-size:14px;line-height:20px;margin-bottom:32px}.profile-modal .benefit-label{font-size:14px;line-height:20px}.profile-modal .icon-circle{width:64px;height:64px}.profile-modal .progress-text{margin-top:24px;font-size:14px;line-height:20px}.profile-modal .question-title{font-size:20px;line-height:26px;margin-bottom:8px}.profile-modal .profile-modal-actions .btn-profile{width:50%;max-width:900px}.profile-modal .profile-modal-actions .profile-success-card{position:absolute;bottom:0px}.profile-modal .profile-modal-actions>div{margin-right:0px}.profile-modal .profile-question-form{width:100%}.profile-modal #questions-container{margin-right:0px;padding-right:8px;max-height:calc(100vh - 255px);scrollbar-color:#b0b0b0 transparent}.profile-modal #questions-container .question-container{margin-bottom:32px}.profile-modal .question-input-container{margin-top:16px}.profile-modal .question-input-container:has(.radio-option:nth-child(2)):not(:has(.radio-option:nth-child(3))){grid-template-columns:repeat(1, minmax(0, 1fr))}.profile-modal .question-input-container:has(.radio-option:nth-child(2)):not(:has(.radio-option:nth-child(3))) .emoji-text{min-height:42px;width:329px}.profile-modal .question-input-container:has(.radio-option:nth-child(3)):not(:has(.radio-option:nth-child(4))){grid-template-columns:repeat(1, minmax(0, 1fr))}.profile-modal .question-input-container:has(.radio-option:nth-child(3)):not(:has(.radio-option:nth-child(4))) .emoji-text{min-height:42px;width:329px}.profile-modal .question-input-container:has(.emoji-text){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.profile-modal .question-input-container:has(.emoji-text) .radio-option{height:124px}.profile-modal .question-input-container:has(.emoji-text) .radio-option label{height:124px}.profile-modal .question-input-container:has(.emoji-text) .emoji-text{min-height:66px;width:142px}.profile-modal #profile-success-card{position:relative;margin-left:0px;display:flex;flex-direction:column;text-align:center;height:100%;justify-content:center;align-items:center}.profile-modal #profile-success-card .success-block{max-height:calc(100vh - 220px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b0b0b0 transparent}.profile-modal #profile-success-card #coin_left{display:none}.profile-modal #profile-success-card #coin_right{display:none}.profile-modal #profile-success-card #success-image-space{height:5vh}.profile-modal #profile-success-card #success-image{padding-bottom:24px;margin:0 auto;width:100px}.profile-modal #profile-success-card #success-message{width:100%}.profile-modal #profile-success-card #success-title{font-size:20px;line-height:26px;margin-bottom:4px}.profile-modal #profile-success-card #success-description{font-size:14px;line-height:20px;width:361px}@keyframes slideUp{from{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}}