*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:DojowellBasic;src:url(/fonts/dojowell\ basic.eot);src:url(/fonts/dojowell\ basic.eot?#iefix) format("embedded-opentype"),url(/fonts/dojowell\ basic.woff) format("woff"),url(/fonts/dojowell\ basic.woff2) format("woff2"),url(/fonts/dojowell\ basic.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}body{background:linear-gradient(0deg,#e9f5fb,#d0e4f5);background-image:url(/assets/home/bg.avif);background-size:cover;background-repeat:no-repeat;background-position:50%;color:#333;height:100vh;font-family:DojowellBasic,Georgia}button{cursor:pointer;font-size:1rem}.hidden{display:none}.fade{opacity:1;transition:opacity .8s ease}.fade-out{opacity:0}.matrix-page-container{min-height:100%;max-width:100vw!important;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-image:url(/assets/home/bg.avif);height:100%;background-position:bottom;background-repeat:no-repeat;background-size:cover;background-color:#080516}.quiz-main-container{width:68%;min-height:calc(100vh - 70px);margin:0 auto;padding-bottom:40px}.intro-parent-matrix{min-height:calc(100vh - 70px);margin:0!important;display:flex;justify-content:center;align-items:center}.intro-parent-matrix:has(.intro-screen:not(.intro-hidden)){align-items:center}.intro-wrapper{width:100%!important;height:100%;display:flex;gap:30px}.intro-content{flex:1 1 55%!important;border-radius:20px;width:100%;order:1;display:flex;flex-direction:column;justify-content:center}.intro-screen{width:100%;height:100%}.intro-screen h1{font-weight:400;line-height:130%;color:white}.brand,.intro-screen h1{font-family:DojowellBasic,Georgia}.brand{color:var(--primary-color);font-weight:700}.intro-screen p{margin:10px 0;line-height:1.6;color:#d8e0f6;font-family:DojowellBasic,Georgia}.intro-agreement{margin:20px 0}.intro-agreement label{display:flex;align-items:center;align-items:flex-start;gap:10px;font-size:19px;color:#b4b4b4;font-family:DojowellBasic,Georgia}.agree-check{appearance:none;flex-shrink:0;flex-grow:0;-webkit-appearance:none;width:22px;height:22px;border:2px solid #c2c3c5;border-radius:6px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s ease;margin-top:2px}.agree-check:checked{background-color:#c2c3c5;border-color:#c2c3c5}.agree-check:checked:after{content:"";position:absolute;top:2px;left:7px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.intro-btn{height:70px;font-weight:400;margin-top:20px;font-size:25px}.intro-btn,.my-value-btn{border:1px solid #e16758;color:#e16758;transition:all .3s ease;border-radius:50px;width:300px;padding:15px 25px;font-family:DojowellBasic,Georgia;cursor:pointer}.my-value-btn{height:75px;font-size:20px;font-weight:700;margin-top:40px}.intro-btn:hover{box-shadow:0 4px 10px 0 #e1675880;background-color:#e16758;color:#ffffff}.intro-btn:disabled{opacity:.5;cursor:not-allowed}.my-value-btn:hover{box-shadow:0 4px 10px 0 #e1675880;background-color:#e16758;color:#ffffff}.my-value-btn:disabled{opacity:.5;cursor:not-allowed}.intro-character{order:2;max-width:44%;width:100%;height:100%}.bear-quiz-animation{width:100%;height:100%;overflow:hidden;pointer-events:none;touch-action:pan-y}.bear-quiz-animation img{width:100%;height:100%;object-fit:contain}@media screen and (max-width:960px){.intro-agreement{display:flex;justify-content:center;align-items:flex-start}.intro-agreement input{margin-top:2px!important}.followup-options,.options-matrix{margin:0!important}.option-box{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important}.option-emoji{font-size:30px}.intro-content{order:2;padding:15px}.intro-wrapper{align-items:center}.intro-character{order:1}.intro-btn{width:fit-content;font-size:22px}.intro-btn,.my-value-btn{cursor:pointer;height:65px}.my-value-btn{width:215px;font-size:20px}.intro-agreement label{text-align:left}}@media screen and (max-width:400px){.intro-screen h1{font-size:30px}.intro-agreement input{margin-top:8px!important}.question-prompt{font-size:18px}.intro-screen p{font-size:17px}.options-matrix{gap:0!important}.intro-parent-matrix{margin:0}}.quiz-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:20px}.back-btn:active,.quiz-footer .quiz-btn:active{box-shadow:0 4px 10px 0 #e1675880;background-color:#e16758;color:#ffffff}@media (hover:hover) and (pointer:fine){.back-btn:hover,.quiz-footer .quiz-btn:hover{box-shadow:0 4px 10px 0 #e1675880;background-color:#e16758;color:#ffffff}}.quiz-footer .quiz-btn{background-color:transparent;border:1.5px solid #e16758;color:#e16758;border-radius:50px;padding:12px 45px;font-size:22px;font-family:DojowellBasic,Georgia;font-weight:700;cursor:pointer}.quiz-footer .quiz-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:768px){.followup-options,.options-matrix{gap:10px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.followup-options::-webkit-scrollbar,.options-matrix::-webkit-scrollbar{height:6px}.followup-options::-webkit-scrollbar-track,.options-matrix::-webkit-scrollbar-track{background:rgba(194,195,197,.2);border-radius:3px}.followup-options::-webkit-scrollbar-thumb,.options-matrix::-webkit-scrollbar-thumb{background:#c2c3c5;border-radius:3px}.option-box{min-width:120px;min-height:120px;width:120px;height:120px;padding:15px 10px}.option-emoji{font-size:32px}.option-text{font-size:14px;max-width:120px}}@media (max-width:500px){.see-my-matrix-btn{display:block;width:100%}.see-my-matrix-btn-container{flex-direction:column-reverse!important;align-items:center!important}.quiz-footer{align-items:center}.back-btn,.quiz-footer .quiz-btn{width:100%;font-size:20px}.back-btn{padding:6px 25px!important;font-size:20px!important}.quiz-footer .quiz-btn{padding:6px 25px;font-size:20px}.option-box{min-width:100px;min-height:100px;width:100px;height:100px;padding:12px 8px}.option-emoji{font-size:28px}.option-text{font-size:12px;max-width:100px}.followup-options,.options-matrix{gap:8px}}.matrix-quiz-container{order:1;position:relative;flex:1;width:85%;padding:40px;border-radius:20px;background-color:#ffffff0d;margin:20px auto}.quiz-header{display:flex;align-items:center;margin-bottom:20px;position:static}.back-btn{background-color:transparent;border:1.5px solid #e16758;color:#e16758;border-radius:50px;padding:12px 45px;font-size:22px;font-family:DojowellBasic,Georgia;font-weight:700;cursor:pointer}.section-label{color:white}.section-title{color:white;font-size:35px;font-weight:600!important}.question-prompt{font-size:22px;font-weight:600}.back-btn:disabled{transform:translateY(-2px);opacity:.5}.quiz-title{margin:0 auto;color:#e16758;text-align:center;flex:1;font-family:DojowellBasic,Georgia;font-weight:600}.progress-bar-container{display:flex;align-items:center;gap:15px}.progress-bar{flex:1;height:12px;background-color:#0000001f;border-radius:10px;overflow:hidden}.progress-fill{height:100%;width:0;background-color:#e16758;transition:width .5s ease-in-out}.progress-text{font-size:1.2rem;color:#ffffffa6;font-family:DojowellBasic,Georgia;font-weight:700}.question-area{margin-top:20px;min-height:220px}.question{margin-bottom:25px}.question p{margin-bottom:15px;color:#ffffff;font-family:DojowellBasic,Georgia;font-weight:700}.followup-options,.options-matrix,.rating-options{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.followup-options li,.options-matrix li,.rating-options li{margin-bottom:0;flex:0 1 auto;min-width:120px}label{cursor:pointer;display:flex;align-items:center;gap:10px;color:#ffffffad;font-family:DojowellBasic,Georgia;font-size:20px}.option-item{margin:0}.option-wrapper{flex-direction:column;cursor:pointer;gap:10px;position:relative}.option-box,.option-wrapper{display:flex;align-items:center}.option-box{justify-content:center;padding:20px 15px;border:2px solid #c2c3c5;border-radius:12px;background-color:transparent;transition:all .3s ease;min-width:140px;min-height:140px;width:140px;height:140px}.option-wrapper:hover .option-box{border-color:rgba(255,255,255,.945);background-color:rgba(255,255,255,.1)}.option-item.option-selected .option-box,.option-wrapper.option-selected .option-box{border-color:#e16758;background-color:rgba(225,103,88,.15)}.option-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.option-emoji{font-size:40px;line-height:1;display:block;text-align:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace!important}.option-text{font-family:DojowellBasic,Georgia;font-size:16px;color:#ffffff;text-align:center;line-height:1.3;font-weight:500;display:block;margin-top:0;max-width:140px;word-wrap:break-word}.followup-block{margin-top:30px;padding-top:30px;border-top:1px solid rgba(194,195,197,.3)}.followup-title{font-family:DojowellBasic,Georgia;font-size:22px;font-weight:600;color:#ffffff;margin-bottom:20px}input[type=radio]{flex-shrink:0;flex-grow:0;appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid #c2c3c5;border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease}input[type=radio]:checked{border:2px solid #e16758}input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;width:13px;height:13px;background-color:#e16758;border-radius:50%;transform:translate(-50%,-50%)}#other-input{margin-top:15px}#other-input input{width:100%;padding:8px 10px;border:2px solid #007bff;border-radius:5px;transition:border-color .3s}#other-input input:focus{border-color:#0056b3;outline:none}@media screen and (max-width:768px){.matrix-quiz-container{order:2}.intro-character{order:1}.intro-btn{font-size:22px}.intro-btn,.my-value-btn{cursor:pointer;height:65px}.my-value-btn{width:215px;font-size:20px}.matrix-quiz-container{padding:15px}}@media screen and (max-width:400px){label{font-size:18px}.quiz-title{font-size:1.4rem}.progress-text{font-size:1rem}}.analyzing-screen{min-width:min(90vw,970px);margin:60px auto;padding:40px;background-color:#ffffff0d;border-radius:30px;text-align:center}.analyzing-screen h2{font-family:DojowellBasic,Georgia;font-weight:700;font-size:30px;color:white}.analyzing-screen p{font-family:DojowellBasic,Georgia;font-size:20px;color:#ffffffad;margin-top:10px}.loader{border-radius:50%;border:4px solid #f3f3f3;border-top-color:#e16758;width:50px;height:50px;margin:20px auto 0;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-container{min-width:min(90vw,1200px);margin:40px auto;padding:40px;background-color:#ffffff0d;border-radius:30px;border-radius:10px;text-align:center}.results-container h2{font-size:34px;font-family:DojowellBasic,Georgia;font-weight:700;color:#e16758}.results-content{margin-top:25px;animation:fadeIn 1s forwards;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.save-result-block{margin-top:24px;padding-top:16px;border-top:1px solid rgba(194,195,197,.4);max-width:640px;margin-left:auto;margin-right:auto;text-align:left}.save-result-text{font-family:DojowellBasic,Georgia;font-size:18px;color:#ffffff;margin-bottom:10px}.save-result-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.save-result-input{flex:1 1 220px;min-width:0;padding:10px 12px;border-radius:999px;border:1px solid #c2c3c5;background:rgba(0,0,0,.25);color:#ffffff;font-family:DojowellBasic,Georgia;font-size:16px}.save-result-input::placeholder{color:#ffffff80}.save-result-input:focus{outline:none;border-color:#e16758;box-shadow:0 0 0 1px rgba(225,103,88,.6)}.save-result-btn{border-radius:999px;border:1px solid #e16758;background:#e16758;color:#ffffff;padding:10px 22px;font-family:DojowellBasic,Georgia;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-result-btn:hover:not(:disabled){box-shadow:0 4px 10px rgba(225,103,88,.5)}.save-result-btn:disabled{opacity:.6;cursor:not-allowed}.matrix-results-summary{max-width:760px;margin:0 auto;text-align:center;color:#ffffff}.matrix-result-title{font-family:DojowellBasic,Georgia;font-weight:700;font-size:30px;margin-bottom:10px}.matrix-result-subtitle{font-family:DojowellBasic,Georgia;font-size:18px;color:#ffffffad;margin-bottom:24px}.matrix-score-row{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.matrix-score-pill{min-width:140px;padding:12px 18px;border-radius:999px;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;gap:4px}.matrix-score-pill .label{font-family:DojowellBasic,Georgia;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3}.matrix-score-pill .value{font-family:DojowellBasic,Georgia;font-size:22px;font-weight:700}.pleasure-pill{border-color:rgba(255,159,67,.8)}.power-pill{border-color:rgba(255,71,87,.8)}.presence-pill{border-color:rgba(46,204,113,.8)}.matrix-archetype-block{margin-top:10px;text-align:left}.matrix-archetype-name{font-family:DojowellBasic,Georgia;font-size:22px;font-weight:700;margin-bottom:8px}.matrix-archetype-desc,.matrix-archetype-insight{font-family:DojowellBasic,Georgia;font-size:17px;color:#ffffffc2;margin-bottom:8px}.matrix-archetype-insight{font-style:italic}.results-category{flex:1 1 300px;max-width:100%;padding:23px;border:1px solid #c2c3c5;border-radius:10px;margin-bottom:20px;box-sizing:border-box}.results-category h3{margin-bottom:12px;font-size:30px;color:white;font-weight:700}.results-category h3,.results-category ul{font-family:DojowellBasic,Georgia;text-align:left}.results-category ul{list-style-type:disc;padding-left:20px}.results-category ul li{font-family:DojowellBasic,Georgia;font-size:19px;color:#ffffffad;margin-bottom:10px}.results-category ul li:last-child{margin-bottom:0}.retake-btn{border:1px solid #e16758;color:#e16758;border-radius:50px;padding:15px 25px;margin-top:30px;font-family:DojowellBasic,Georgia;font-weight:700;cursor:pointer;width:300px;font-size:25px;height:75px}.retake-btn:hover{box-shadow:0 4px 10px 0 #e1675880;background-color:#e16758;color:#ffffff}@media screen and (max-width:768px){.results-container{padding:25px 15px}.results-container h2{font-size:26px}.results-category h3{font-size:22px}.results-category ul li{font-size:16px}.retake-btn{cursor:pointer;width:200px;height:65px;font-size:22px}}@media screen and (max-width:480px){.results-content{gap:1rem}.results-category{flex:1 1 100%}.results-container h2{font-size:25px}.results-category h3{font-size:20px}.results-category ul li{font-size:15px}}.all-qa{margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc}.qa-item{margin-bottom:1rem}.qa-item p{margin:.25rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-insight-card{margin-top:30px;padding:30px 24px;border-radius:18px;background-color:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.section-insight-card h3{font-family:DojowellBasic,Georgia;font-weight:600;font-size:26px;color:#ffffff}.section-insight-card p{font-family:DojowellBasic,Georgia;font-size:18px;line-height:1.5;color:#ffffffad;max-width:640px}.section-insight-card .quiz-btn{border-radius:50px;padding:12px 40px;border:1.5px solid #e16758;background:transparent;color:#e16758;font-family:DojowellBasic,Georgia;font-weight:600;font-size:20px;cursor:pointer;transition:all .3s ease}.section-insight-card .quiz-btn:hover{background-color:#e16758;color:#ffffff;box-shadow:0 4px 14px rgba(225,103,88,.5)}@media screen and (max-width:600px){.section-insight-card{padding:22px 16px}.options-matrix{gap:0!important}.section-insight-card h3{font-size:22px}.section-insight-card p{font-size:16px}.section-insight-card .quiz-btn{width:100%;max-width:220px;font-size:18px;padding:10px 24px}}@media screen and (max-width:1500px){.quiz-main-container{width:80%}}@media screen and (max-width:1350px){.quiz-main-container{width:93%}}@media screen and (max-width:1524px){.section-title{font-size:20px}.followup-title,.question-prompt{font-size:18px}}@media screen and (max-width:1024px){.section-title{font-size:26px}.followup-title,.question-prompt{font-size:20px}}@media screen and (max-width:768px){.section-title{font-size:20px}.followup-title,.question-prompt{font-size:18px}}@media screen and (max-width:480px){.section-title{font-size:18px}.followup-title,.question-prompt{font-size:16px}}.intro-hidden{display:none!important}@media screen and (max-width:960px){.bear-quiz-animation,.bear-quiz-animation img,.intro-character{height:auto;width:auto}.intro-content{flex:0!important}.intro-wrapper{gap:0!important;justify-content:center}}