*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d5f6b;min-height:100vh;font-family:Inter,sans-serif}.screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background-color:#f8fafa;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:390px;padding:32px 30px;display:flex}.heading{color:#1a2b2b;text-align:center;font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.tagline{color:#1a2b2b;text-align:center;font-family:Inter,sans-serif;font-size:15px;font-weight:400}.button-group{flex-direction:column;gap:16px;margin-top:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#147063;border:none;border-radius:12px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500}.btn-secondary{color:#147063;cursor:pointer;background-color:#0000;border:2px solid #147063;border-radius:12px;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500}.btn-secondary:hover{color:#fff;background-color:#147063;transition:background-color .15s,color .15s}.back-nav{color:#147063;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:flex}.back-nav:hover{opacity:.75}.text-progress{color:#5a7a7a;text-align:center;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.card-header{border-bottom:1px solid #e0ecec;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.text-symbol{color:#1a2b2b;text-align:center;letter-spacing:-1px;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:72px;font-weight:700;line-height:1}.text-element-name{color:#1a2b2b;text-align:center;font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.text-origin{color:#5a7a7a;text-align:center;font-family:Inter,sans-serif;font-size:15px;font-style:italic;font-weight:400;line-height:1.5}.text-score{color:#147063;text-align:center;font-family:Outfit,sans-serif;font-size:22px;font-weight:700}.rating-group{gap:8px;display:flex}.btn-rating{cursor:pointer;background-color:#0000;border-radius:12px;flex:1;padding:12px 8px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.btn-rating--got-it{color:#3dbe7a;border:2px solid #3dbe7a}.btn-rating--nearly{color:#f5a623;border:2px solid #f5a623}.btn-rating--no-idea{color:#c0392b;border:2px solid #c0392b}.btn-rating--got-it.btn-rating--selected{color:#fff;background-color:#3dbe7a}.btn-rating--nearly.btn-rating--selected{color:#fff;background-color:#f5a623}.btn-rating--no-idea.btn-rating--selected{color:#fff;background-color:#c0392b}.options-group{flex-direction:column;gap:10px;display:flex}.options-group+.btn-primary{margin-top:16px}.btn-option{color:#1a2b2b;cursor:pointer;background-color:#0000;border:1.5px solid #c8d8d8;border-radius:12px;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;transition:background-color .15s,color .15s,border-color .15s}.btn-option--correct{color:#fff;background-color:#22c55e;border-color:#22c55e}.btn-option--incorrect{color:#fff;background-color:#b91c1c;border-color:#b91c1c}.text-trophy{text-align:center;font-size:40px}.text-encouragement{color:#1a2b2b;text-align:center;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.divider{border:none;border-top:1.5px solid #c8d8d8;margin:4px 0}.text-product-link{color:#147063;text-align:center;font-family:Inter,sans-serif;font-size:13px;font-weight:400;text-decoration:underline}