@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500..800&display=swap";:root{font-size:18px;line-height:1;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none}body{font-family:Hanken Grotesk,sans-serif;background:#fff;margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#fff}body h1{color:#fff;text-align:center;font-size:3.2em;line-height:1.1}#root{max-width:1280px;width:100%;text-align:center}.gradient{background-image:linear-gradient(180deg,#7857ff,#6c4ffc 8%,#6048f9 17%,#5641f6,#4536f2 33%,#392fee 42%,#2e2be9,#3228e6 58%,#3421e4 67%,#3c1fe0,#421fdb 83%,#461fd1 92%,#4e21ca)}.reaction{color:#ff5757;background-color:#ff575717}.verbal{color:#00bd91;background-color:#00bd9117}.memory{color:#ffb01f;background-color:#ffb01f17}.visual{color:#1125d4;background-color:#1125d417}.card{background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 50%;width:100%}.card>*{flex-basis:100%}.result{border-radius:0 0 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;color:#c8c7ff;padding:2rem 1.5rem;box-shadow:20px 20px 60px #c8cdd9,-20px -20px 60px #fff}.result span{font-size:1rem;font-weight:700}.result .result__scorebox{width:8rem;aspect-ratio:1;padding:.25rem;border-radius:100%;margin:1.5rem 0;background-image:linear-gradient(180deg,#2421ca,#2422ce,#2623cd 18%,#2623d1 28%,#2724d6 37% 47%,#2926d9 56%,#2b28dc 65%,#2926df,#2b28e2 81%,#2e2be3 88%,#2c28e6,#2e2be9)}.result .result__scorebox .result__score{font-size:4rem;font-weight:700;margin-top:1.5rem;color:#fff}.result .result__scorebox p{margin-top:0;font-size:1rem;line-height:1rem}.result h2{color:#ebf1ff;margin:0}.result p{margin-top:10px;font-size:.85rem;line-height:1.5}.btn{color:#fff;border-radius:40px;border:none;width:100%;padding:1rem 4.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#303b5a;cursor:pointer}button:hover{background-image:linear-gradient(180deg,#7857ff,#6c4ffc 8%,#6048f9 17%,#5641f6,#4536f2 33%,#392fee 42%,#2e2be9,#3228e6 58%,#3421e4 67%,#3c1fe0,#421fdb 83%,#461fd1 92%,#4e21ca)}button:focus,button:focus-visible{outline:4px solid #c8c7ff}.tablets{text-align:left;padding:1.5rem;width:100%}.tablets h3{margin:0}.tablet__container{margin:1.5rem 0}.tablet{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;font-size:.9rem}.tablet .tablet__info{display:flex;align-items:center;justify-content:center;gap:.5rem}.tablet .tablet__info img{width:1rem}.tablet .tablet__scorebox{color:#303b5a80}.tablet .tablet__scorebox .tablet__score{color:#303b5a}.tablet+.tablet{margin-top:.75rem}@media(min-width:768px){body{place-items:center;background-color:#c8c7ff;background-image:linear-gradient(180deg,#ebf1ff,#e5edff 8%,#e5ecff 17%,#e0e8ff,#dbe4ff 33%,#d6deff 42% 50%,#d1d8ff 58%,#d1d6ff 67%,#ccd0ff,#cccfff 83%,#cccdff 92%,#c8c7ff)}#root{margin:auto}.btn{padding:.55rem 4.2em;font-size:.65rem}.card{border-radius:1rem;flex-direction:row;max-width:506px;align-items:stretch;margin:0 auto;box-shadow:20px 20px 60px #aaa9d9,-20px -20px 60px 60px #e6e5ff}.result{border-radius:1rem;box-shadow:none}.result .result__scorebox{width:6rem}.result .result__scorebox .result__score{font-size:2rem;margin-top:1.5rem}.result .result__scorebox p{font-size:.65rem;line-height:2}.result p{font-size:.65rem}.tablets{width:504px}.tablet{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.5rem;font-size:.65rem}.tablet .tablet__info{display:flex;align-items:center;justify-content:center;gap:.5rem}.tablet .tablet__info img{width:.75rem}}