@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap";@font-face{font-family:kalame;font-style:normal;font-weight:100;src:url(/mission/assets/Kalameh-FaNum-Thin-DHTqlAqB.woff) format("woff")}@font-face{font-family:kalame;font-style:normal;font-weight:200;src:url(/mission/assets/Kalameh-FaNum-ExtraLight-BzfTKWtR.woff) format("woff")}@font-face{font-family:kalame;font-style:normal;font-weight:300;src:url(/mission/assets/Kalameh-FaNum-Light-DOhIcivm.woff) format("woff")}@font-face{font-family:kalame;font-style:normal;font-weight:400;src:url(/mission/assets/Kalameh-FaNum-Regular-DxlWp_vX.woff) format("woff")}@font-face{font-family:kalame;font-style:normal;font-weight:500;src:url(/mission/assets/Kalameh-FaNum-Medium-GjXlB_4F.woff) format("woff")}@font-face{font-family:kalame;font-style:normal;font-weight:600;src:url(/mission/assets/Kalameh-FaNum-SemiBold-CTiWwmTu.woff) format("woff")}@font-face{font-family:kalame;font-style:normal;font-weight:800;src:url(/mission/assets/Kalameh-FaNum-ExtraBold-DMylT6z6.woff) format("woff")}*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:kalame,Vazirmatn FD,Arial,Helvetica,sans-serif}#root{width:100%;position:relative;min-height:100vh;max-width:576px;background-color:#fff;margin:0 auto}body{font-family:kalame,Vazirmatn FD,Arial,Helvetica,sans-serif;direction:rtl;background-color:#212121}a,a:link,a:visited,a:hover,a:active,a:-webkit-any-link{color:#000!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}button{color:#000!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}button,a:link button,a:visited button,a:hover button,a:active button,a:-webkit-any-link button{color:#000!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}.topHeader{display:flex;justify-content:center;height:34px;margin-top:13px;max-width:143px}.introContainer{background:#feb913;height:585px;display:flex;justify-content:space-between;flex-direction:column;align-items:center;text-align:center;padding:0 33px}.contentContainer{display:flex;flex-direction:column;gap:60px;margin-top:33px;width:100%}.introContainer h1{font-size:32px;font-weight:700}.introContainer span{font-size:16px;font-weight:300;color:#525252}.sloganContainer{display:flex;justify-content:center;align-items:center;border-radius:100px;box-shadow:inset 0 0 40px #ffffffb5;max-width:248px;margin:11px auto 0}.sloganContainer span{font-size:16px;font-weight:600;color:#000}.buttonsContainer{display:flex;flex-direction:column;gap:8px}.buttonsContainer button:nth-child(1){padding:4px 10px;border-radius:6px;border:0;font-size:14px;font-weight:600;width:100%;min-height:42px;cursor:pointer;background-color:#fff}.buttonsContainer button:nth-child(2){border:1px solid #484848;background:transparent;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:600;cursor:pointer;min-height:42px}.stepsContainer{padding:27px 18px}.stepsContainer h1{font-size:20px;font-weight:700;text-align:right}.stepsContainer .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:12px;overflow-x:auto;scrollbar-width:none}.stepsContainer .steps .step{display:flex;flex-direction:column;text-align:right;align-items:start;width:210px;height:188px;background:#ededed;padding:12px;gap:12px}.stepsContainer .steps .step img{max-width:52px;max-height:52px}.stepsContainer .steps .step h3{font-size:14px;font-weight:700;color:#3c3c3c}.stepsContainer .steps .step p{font-size:12px;font-weight:300;color:#666}.login-page{display:flex;flex-direction:column;align-items:center;min-height:100vh}.login-page .banner{margin-top:auto;min-width:100%}.login-card{display:flex;flex-direction:column;justify-content:center;gap:46px;padding:30px;min-height:380px;max-height:380px;width:100%;max-width:460px;text-align:center;align-items:center}.login-card .submit{font-weight:600}.login-card h3{color:#000;font-size:18px;font-weight:700}.login-card span{color:#525252;font-size:12px;font-weight:300}.login-card .login-inner{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.input{width:100%;border:1px solid #00000040;border-radius:4px;padding:8px 12px;font-size:14px;outline:none;text-align:center;background-color:#f7f7f7}.input:focus{border-color:#eea902}.input-error{border:1px solid #e53935}.error-text{color:#e53935;font-size:12px;margin-top:4px}.lineMiddle{color:#c4c4c4;font-size:10px;margin:0 2px}.edit-mobile{display:flex;align-items:center;gap:6px;cursor:pointer;color:#2d763f;font-size:14px}.otp-container{display:flex;justify-content:center;gap:8px}.otp-input{width:48px;text-align:center;font-size:18px;font-weight:700}.submit{background-color:#ffc20e;color:#000;border:none;padding:8px 0;border-radius:4px;cursor:pointer;width:100%;min-height:42px}.btn-primary:disabled{background-color:#ffc20e;cursor:not-allowed}.mt-4{margin-top:16px}.step1-page{font-family:sans-serif;background:url(/mission/images/back1.png);height:100vh;background-repeat:no-repeat;background-size:cover}.step2-page{font-family:sans-serif;background:url(/mission/images/back2.png);height:100vh;background-repeat:no-repeat;background-size:cover}.step2-page .question-modal{justify-content:space-between}.step2-page .question-modal h3{margin-top:58px;font-size:20px;font-weight:700}.step2-page .question-modal p{color:#525252;font-size:14px;font-weight:400}.step2-page .question-modal .submit{display:flex;align-items:center;justify-content:center;gap:10px}.modal-backdrop{position:absolute;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;padding:20px}.modal-card h2{margin-bottom:0!important}.modal-card{background-color:#fff;padding:24px;border-radius:8px;min-width:320px;text-align:center;position:relative;display:flex;flex-direction:column;gap:34px;margin-bottom:auto;width:100%}.question-modal{min-height:448px}.modal-card.light-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px;padding:10px;width:100%}.modal-card.light-card .light-content{display:flex;align-items:center;gap:10px;text-align:right}.modal-card.light-card img{max-height:85px}.modal-card.light-card h2{font-size:12px;font-weight:700}.modal-card.light-card p{font-size:12px;font-weight:400;color:#606060}.modal-card.light-card .questionTitle h2{font-size:16px}.modal-card.light-card .questionTitle p{display:flex;gap:4px}.modal-card.light-card .chance{background-color:#ffc20e;min-width:20px;min-height:20px;max-width:20px;max-height:20px;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:10px;color:#000;border-radius:50px}.modal-card .submit{font-size:14px;font-weight:600;margin-top:auto}.modal-card .sloganContainer{background-color:#ccc;width:max-content;padding:4px 23px;margin:auto}.description-modal{margin:auto}.description-modal h2{margin-bottom:16px}.btn-primary{padding:8px 16px;border-radius:4px;background-color:#ffc20e;color:#fff;border:none;cursor:pointer}.modal-card.success-modal{min-height:448px;justify-content:space-between;align-items:center;z-index:2}.modal-card.success-modal .submit{z-index:999}.success-modal img{max-width:100%;position:absolute;bottom:0;z-index:1}.success-modal h2{font-size:20px;font-weight:600;margin-top:24px}.success-modal span{color:#096800}.question-modal .image-box{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.question-modal .image-box img{height:100px;width:40px}.question-image{width:100%;opacity:1;transition:opacity .3s ease}.question-image.active{opacity:1}.question-text{font-size:16px;font-weight:600}.options{display:grid;gap:8px;margin-bottom:16px;grid-template-columns:repeat(2,2fr)}.option-btn{padding:8px 12px;border-radius:4px;color:#000;cursor:pointer;border:none;font-size:12px;font-weight:500;min-height:42px;background-color:#f5f5f5}.feedback{font-weight:700;margin-bottom:16px}.btn-back{background:none;border:1px solid #ccc;padding:6px 12px;border-radius:4px;cursor:pointer}.step-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f2f2f2;padding:16px}.step-box{background:#fff;padding:32px 24px;border-radius:8px;text-align:center;max-width:400px;width:100%;box-shadow:0 4px 8px #0000001a}.step-box h2{font-size:24px;margin-bottom:12px}.step-box p{font-size:16px;margin-bottom:20px;color:#555}.btn-primary{padding:10px 20px;background-color:#ffc20e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.winners_box{padding:32px 16px}.container{max-width:800px;margin:0 auto}.content .title{font-size:22px;font-weight:700;text-align:center}.content .caption{font-size:14px;text-align:center;margin-bottom:24px}.nav-tabs{display:flex;justify-content:start;gap:16px;margin-bottom:16px;overflow-x:auto;gap:4px;margin-top:17px}.nav-tabs .tab-pane{display:flex;flex-direction:column;gap:6px}.nav-item{list-style:none}.nav-item .nav-link{padding:4px 16px;border-radius:32px;cursor:pointer;font-size:14px;font-weight:300;border:0}.nav-item .nav-link.active{background:#ffc20e;color:#fff}.tab-content .rows{display:flex;justify-content:space-between;padding:8px 12px;background:#fafafa}.right{text-align:right}.left{text-align:left}.winner_phone{font-weight:600;font-size:16px}.result{color:#6f6767;font-size:14px;font-weight:300}.servicesContainer{margin-bottom:100px}.servicesContainer h1{font-size:22px;font-weight:700;margin:auto auto 24px;text-align:center}.servicesContainer .services{width:224px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:auto;gap:18px}.servicesContainer .services .service img{max-width:44px;max-height:44px}.services h3{font-size:14px;font-weight:700;color:#3c3c3c}.services p{font-size:12px;font-weight:300;color:#666}footer{display:flex;justify-content:space-between;position:sticky;bottom:0;height:72px;background:linear-gradient(#fabe2a,#eea902);align-items:center;padding:0 18px}footer h1{font-size:18px;font-weight:700}footer button{border:0;height:30px;min-width:120px;padding:10px;font-size:14px;font-weight:600;text-align:center;border-radius:6px;display:flex;justify-content:center;align-items:center;background-color:#fff}.option-btn.correct{background:#00a64e29;border:1px solid #00B00640;color:#096800}.option-btn.wrong{border:1px solid #B60000;color:#b60000;background-color:#d100001a}.invitesContainer{background:#000;display:flex;border-radius:12px;height:90px;justify-content:space-between;padding:14px 12px;margin-top:17px}.question-modal .invitesContainer .linkContent p{color:#fff}.question-modal .invitesContainer .linkContent button{background-color:transparent!important;border:0!important;cursor:pointer}.invitesContainer .buttons{display:flex;justify-content:center;align-items:center;gap:25px}.invitesContainer .buttons button{background-color:transparent;cursor:pointer;border:0}.invitesContainer .buttons button img{max-height:28px;max-width:28px}.invitesContainer .linkContent{display:flex;flex-direction:column;align-items:start;gap:4px}.invitesContainer .linkContent .invitesCount{display:flex;align-items:center}.invite-page .question-modal h3{margin-top:0;font-size:18px;font-weight:700;color:#ce9c08;margin-bottom:24px;border-bottom:1px solid #00000017;padding-bottom:20px;padding-right:10px;padding-left:10px}.invite-page .question-modal .friendsContainer p{font-size:12px}.historyContainer{font-size:14px;font-weight:500;color:#525252;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.winnersToggle{background-color:#ffc20e;width:100%;margin-bottom:auto;height:44px;border-radius:12px;border:0;font-size:14px;font-weight:600}.invite-page .modal-card{margin-bottom:8px}.bottom-modal-backdrop{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;justify-content:center;align-items:flex-end}.bottom-modal{width:100%;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;padding:16px;animation:slideUp .3s ease-out;overflow-y:auto;min-height:500px;max-width:576px}.bottom-modal h2{font-size:18px;font-weight:700;text-align:center}.modal-handle{width:48px;height:5px;background:#ccc;border-radius:4px;margin:0 auto 12px;cursor:pointer}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-card{will-change:transform,opacity}.fade-in{animation:fadeUp .6s cubic-bezier(.22,1,.36,1) forwards}.fade-out{animation:fadeDown .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(32px)}}.invite-list{background-color:#f5f5f5;border-radius:4px;padding:8px 14px;display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:700}.invite-list span{font-size:12px;font-weight:300}.first-week-alert{height:345px;background-color:#f5f5f5;width:100%;border-radius:8px;display:flex;align-items:center;flex-direction:column;justify-content:center}.first-week-alert img{width:42px;height:42px}.first-week-alert p{color:#3c3c3c;font-size:16px;font-weight:500}@media(min-width:576px){.stepsContainer .steps{grid-template-columns:repeat(1,1fr)}.stepsContainer .steps .step{width:100%;text-align:center;justify-content:center;height:max-content;align-items:center}.stepsContainer h1{text-align:center}}
