.discovery-quiz-page{color:#26152c;min-height:100vh;font-family:var(--font-sans),Arial,sans-serif;background:radial-gradient(circle at 12% 8%,#11939d33,#0000 28rem),radial-gradient(circle at 90% 90%,#55246626,#0000 30rem),#eef7f7;padding:4.6rem 1.2rem 3rem}.discovery-quiz-header{justify-content:space-between;align-items:center;max-width:70rem;margin:auto;display:flex}.discovery-quiz-header>a{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.discovery-quiz-header img{background:#fff;border:1px solid #bad3d5;border-radius:1rem;width:3.6rem;height:3.6rem;box-shadow:0 7px 20px #085e651f}.discovery-quiz-header a span{display:grid}.discovery-quiz-header strong{font-family:var(--font-display),Arial,sans-serif;font-size:1.2rem}.discovery-quiz-header small{color:#087680;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:900}.discovery-quiz-header>div{background:#fff;border-radius:999px;gap:.35rem;padding:.55rem .8rem;font:1.15rem Georgia,serif;display:flex;box-shadow:0 8px 20px #5524661a}.discovery-quiz-shell{background:#fffffff0;border:1px solid #b8d3d5;border-radius:2rem;max-width:70rem;margin:2.2rem auto 0;padding:clamp(1.3rem,4vw,3rem);box-shadow:0 30px 80px #085e652b}.discovery-quiz-intro{max-width:48rem}.discovery-quiz-intro p{color:#087680;letter-spacing:.17em;margin:0;font-size:.68rem;font-weight:950}.discovery-quiz-intro h1{font-family:var(--font-display),Arial,sans-serif;letter-spacing:-.06em;margin:.7rem 0 1rem;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.03}.discovery-quiz-intro>span{color:#56676a;font-size:1.02rem;line-height:1.65}.discovery-level-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.5rem;display:grid}.discovery-level-grid>button{text-align:left;cursor:pointer;border:0;border-radius:1.5rem;flex-direction:column;align-items:flex-start;min-height:21rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px #26152c24,0 24px 45px #26152c26}.discovery-level-grid>button:hover{transform:translateY(-5px)}.discovery-level-grid .beginner{color:#fff;background:linear-gradient(145deg,#087680,#11939d)}.discovery-level-grid .advanced{color:#fff;background:linear-gradient(145deg,#3c1648,#552466 68%,#743184)}.discovery-level-grid i{background:#fff;border-radius:1.2rem;place-items:center;width:5rem;height:5rem;font-style:normal;display:grid;position:relative;box-shadow:0 7px #00000026}.discovery-level-grid i b{color:#087680;font-family:var(--font-display),Arial,sans-serif;font-size:2rem}.advanced i b{color:#552466}.discovery-level-grid i span{font:1.7rem Georgia,serif;position:absolute;bottom:-.4rem;right:-.4rem}.discovery-level-grid small{color:#ffffffb3;letter-spacing:.15em;margin-top:auto;font-size:.6rem;font-weight:950}.discovery-level-grid strong{font-family:var(--font-display),Arial,sans-serif;margin-top:.3rem;font-size:2rem}.discovery-level-grid>button>span{color:#ffffffc4;margin-top:.55rem;line-height:1.55}.discovery-level-grid em{color:#552466;background:#fff;border-radius:.7rem;margin-top:1.1rem;padding:.7rem 1rem;font-style:normal;font-weight:900;box-shadow:0 4px #00000024}.discovery-question{margin-top:2.5rem}.discovery-question>header{gap:.8rem;display:grid}.discovery-question>header div{justify-content:space-between;gap:1rem;display:flex}.discovery-question>header small{color:#087680;font-weight:900}.discovery-question>header>i{background:#dce9e9;border-radius:999px;height:.55rem;overflow:hidden}.discovery-question>header>i b{border-radius:inherit;background:linear-gradient(90deg,#11939d,#ec6408);height:100%;display:block}.discovery-question h2{max-width:52rem;font-family:var(--font-display),Arial,sans-serif;margin:2rem 0;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.25}.discovery-choices{gap:.75rem;display:grid}.discovery-choices button{text-align:left;color:#2b2630;background:#fff;border:2px solid #c9dbdc;border-radius:1rem;grid-template-columns:3rem 1fr;align-items:center;padding:.8rem;font-size:1.05rem;font-weight:800;display:grid}.discovery-choices button:hover:not(:disabled){border-color:#11939d;transform:translate(4px)}.discovery-choices button.selected{background:#f1eaf3;border-color:#552466}.discovery-choices button>b{color:#087680;background:#e6f3f3;border-radius:.7rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.discovery-feedback{border-radius:1rem;margin-top:1rem;padding:1.1rem 1.2rem}.discovery-feedback.correct{background:#e8f6ef;border:1px solid #9dcdb9}.discovery-feedback.incorrect{background:#fff1e9;border:1px solid #e2b19a}.discovery-feedback p{color:#4f5e59;margin:.4rem 0;line-height:1.55}.discovery-feedback button{color:#fff;background:#087680;border:0;border-radius:.7rem;padding:.72rem 1rem;font-weight:900}.discovery-result{color:#fff;text-align:center;background:linear-gradient(145deg,#075d65,#11939d 65%,#552466);border-radius:1.5rem;place-items:center;margin-top:2.5rem;padding:3rem;display:grid;box-shadow:0 12px #26152c26}.discovery-result>span{color:#552466;background:#fff;border-radius:50%;place-items:center;min-width:5rem;height:5rem;font-weight:950;display:grid}.discovery-result p{color:#c7e9ea;letter-spacing:.16em;margin:1.4rem 0 .2rem;font-size:.7rem;font-weight:950}.discovery-result h2{font-family:var(--font-display),Arial,sans-serif;margin:0;font-size:5rem}.discovery-result>strong{font-size:1.2rem}.discovery-result>div{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.7rem;display:flex}.discovery-result button,.discovery-result a{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:.75rem;padding:.8rem 1rem;font-weight:850;text-decoration:none}.discovery-result a{background:#ec6408}.discovery-quiz-shell>footer{color:#6a7779;border-top:1px solid #d6e3e4;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;font-size:.72rem;display:flex}.discovery-quiz-shell>footer span{color:#087680;text-transform:uppercase;font-weight:900}@media (max-width:700px){.discovery-quiz-page{padding-inline:.7rem}.discovery-quiz-header{padding-inline:.5rem}.discovery-level-grid{grid-template-columns:1fr}.discovery-level-grid>button{min-height:18rem}.discovery-question>header div,.discovery-quiz-shell>footer{flex-direction:column;align-items:flex-start}.discovery-quiz-header>div{display:none}.discovery-quiz-intro h1{font-size:2.5rem}}