:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#000}a:hover{color:#000}button{background-color:#000}}body{font-family:Dm Sans}.outline{width:50px;height:50px;border-radius:100%;border:1px solid white;transition:all .2s ease-out;position:fixed;pointer-events:none;left:0;top:0;transform:translate(calc(-50% + 15px),-50%);z-index:9999}.hover{background-color:#e94549;opacity:.5;z-index:9999}.main{width:100%;height:100vh;background:#f2f2f2;display:flex;align-items:center;justify-content:center}#root{width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@font-face{font-family:"Anomalia 1.0 AAA";src:url(/assets/anomalia-regular-aaa-B71ohO5h.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Alef;src:url(/assets/Alef-Regular-DqWhvvu-.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Alef-bold;src:url(/assets/Alef-Bold-Sri86os7.ttf) format("truetype")}@font-face{font-family:Alef-black;src:url(/assets/Alef-Black-BPZcoBc1.otf) format("truetype")}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{position:relative;display:flex;flex-direction:column}.button{position:relative;border:none;background-color:transparent;cursor:pointer;outline:none;font-size:20px;color:#fff}.button.menu-button{font-family:Alef;padding:.7em 1.5em}.button.menu-button:after,.button.menu-button:before{content:"";display:block;position:absolute;width:20%;height:20%;border:2px solid;transition:all .6s ease;border-radius:2px;font-family:Alef}.button.menu-button:after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent;border-bottom-color:#fff;border-right-color:#fff}.button.menu-button:before{top:0;left:0;border-bottom-color:transparent;border-right-color:transparent;border-top-color:#fff;border-left-color:#fff}.button.menu-button:hover:after,.button.menu-button:hover:before{width:100%;height:100%}.button.menu-button-black{font-family:Alef;padding:.7em 1.5em}.button.menu-button-black:after,.button.menu-button-black:before{content:"";display:block;position:absolute;width:20%;height:20%;border:2px solid;transition:all .6s ease;border-radius:2px;font-family:Alef}.button.menu-button-black:after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent;border-bottom-color:#000;border-right-color:#000}.button.menu-button-black:before{top:0;left:0;border-bottom-color:transparent;border-right-color:transparent;border-top-color:#000;border-left-color:#000}.button.menu-button-black:hover:after,.button.menu-button-black:hover:before{width:100%;height:100%}.summary-container{background:#000;position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:20px}.summary-container .background{position:absolute;top:0;left:0;width:100%;height:100%}.finally-container{height:100vh;margin:0;--x: calc(var(--posX, 0) * 1px);--y: calc(var(--posY, 0) * 1px);background-image:linear-gradient(115deg,#f0f0f0,#c8c8c8),radial-gradient(90% 100% at calc(50% + var(--x)) calc(0% + var(--y)),#b4b4b4,#646464),radial-gradient(100% 100% at calc(80% - var(--x)) calc(0% - var(--y)),#c8c8c8,#555),radial-gradient(150% 210% at calc(100% + var(--x)) calc(0% + var(--y)),#e6e6e6,#464646),radial-gradient(100% 100% at calc(100% - var(--x)) calc(30% - var(--y)),#fafafa,#5a5a5a),linear-gradient(60deg,#fff,#969696);background-blend-mode:overlay,overlay,multiply,soft-light,overlay,normal}.finally-container .background{position:absolute;top:0;left:0;width:100%;height:100%}.video-container{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:20px}.video-container .background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.video-container .content{color:#fff;z-index:1;padding-left:3.2%;padding-right:3.2%;padding-bottom:1%}.toolbar{padding-left:3.2%;padding-right:3.2%;padding-top:2%;display:flex;gap:2%;align-items:center}.toolbar img{width:53px;height:53px}.toolbar img:hover{z-index:2;filter:drop-shadow(0 0 30px rgba(0,0,0,.4));cursor:pointer;transform:scale(1.1)}@keyframes fadeInToolbar{to{opacity:1;transform:translateY(0)}}.fade-in-wrapper{opacity:0;transition:opacity 2.5s ease-in-out,transform 2.5s ease-in-out}.fade-in-wrapper.visible{opacity:1}.home-page .bottom-section{position:fixed;bottom:50px}.home-page .middle-content{position:absolute;justify-self:anchor-center;z-index:2}.home-page .middle-content img{width:571px;height:auto}.home-page .top-section{margin-top:2.5%;margin-bottom:3.5%;display:flex;justify-content:space-between}.home-page .top-section .left-text{font-family:Alef;font-size:20px;color:#fff;font-weight:400;padding-top:6%}.home-page .top-section .blur-text{filter:blur(4px);font-family:"Anomalia 1.0 AAA";font-size:170px;line-height:150px;padding-right:17%;direction:rtl;z-index:-1}.initial-page .bottom-section{position:fixed;bottom:50px}.initial-page .top-section{margin-top:2.5%;margin-bottom:3.5%;display:flex;justify-content:space-between}.initial-page .top-section .left-text{font-family:Alef;font-size:20px;color:#fff;font-weight:400;padding-top:6%}.initial-page .top-section .blur-text{filter:blur(4px);font-family:"Anomalia 1.0 AAA";font-size:170px;line-height:150px;padding-right:17%;direction:rtl;z-index:-1}.exterior-circle .circle-wrapper{display:flex;justify-content:center;align-items:center;padding-top:1.5%;padding-bottom:10px}.exterior-circle .hollow-circle{width:470px;height:470px;border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.exterior-circle .circle-option-wrapper{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;z-index:2}.exterior-circle .circle-option-wrapper.left{direction:rtl;unicode-bidi:plaintext;text-align:right}.exterior-circle .circle-option-wrapper.right{flex-direction:row}.exterior-circle .circle-option-label{color:#fff;font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:Alef;font-size:20px}.exterior-circle .circle-option-button{z-index:2;background:#000;position:relative;width:35px;height:35px;border:1px solid white;border-radius:50%;color:#fff;box-sizing:border-box;transition:background-color .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;padding:0;outline:none}.exterior-circle .circle-option-button.selected:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;background:radial-gradient(circle,#ffec00,transparent 90%);filter:blur(2px);z-index:0}.exterior-circle .circle-option-button>*{z-index:1}.fade-box{transition:opacity 2.5s ease;opacity:1}.fade-out{opacity:0}.interior-circle .int-circle-wrapper{justify-content:center;align-items:center;display:flex}.interior-circle .int-hollow-circle{width:375px;height:375px;border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:1}.interior-circle .progress-inner{width:365px;height:365px;background:#000;border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;z-index:1}.quiz .circle-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding-bottom:82px;height:100%}.quiz .circle-content .question-number{font-family:Alef;font-size:20px;color:#fff;display:flex;height:48px}.quiz .circle-content .question-text{display:flex;flex-direction:column;justify-content:center;font-family:Alef;font-size:20px;color:#ff0;text-align:center;width:270px}.quiz .circle-content .spacer{flex:1}.quiz .circle-content .arrow-button{box-sizing:border-box;height:1.5vw;width:1.5vw;background:none;border-style:solid;border-color:#fff;border-width:0px 1px 1px 0px;transition:border-width .15s ease-in-out}.quiz .circle-content .arrow-button.left{transform:rotate(135deg)}.quiz .circle-content .arrow-button.right{transform:rotate(-45deg)}.quiz .circle-content .arrow-button:hover:not(:disabled){border-bottom-width:3px;border-right-width:3px}.quiz .circle-content .arrow-button:disabled{opacity:.3;cursor:not-allowed}.quiz .blur-text{color:#fff;filter:blur(3px);font-family:"Anomalia 1.0 AAA";font-size:68px;line-height:68px;padding-right:5.5%;direction:rtl;z-index:3;position:absolute;right:0}.quiz .bottom-section{position:fixed;bottom:50px}.loading-after-quiz{display:flex;flex-direction:column;margin-top:7.5%;align-items:center}.loading-after-quiz .loader{width:300px;height:300px}.loading-after-quiz .text{color:#fff;font-weight:600;font-family:Alef;font-size:20px;text-align:center;position:fixed;bottom:50px}.summary-page{padding-right:3.2%;height:73%;padding-top:2%;display:flex;gap:2%}.summary-page .side-bar{color:#767676;flex:1;display:flex;flex-direction:column;direction:rtl;font-family:Alef-bold;min-width:13%;font-size:17px;justify-content:space-between}.summary-page .side-bar .element:hover{cursor:pointer}.summary-page .side-bar .scroll-down{display:flex;flex-direction:column;font-family:Alef;color:#fff;line-height:20px;position:fixed;bottom:50px}.summary-page .side-bar .down-gif{width:27px;height:60px;padding-bottom:2%}.summary-page .content{flex:8;color:#fff}.summary-page .selected{color:#ff0}.summary-page .font-bold{font-family:Alef-black!important}.summary-step-container{display:flex;height:100%}.summary-step-container .step-blur-title{filter:blur(3px);font-size:150px;line-height:140px;direction:rtl;font-family:"Anomalia 1.0 AAA"}.summary-step-container .description{direction:rtl;font-family:Alef;font-size:20px}.summary-step-container .image-container{flex:7;display:flex;flex-direction:column;justify-content:space-between;margin-left:3.2%}.summary-step-container .image-container .bottom-section{position:fixed;bottom:50px}.summary-step-container .text-container{flex:5;display:flex;flex-direction:column;justify-content:space-between;width:50%}.mapping-container .image-container{position:relative;width:100%;height:95vh;padding-left:5%}.mapping-container .image-container .bottom-section{position:fixed;bottom:50px}.mapping-container .priority-0,.mapping-container .priority-1{animation:wiggle-soft-up 6.5s infinite ease-in-out}.mapping-container .priority-2,.mapping-container .priority-3{animation:wiggle-soft 6.5s infinite ease-in-out}.mapping-container .priority-4{animation:wiggle-soft-up 6.5s infinite ease-in-out}.mapping-container .priority-5{animation:wiggle-soft 6.5s infinite ease-in-out}.mapping-container .priority-6{animation:wiggle-harsh 6.5s infinite ease-in-out}.mapping-container .rotate-0{animation:rotate-fast 20s linear infinite}.mapping-container .rotate-1{animation:rotate-fast 25s linear infinite}.mapping-container .rotate-2{animation:rotate-fast 30s linear infinite}.mapping-container .rotate-3{animation:rotate-slow 35s linear infinite}.mapping-container .rotate-4{animation:rotate-slow 40s linear infinite}.mapping-container .rotate-5{animation:rotate-slow 45s linear infinite}.mapping-container .rotate-6{animation:rotate-slow 50s linear infinite}.mapping-container .rotate-0-left{animation:rotate-fast-reverse 20s linear infinite}.mapping-container .rotate-1-left{animation:rotate-fast-reverse 25s linear infinite}.mapping-container .rotate-2-left{animation:rotate-fast-reverse 30s linear infinite}.mapping-container .rotate-3-left{animation:rotate-slow-reverse 35s linear infinite}.mapping-container .rotate-4-left{animation:rotate-slow-reverse 40s linear infinite}.mapping-container .rotate-5-left{animation:rotate-slow-reverse 45s linear infinite}.mapping-container .rotate-6-left{animation:rotate-slow-reverse 50s linear infinite}.mapping-container .wiggle-wrapper{position:absolute}.mapping-container .animated-img{will-change:transform;pointer-events:auto;transition:transform .2s ease}.mapping-container .wiggle-wrapper:hover{animation-play-state:paused;z-index:2;filter:drop-shadow(0 0 10px rgba(0,0,0,.4));cursor:pointer;transform:scale(1.1)}.mapping-container .animated-img:hover{animation-play-state:paused}.mapping-container .apply-opacity{opacity:50%}@keyframes wiggle-soft-up{0%,to{transform:translate(0)}50%{transform:translate(2%,-6.5%)}}@keyframes wiggle-soft{0%,to{transform:translate(0)}50%{transform:translate(8.5%,-2%)}}@keyframes wiggle-harsh{0%,to{transform:translate(0)}50%{transform:translate(-8.5%,2%)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-fast-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;padding-left:3.2%;align-items:center;z-index:2;opacity:0;transition:opacity .5s ease-in-out}.modal-overlay.fade-in{opacity:1}.modal-content{border-radius:8px;z-index:2;padding-top:1.5%;width:89%;display:flex;flex-direction:column;gap:15%;height:70%}.modal-content .step-blur-title{filter:blur(3px);font-size:150px;line-height:140px;direction:rtl;font-family:"Anomalia 1.0 AAA"}.modal-content .description{direction:rtl;font-family:Alef;font-size:20px;width:470px;align-self:end}.modal-content .modal-emotion{height:60vh}.modal-content .modal-emotion .image-container{flex:6}.modal-content .modal-emotion .text-container{flex:6;display:flex;flex-direction:column;gap:10%;width:50%;color:#fff}.modal-content .step-dots{display:flex;justify-content:center;align-items:center;gap:12px;flex-direction:row-reverse}.modal-content .arrow-button{box-sizing:border-box;height:1.5vw;width:1.5vw;background:none;border-style:solid;border-color:#fff;border-width:0px 1px 1px 0px;transition:border-width .15s ease-in-out}.modal-content .arrow-button.left{transform:rotate(135deg)}.modal-content .arrow-button.right{transform:rotate(-45deg)}.modal-content .arrow-button:hover:not(:disabled){border-bottom-width:3px;border-right-width:3px}.modal-content .arrow-button:disabled{opacity:.3;cursor:not-allowed}.modal-content .dot{width:8px;height:8px;border-radius:50%;background-color:gray;cursor:pointer;transition:background-color .3s}.modal-content .dot.active{background-color:#fff;width:10px;height:10px}.modal-content .close-button{position:absolute;background:none;border:none;font-size:25px;cursor:pointer;color:#fff;font-weight:400;z-index:3}.modal-content .close-button:hover{color:#ff0}.rotate{animation:rotate-slow 50s linear infinite}@keyframes rotate-slow-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.finally-content{display:flex;justify-content:center;align-items:center;background-color:transparent}.finally-content .rectangle{position:relative;width:950px;height:450px;background-color:transparent;border:2px solid;display:flex;justify-content:center;align-items:center;color:#000;font-size:68px;line-height:70px;text-align:center}.finally-content .text{filter:blur(2px);padding:10px 25px;font-family:"Anomalia 1.0 AAA"}.finally-content .action-image{position:absolute;bottom:calc(50% - 243px);width:37.5px;height:37.5px;cursor:pointer}.finally-content .action-image:hover{z-index:2;filter:drop-shadow(0 0 30px rgba(0,0,0,.4));cursor:pointer;width:40px;height:40px;transform:scale(1.1)}.finally-content .spinning{animation:rotate-fast 3s linear infinite}.finally-content .bottom-section{position:fixed;bottom:50px}@keyframes rotate-fast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}