.q-ma{padding:30px 15px 0}.q-ma h1{padding-left:0;padding-right:0}.guest-member-cta{background-color:#9471a4;color:#fff;font-size:.9em;line-height:1.3;padding:25px 0;position:relative}.guest-member-cta,.guest-member-cta .message{align-items:center;display:flex;flex-direction:column;justify-content:center}.guest-member-cta .message .btn{border:none;font-size:.9em;margin-top:10px;padding:15px 40px}.guest-member-cta .why{color:#dacee0;font-size:.9em;padding-top:10px;transition:all .1s ease-in-out}.guest-member-cta .why .fal{margin-left:7px}.guest-member-cta .why:hover{color:#fff;cursor:pointer}.q-ma.guest{margin:0;max-width:unset}.q-ma.guest .hero{flex-wrap:wrap;margin-bottom:30px;padding-bottom:0}.q-ma.guest .hero .action-wrapper,.q-ma.guest .hero .action-wrapper .action-row{align-items:center;display:flex;justify-content:center}.q-ma.guest .hero .action-wrapper .action-row{background-color:#4298b4;border-radius:10px;color:#fff;flex-direction:column;margin-top:30px;max-width:860px;padding:30px}.q-ma.guest .hero .action-wrapper .action-row .title{font-size:1.2em;font-weight:600;margin-bottom:15px;text-align:center}.q-ma.guest .hero .action-wrapper .action-row .sp-button{margin-bottom:20px}.q-ma.guest .hero .action-wrapper .action-row .note{font-size:.9em;line-height:1.7;margin-bottom:20px;text-align:center}.q-ma.guest .hero .action-wrapper .action-row .forget{color:#c6e0e8;font-size:.8em;line-height:1.7;text-align:center}.q-ma.guest .hero .action-wrapper .action-row .forget a{color:#fff}.q-ma.anonymous{flex-wrap:wrap;margin:0 0 60px;max-width:unset;padding-top:0;position:relative}.q-ma.anonymous .background{background-color:#9471a4;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 45px),42% 100%,0 calc(100% - 80px));clip-path:polygon(0 0,100% 0,100% calc(100% - 45px),42% 100%,0 calc(100% - 80px));height:450px;left:0;position:absolute;right:0;z-index:-1}.q-ma.anonymous .container{margin:0 auto;max-width:1200px;width:100%}.q-ma.anonymous h1{color:#fff;font-size:2.1em;font-weight:700;letter-spacing:unset;margin:0;padding:75px 0 60px;text-align:center}.q-ma.anonymous .sections{display:flex;flex-wrap:wrap;justify-content:space-between}.q-ma.anonymous .sections .sp-card{margin-bottom:15px;width:100%}.q-ma.anonymous .sections .sp-card.card--signup .sp-button{margin-bottom:15px}.q-ma.anonymous .sections .sp-card h3{margin-top:0}.q-ma.anonymous section.login,.q-ma.anonymous section.take-test{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;padding:30px 20px}.q-ma.anonymous section.login .title,.q-ma.anonymous section.take-test .title{-webkit-font-smoothing:var(--font-titles-webkit-smoothing);-moz-osx-font-smoothing:var(--font-titles-osx-smoothing);font-family:var(--font-family-titles);font-size:1.625rem;font-weight:var(--font-titles-weight);line-height:1.4615;margin-bottom:15px;text-align:center}.q-ma.anonymous section.login p.take-test__p,.q-ma.anonymous section.take-test p.take-test__p{color:#7f7f7f;flex-grow:1;font-size:var(--font-p-md-size-bp-sm);line-height:var(--font-p-md-line-height-bg-sm);text-align:center;width:100%}.q-ma.anonymous section.login .actions--centered,.q-ma.anonymous section.take-test .actions--centered{text-align:center}.q-ma.anonymous section.login .actions--centered p,.q-ma.anonymous section.take-test .actions--centered p{margin-bottom:0;margin-top:18px}.q-ma.anonymous section.login .actions--centered p .sp-button,.q-ma.anonymous section.login .actions--centered p .sp-link,.q-ma.anonymous section.take-test .actions--centered p .sp-button,.q-ma.anonymous section.take-test .actions--centered p .sp-link{display:inline-block}.q-ma.anonymous section.login .title{margin-bottom:20px}.q-ma.anonymous section.why{display:flex;flex:0 0 100%;flex-wrap:wrap;justify-content:space-between;margin:30px 0 70px}.q-ma.anonymous section.why h2{flex:0 0 100%;font-size:1.4em;text-align:center}.q-ma.anonymous section.why .point{margin-bottom:30px;text-align:center;width:100%}.q-ma.anonymous section.why .point img{margin-bottom:10px;max-width:360px}.q-ma.anonymous section.why .point .text{color:#7f7f7f;font-size:.9em;line-height:1.8}.q-ma.anonymous section.why .cta{text-align:center;width:100%}.q-ma .qs-r h2{font-size:1.6em;margin-bottom:25px;text-align:center}.q-ma .qs-r section.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:15px}.q-ma .qs-r section.hero .avatar{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.q-ma .qs-r section.hero .avatar .image{width:200px}.q-ma .qs-r section.hero .avatar .customize{color:#b5b5b5;font-size:.8em;margin-top:15px}.q-ma .qs-r section.hero .text{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:center;padding:30px 15px 60px}.q-ma .qs-r section.hero .text h1{font-size:1.5em;font-weight:700;letter-spacing:unset;line-height:1.5;max-width:1200px;text-align:center}.q-ma .qs-r section.hero .text .subtitle{color:#7f8691;font-size:.9em;line-height:1.7;max-width:1200px;text-align:center}.q-ma .qs-r section.hero .info{width:100%}.q-ma .qs-r section.hero .info .name{font-size:1.3em;font-weight:600;margin-bottom:25px;text-align:center}.q-ma .qs-r section.hero .info .info-table{font-size:.75em;margin:0 auto;width:100%}.q-ma .qs-r section.hero .info .info-table td{border-bottom:1px solid #dddfe2;border-top:1px solid #dddfe2;padding:15px 0}.q-ma .qs-r section.hero .info .info-table td:first-of-type{font-weight:600;padding-right:15px;text-transform:uppercase}.q-ma .qs-r section.hero .info .info-table td:nth-of-type(2){padding-right:15px}.q-ma .qs-r section.hero .info .info-table td:nth-of-type(3) span{align-items:center;background-color:#c6c9ce;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:20px;justify-content:center;transition:all .1s ease-in-out;width:20px}.q-ma .qs-r section.hero .info .info-table td:nth-of-type(3) span:hover{background-color:#b5b5b5;position:relative}.q-ma .qs-r section.hero .info .info-table td:nth-of-type(3) span:hover:after{background-color:#696f80;border-radius:10px;bottom:30px;content:attr(data-text);font-size:.8em;font-weight:400;line-height:1.7;padding:10px;position:absolute;right:-15px;width:200px}.q-ma .qs-r section.hero .background{height:60px;position:relative;width:100%;z-index:-1}.q-ma .qs-r section.hero .background .c1{fill:#f9f9f9}.q-ma .qs-r section.info{display:flex;flex-wrap:wrap;justify-content:center}.q-ma .qs-r section.info .card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 2px #e9e9e9;display:flex;flex:0 0 100%;flex-direction:column;margin-bottom:15px;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:1}.q-ma .qs-r section.info .card .background{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,74% 88%,20% 100%,0 83%);clip-path:polygon(0 0,100% 0,100% 100%,74% 88%,20% 100%,0 83%);height:75px;left:0;position:absolute;right:0;top:0;z-index:-1}.q-ma .qs-r section.info .card .title{-webkit-font-smoothing:var(--font-titles-webkit-smoothing);-moz-osx-font-smoothing:var(--font-titles-osx-smoothing);color:#fff;font-family:var(--font-family-titles);font-size:1.2em;margin:20px 0}.q-ma .qs-r section.info .card .content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 35px 25px}.q-ma .qs-r section.scores h2{margin:45px 0 30px}.q-ma .qs-r section.scores .sp-traitcards{margin:0 auto 40px;max-width:1500px;width:100%}.q-ma .qs-r section.scores .sp-traitcards>.sp-card .sp-action{display:none}.q-ma .qs-r section.scores .trait-scales{width:100%}.q-ma .qs-r section.scores .trait-scales .trait{border:1px solid #eee;border-radius:10px;margin-bottom:15px;overflow:hidden;padding:15px 0 0}.q-ma .qs-r section.scores .trait-scales .trait.energy .explanation p span{color:#4298b4}.q-ma .qs-r section.scores .trait-scales .trait.mind .explanation p span{color:#e4ae3a}.q-ma .qs-r section.scores .trait-scales .trait.nature .explanation p span{color:#33a474}.q-ma .qs-r section.scores .trait-scales .trait.tactics .explanation p span{color:#cfa0b6}.q-ma .qs-r section.scores .trait-scales .trait.identity .explanation p span{color:#9471a4}.q-ma .qs-r section.scores .trait-scales .trait .caption{font-size:1em}.q-ma .qs-r section.scores .trait-scales .trait .tagline{font-size:.8em;margin-bottom:15px;padding:0 15px}.q-ma .qs-r section.scores .trait-scales .trait .bar-wrapper{padding:0 15px}.q-ma .qs-r section.scores .trait-scales .trait .bar-wrapper .percentage{flex:0 0 30px;font-size:1em;font-weight:400;padding-right:10px;text-align:right}.q-ma .qs-r section.scores .trait-scales .trait .bar-wrapper .percentage.right{padding:0 0 0 10px;text-align:left}.q-ma .qs-r section.scores .trait-scales .trait .bar-wrapper .percentage:not(.active){color:#9b9faa}.q-ma .qs-r section.scores .trait-scales .trait .trait-titles{margin-top:-5px;padding:0 15px}.q-ma .qs-r section.scores .trait-scales .trait .trait-titles .title{font-size:var(--font-p-sm-size-bp-sm);line-height:var(--font-p-sm-line-height-bp-sm)}.q-ma .qs-r section.scores .trait-scales .trait .trait-titles .title.right{text-align:right}.q-ma .qs-r section.scores .trait-scales .trait .explanation{background-color:#f5f5f5;margin-top:40px;position:relative}.q-ma .qs-r section.scores .trait-scales .trait .explanation.expanded{padding:30px 15px}.q-ma .qs-r section.scores .trait-scales .trait .explanation.expanded p{display:block;font-size:.8em}.q-ma .qs-r section.scores .trait-scales .trait .explanation p{color:#9b9faa;display:none;font-size:1.1em;text-align:center}.q-ma .qs-r section.scores .trait-scales .trait .explanation p:first-of-type{color:#51596a;font-weight:600;margin-top:0}.q-ma .qs-r section.scores .trait-scales .trait .explanation p:last-of-type{margin-bottom:0}.q-ma .qs-r section.scores .trait-scales .trait .explanation .toggle{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#b5b5b5;cursor:pointer;display:flex;font-size:1.65em;height:60px;justify-content:center;left:calc(50% - 30px);position:absolute;top:-30px;width:60px}.q-ma .qs-r section.scores .trait-scales .trait .explanation .toggle span{margin-top:-22px}.q-ma .qs-r section.scores .trait-scales .trait .explanation .toggle .fa-angle-up{display:none}.q-ma .qs-r section.scores .trait-scales .trait .explanation .toggle .fa-angle-down{display:block}.q-ma .qs-r .cta{align-items:center;background-color:#4298b4;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:40px 0 20px;max-width:1200px;padding:30px 20px}.q-ma .qs-r .cta .title{font-size:1.2em;font-weight:600}.q-ma .qs-r .cta p{font-size:.9em;margin:20px 0 25px;max-width:600px;text-align:center}.q-ma .qs-r p.delete__results{margin:15px 0 45px}main.sign-up .container{margin:0 auto;max-width:1200px;width:100%}@media (max-width:767px){.q-ma .qs-r section.scores .sp-traitcards>.sp-card{width:100%}}@media (max-width:370px){.q-ma .qs-r .cta .sp-button{padding-left:15px;padding-right:15px;width:100%}}@media (max-width:767px) and (min-width:360px){.q-ma .qs-r section.scores .sp-traitcards>.sp-card .card__actions{text-align:right}.q-ma .qs-r section.scores .sp-traitcards>.sp-card .card__subtitle,.q-ma .qs-r section.scores .sp-traitcards>.sp-card .card__title,.q-ma .qs-r section.scores .sp-traitcards>.sp-card .sp-pctcircle{float:none;text-align:center}}@media (min-width:400px){.q-ma .qs-r section.hero .info .info-table td:nth-of-type(3) span:hover:after{width:250px}}@media (min-width:460px){.guest-member-cta{font-size:1em;line-height:1}.guest-member-cta .message .btn{font-size:1em}.q-ma.anonymous .background{height:540px}.q-ma.anonymous h1{font-size:2.3em}.q-ma.anonymous section.login .title,.q-ma.anonymous section.take-test .title{margin-bottom:30px}.q-ma.anonymous section.login .title{margin-bottom:35px}.q-ma.anonymous section.why{margin-top:60px}.q-ma.anonymous section.why h2{font-size:2em;margin-bottom:35px}.q-ma.anonymous section.why .point .text{font-size:1em}.q-ma .qs-r section.hero{padding-top:30px}.q-ma .qs-r section.hero .text{padding:45px 30px 90px}.q-ma .qs-r section.hero .text h1{font-size:2.3em}.q-ma .qs-r section.hero .info .info-table,.q-ma .qs-r section.hero .text .subtitle{font-size:1em}.q-ma .qs-r section.hero .info .info-table td:nth-of-type(3) span:hover:after{bottom:40px;font-size:.7em}.q-ma .qs-r section.hero .info .info-table td:nth-of-type(3) span{height:30px;width:30px}.q-ma .qs-r section.scores .trait-scales .trait .caption{font-size:1.2em}.q-ma .qs-r section.scores .trait-scales .trait .tagline{font-size:.9em}.q-ma .qs-r section.scores .trait-scales .trait .bar-wrapper .percentage{font-size:1.3em}.q-ma .qs-r section.scores .trait-scales .trait .explanation.expanded p{font-size:.9em}.q-ma .qs-r .cta .title{font-size:1.4em}.q-ma .qs-r .cta p{font-size:1em}}@media (min-width:500px){.q-ma .qs-r section.hero .text h1{padding:0 15px}}@media (min-width:600px){.q-ma .qs-r section.hero .text h1,.q-ma.anonymous h1{font-size:2.5em}}