body{padding:0;margin:0;font-family:Pangram;height:100%}#quiz-star-group{aspect-ratio:1;width:var(--quiz-star-size);position:fixed;top:50%;transform:translateY(-50%);left:-10%;z-index:-1}#quiz-star-small{position:absolute;background-image:url(/assets/stars/small-star.svg);background-size:cover;aspect-ratio:1;width:var(--quiz-star-size-small);will-change:auto;margin-top:calc((var(--quiz-star-size) - var(--quiz-star-size-small)) / 2);margin-left:calc((var(--quiz-star-size) - var(--quiz-star-size-small)) / 2)}#quiz-star-large{position:absolute;background-image:url(/assets/stars/large-star.svg);background-size:cover;aspect-ratio:1;width:var(--quiz-star-size-large);will-change:auto;margin-top:calc((var(--quiz-star-size) - var(--quiz-star-size-large)) / 2);margin-left:calc((var(--quiz-star-size) - var(--quiz-star-size-large)) / 2)}#click-blocker{height:100%;width:100%;position:absolute;display:none;z-index:100}#quiz-container{position:absolute;height:100%;width:100%;display:grid;place-items:center}#company-name-form{display:grid;place-items:center;row-gap:50px}#company-label{font-size:3vw;padding-bottom:30px}.company-input{all:unset;width:100%;font-size:3.75vw;border:3px #ffffff00 solid;transition:.4s border linear}.company-input:focus{border-bottom:3px var(--primary-color) solid}.company-input::placeholder{font-weight:400;opacity:.4}.submit-btn{all:unset;aspect-ratio:6;height:30px;font-size:1.2rem;text-align:center;background-color:var(--primary-color);color:#fff;padding:8px;border-radius:2rem}.question-card{width:60%;position:absolute;opacity:0;visibility:hidden}#srno{color:var(--primary-color)}.question-title{font-size:3vw;padding-bottom:50px}.option-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}.option-card{border:4px var(--primary-color) solid;padding:18px;line-height:180%;border-radius:1.75rem;-webkit-user-select:none;user-select:none;color:#000;background-color:none;font-size:1.25vw;transition:all .2s linear}.option-card:hover{background-color:#f264192a}#result-page{padding-left:1vw;height:50vw;height:100%;opacity:0;display:none;perspective:100px}.brand-card{position:relative;scale:1.5;margin:8vw}.card-content{transform-origin:center}.card-hidden{transform:rotateY(180deg)}.card-reveal{transform:rotateY(0)}#result-details{height:95vh;width:100%;display:flex;justify-content:center;align-items:center;gap:7vw}#result-brief{padding:20px;width:40vw}#result-brief-title{text-align:center;margin-bottom:50px;font-size:2vw}#result-brief-title>span{color:var(--primary-color);font-size:3vw}#result-brief-desc{font-size:1.5vw;line-height:180%;text-align:justify}