*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}.container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#ecf2ff}@media screen and (max-width: 720px)and (min-width: 576px){.container{align-items:initial}}@media screen and (max-width: 576px){.container{align-items:initial}}.btn{font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:700;color:#fff;display:block;padding:1.6rem 3.2rem;width:100%;border:none;background:#303b59;border-radius:12.8rem;position:relative;z-index:1;cursor:pointer;opacity:1}.btn::after{content:"";display:block;position:absolute;background:linear-gradient(180deg, #7755ff, #2f2ce9);width:100%;height:100%;z-index:-1;top:0;left:0;border-radius:12.8rem;transition:.3s ease;opacity:0}.btn:hover::after{opacity:1}.card{display:flex;border-radius:3.2rem;background-color:#fff;width:100%;max-width:73.6rem;box-shadow:0 3rem 6rem rgba(61,108,236,.15)}@media screen and (max-width: 720px)and (min-width: 576px){.card{border-radius:3.2rem 3.2rem 0 0;flex-direction:column;box-shadow:none}}@media screen and (max-width: 576px){.card{height:100%;border-radius:3.2rem 3.2rem 0 0;flex-direction:column;box-shadow:none}}.card .result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(180deg, #7755ff, #2f2ce9);padding:3.8rem 5.4rem 4.6rem 5.4rem;border-radius:3.2rem;max-width:36.8rem}@media screen and (max-width: 720px)and (min-width: 576px){.card .result{border-radius:0 0 3.2rem 3.2rem;max-width:100%}}@media screen and (max-width: 576px){.card .result{padding:2.4rem 5.4rem 4rem 5.4rem;border-radius:0 0 3.2rem 3.2rem;max-width:100%}}.card .result h1{font-family:"Hanken Grotesk";font-size:2.4rem;font-weight:700;color:#cac9ff;margin-bottom:3.5rem}@media screen and (max-width: 576px){.card .result h1{font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:700;margin-bottom:2.4rem}}.card .result .circle{background-image:linear-gradient(180deg, #4d21c9 0%, rgba(37, 33, 201, 0) 100%);width:20rem;height:20rem;border-radius:50%;margin-bottom:2.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 576px){.card .result .circle{margin-bottom:2.4rem;width:14rem;height:14rem}}.card .result .circle .number-result{font-family:"Hanken Grotesk";font-size:7.2rem;font-weight:800;line-height:7.2rem;color:#fff;margin-bottom:.4rem}@media screen and (max-width: 576px){.card .result .circle .number-result{font-family:"Hanken Grotesk";font-size:5.6rem;font-weight:800}}.card .result .circle span{display:block;font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:700;color:#cac9ff}@media screen and (max-width: 576px){.card .result .circle span{font-family:"Hanken Grotesk";font-size:1.6rem;font-weight:700}}.card .result h2{font-family:"Hanken Grotesk";font-size:3.2rem;font-weight:700;color:#fff;margin-bottom:1.4rem}@media screen and (max-width: 576px){.card .result h2{font-family:"Hanken Grotesk";font-size:2.4rem;font-weight:700;margin-bottom:.8rem}}.card .result p{font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:500;color:#cac9ff;text-align:center}@media screen and (max-width: 576px){.card .result p{font-family:"Hanken Grotesk";font-size:1.6rem;font-weight:500}}.card .summary{flex:1;padding:3.8rem 4rem 4.6rem 4rem}@media screen and (max-width: 576px){.card .summary{padding:2.4rem 3rem 3rem 3rem}}.card .summary h1{font-family:"Hanken Grotesk";font-size:2.4rem;font-weight:700;color:#303b59;margin-bottom:2.8rem}@media screen and (max-width: 576px){.card .summary h1{font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:700;margin-bottom:2.4rem}}.card .summary .category{display:flex;align-items:center;justify-content:space-between;padding:1.6rem;border-radius:1.2rem;margin-bottom:1.6rem}.card .summary .category div{display:flex;align-items:center;gap:1.2rem}.card .summary .category div p{font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:500}@media screen and (max-width: 576px){.card .summary .category div p{font-family:"Hanken Grotesk";font-size:1.6rem;font-weight:500}}.card .summary .category p{font-family:"Hanken Grotesk";font-size:1.8rem;font-weight:700;color:#303b59}@media screen and (max-width: 576px){.card .summary .category p{font-family:"Hanken Grotesk";font-size:1.6rem;font-weight:700}}.card .summary .category p span{color:#9899a8}.card .summary .reaction{background-color:#fff6f6}.card .summary .reaction .title-category{color:#f55}.card .summary .memory{background-color:#fffbf4}.card .summary .memory .title-category{color:#ffb21e}.card .summary .verbal{background-color:#f2fcf9}.card .summary .verbal .title-category{color:#00bb8f}.card .summary .visual{background-color:#f3f4fd}.card .summary .visual .title-category{color:#1125d6}.card .summary .btn{margin-top:2.5rem}/*# sourceMappingURL=style.min.css.map */