*{margin:0;padding:0}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-D-xo5pT6.woff2) format("woff2")}.home-container{font-family:Arial,sans-serif;background-image:url(/assets/background-CdMKcMJM.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;padding:3rem 5vw;display:flex;font-family:Montserrat;font-size:23px;font-weight:300;flex-direction:column;justify-content:space-between;color:#fff}.title-wrapper{width:100%;height:auto;text-align:left}.title-image{max-width:1000px;height:auto;margin-bottom:2em;margin-top:-3em}.content-wrapper{display:flex;width:100%;height:100%;justify-content:flex-end;margin-top:-15em;flex:1;min-height:300px}.description-box,.instructions{padding:2rem;margin-bottom:2rem;background-color:#37373779;border-radius:65px;box-shadow:0 0 100px 10px #4b4b4b;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-style:hidden;text-shadow:2px 2px 20px rgb(17,17,17)}.description-box{max-width:680px;padding-left:2rem;height:auto;text-align:justify}.description-box h2{font-size:1.8rem;padding:0;font-weight:600;text-align:center;text-shadow:2px 2px 10px rgba(0,0,0,.5);margin-bottom:1rem}.instructions{max-width:950%;height:auto;margin:0 auto;text-align:left;margin-top:3rem;text-align:justify}.instructions h2{font-size:1.8rem;text-align:center;margin-bottom:1rem;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.instructions p{margin-bottom:1rem;height:auto;width:auto}.time-note{margin-top:1rem;color:#fff;font-size:.6em;text-shadow:2px 2px 10px rgba(0,0,0,.4)}.start-btn:focus{outline:none}.start-btn:active{outline:none}.start{text-align:center;display:flex;width:500px;height:165px;margin:0 auto;flex-direction:column;align-items:center}.button-with-hint{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;margin:10px 0}.start-btn,.continue-test-btn{padding:.8rem 2rem;border-radius:70px;cursor:pointer;font-weight:700;transition:background .3s}.start-btn{background-color:#fff;color:#39546e;width:25em;height:50px;border:none}.start-btn:hover{background-color:#d0d0d0}.continue-test-btn{background-color:transparent;border:1px solid #C9C9C9;width:20em;color:#c9c9c9;font-weight:400}.continue-test-btn:hover{background-color:#ffffff1a}.hint-icon{margin-left:10px;width:25px;height:25px;background-color:transparent;color:#b5b5b5;border:1px solid #B5B5B5;border-radius:50%;font-weight:300;text-align:center;line-height:25px;cursor:pointer;position:relative}.hint-text{position:absolute;top:50%;left:35px;transform:translateY(-50%);background-color:#ffffffd3;color:#000;padding:5px 10px;border-radius:10px;font-weight:400;font-size:.6em;width:230px;box-shadow:2px 2px 10px #0000004d;z-index:10}@media (max-width: 768px){*{margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}.home-container{background-size:cover;background-position:center;background-repeat:no-repeat}.title-image{max-width:120%;margin-top:0}.content-wrapper{flex-direction:column;align-items:center;margin-top:0}.description-box,.instructions{width:90%;max-width:100%;padding:1rem;border-radius:25px;font-size:16px}.instructions{min-width:auto;margin-top:2rem}.start{width:100%;height:auto;padding:1rem}.start-btn,.continue-test-btn{width:90%;height:60px;font-size:1rem}.hint-text{width:180px;font-size:.7em;left:30px}}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-D-xo5pT6.woff2) format("woff2")}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.modal-container{position:fixed;font-family:Montserrat;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;z-index:1000;overflow-y:auto;padding:10px 20px}.modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#908e91a4;border-radius:15px;padding:40px 30px;box-shadow:0 0 15px #0009;color:#fff;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalFadeIn .4s ease forwards}.modal-content.closing{animation:modalFadeOut .3s ease forwards}.close-btn{position:absolute;top:15px;right:20px;font-weight:lighter;background:none;border:none;font-size:30px;color:#fff;cursor:pointer}.modal-content h2,.modal-content label{text-align:center}.modal-content h2{font-size:24px;margin-bottom:40px;margin-top:20px}.modal-content label{display:block;text-align:center;margin-bottom:8px;font-weight:400;font-size:16px;color:#fff}.gender-selection{max-width:550px;min-height:70px;margin:0 auto 30px}.input-field{max-width:500px;margin:0 auto 25px}.continue-btn{max-width:500px;margin:0 auto 20px}.gender-toggle{display:flex;justify-content:space-between;border:1px solid white;border-radius:30px;overflow:hidden;width:350px;text-align:center;background:transparent;margin-top:10px}.toggle-option{flex:1;padding:12px 0;text-align:center;cursor:pointer;font-weight:400;font-size:16px;color:#c0c4cc;transition:background .3s,color .3s;background:transparent;border:none}.toggle-option.active.female{background:#e1aaaa;color:#fff}.toggle-option.active.male{background:#aab9e1;color:#fff}.input-field label{display:block;text-align:center;margin-bottom:8px;font-weight:400;font-size:16px;color:#fff}.input-field input{height:30px;padding:12px 18px;border-radius:20px;border:1px solid white;background:transparent;color:#c8cfd9;font-size:14px;font-weight:100}.input-field input:focus{outline:#C8CFD9}.age-input{width:220px;text-align:center;color:#fff}.age-input:focus,.email-input:focus{opacity:75%}.email-input{width:370px;text-align:center;color:#fff}.input-field input::placeholder{color:#c8cfd9;opacity:45%;text-align:center}.required-note{font-size:12px;color:#c8cfd9;margin-top:5px;text-align:center;opacity:80%}.continue-btn{display:block;margin:5px auto 0;padding:12px 30px;background:#4c4f53;color:#fff;border:none;border-radius:30px;font-weight:500;font-size:17px;cursor:pointer;font-family:Montserrat;transition:background .3s;width:1200px;height:60px}.continue-btn:hover{background:#404246}.error-border{border:2px solid #861E1E!important;background-color:#d7000033!important}.error-container{position:absolute;bottom:-20px;background-color:#861e1e;color:#fff;padding:3px 14px;border-radius:2px 2px 15px 15px;font-size:12px;font-weight:400;white-space:nowrap}.input-field,.gender-selection{position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.modal-content{padding:20px 15px;width:80%;margin:0 auto}.gender-toggle{width:100%;flex-direction:column}.toggle-option{padding:12px 0;width:100%;border-bottom:1px solid white}.toggle-option:last-child{border-bottom:none}.age-input,.email-input{width:100%}.continue-btn{width:100%;height:50px;font-size:16px}.modal-content h2{font-size:20px}.modal-content label{font-size:14px}.error-container{font-size:11px;padding:3px 10px}}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-D-xo5pT6.woff2) format("woff2")}.test-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden}.test-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#0000 70%,#89898980);z-index:1;pointer-events:none}.question-box,.buttons,.progress-bar-background{position:relative;z-index:2}.progress-text{color:gray;font-weight:500;font-size:16px}.progress-wrapper{position:absolute;top:30px;left:50%;transform:translate(-50%);width:933.9px;height:44px;z-index:10;display:flex;flex-direction:column;align-items:center}.progress-bar-background{position:absolute;top:30px;left:50%;transform:translate(-50%);width:933.9px;height:28px;background-color:#ffffff8b;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.progress-bar-fill{position:absolute;left:0;top:0;bottom:0;height:100%;background-color:#609f68;z-index:1;transition:width .3s ease}.progress-bar-text{z-index:2;color:#fff;font-weight:600;font-size:18px;text-shadow:0 0 4px rgba(0,0,0,.7)}.question-box{background:#fff;padding:30px;border-radius:20px;text-align:center;font-size:25px;width:700px;height:200px;font-weight:500;margin-bottom:20px;box-shadow:0 0 15px 5px #b9b0b0;display:flex;justify-content:center;align-items:center}.buttons{display:flex;gap:40px}.btn{font-size:20px;font-weight:500;padding:20px 55px;border:none;width:150px;border-radius:15px;cursor:pointer;box-shadow:0 0 15px 5px #b9b0b0}.btn.yes{background-color:#e8c3b1;border:1px solid #CCAB9A}.btn.no{background-color:#b5d1e7;border:1px solid #98ACBC}@media (max-width: 768px){html,body{width:100%;height:100%;overflow-x:hidden}.test-container{height:auto;min-height:100vh;padding:2rem 1rem;background-size:cover;background-position:center}.progress-wrapper{width:90%;top:20px}.progress-bar-background{width:100%;height:24px}.progress-bar-text{font-size:14px}.question-box{width:100%;max-width:100%;height:auto;padding:20px;font-size:18px;margin-top:100px}.buttons{flex-direction:column;gap:20px;margin-top:20px;width:100%;align-items:center}.btn{width:90%;font-size:18px;padding:15px}}*{margin:0;padding:0;font-family:Montserrat}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-D-xo5pT6.woff2) format("woff2")}.result-container{max-width:900px;margin:0 auto;padding:40px 20px;text-align:center;font-family:Arial,sans-serif;color:#333}.result-header{margin-right:130px;display:flex;align-items:center;justify-content:center;gap:20px}.result-check-icon{width:140px;margin-right:-25px;height:140px}.result-title{font-size:32px;font-weight:600;line-height:1.4}.result-buttons{display:flex;justify-content:center;margin-bottom:10px}.button-with-note{display:flex;flex-direction:column;align-items:center;max-width:260px;padding:20px;border:none;border-radius:15px}.result-btn{padding:20px 25px;font-size:18px;font-weight:500;border-radius:30px;border:none;background-color:#3b82f6;color:#000;cursor:pointer;transition:background-color .3s}.save-button{background-color:#f3e2d3;border:1px solid #000000}.send-button{background-color:#cedbea;border:1px solid #000000}.save-button:hover{background-color:#eed5c0}.send-button:hover{background-color:#bad0e9}.result-note{font-size:12px;margin-top:6px;color:#474747;text-align:center}.placeholder{margin:30px auto;width:100%;height:250px;border:2px dashed #aaa;display:flex;justify-content:center;align-items:center;color:#666;font-size:20px}.result-description,.result-formula{text-align:justify;margin-top:30px;line-height:1.6;font-weight:500}.result-graph{width:100%;max-width:800px;height:auto;margin:10px auto 0 30px;display:block}.result-formula{text-align:justify;margin-top:40px}.result-subtitle{margin-top:40px;font-size:20px;font-weight:600}.first-subtitle{margin-top:20px}.round-scale-image{width:120px}.scale-section-title{font-weight:500;margin-top:25px;margin-bottom:10px}.result-scale-image{width:100%;max-width:600px;margin:10px auto;display:block}.result-footer{margin-top:40px;font-weight:700;font-size:20px;text-align:center}@media (max-width: 768px){html,body{width:100%;height:100%;overflow-x:hidden}.result-container{padding:20px 10px}.result-header{flex-direction:column;margin-right:0}.result-check-icon{width:80px;height:80px}.result-title{font-size:24px;text-align:center}.result-btn{font-size:15px;padding:14px 18px}.result-graph{margin-left:0}.round-scale-image{width:80px}.result-footer{font-size:16px}}.go-home-button-wrapper{position:absolute;top:20px;right:20px}.go-home-button{background-color:#e5f2ff;border:1px solid #000;border-radius:30px;padding:10px 16px;font-size:14px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.go-home-button:hover{background-color:#cee6ff}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-D-xo5pT6.woff2) format("woff2")}.notification{position:fixed;font-family:Montserrat;top:0;left:50%;transform:translate(-50%);background:#861e1ed8;color:#fff;padding:10px 20px;border-radius:0 0 8px 8px;z-index:1000;box-shadow:0 2px 8px #0000004d;width:auto;max-width:90%}.notification-content{display:flex;justify-content:space-between;align-items:center}.notification p{margin:0;flex:1}