@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";
:root{--color-primary:#ff4d79;--color-primary-dark:#e63363;--bg-gradient-start:#e0ecf7;--bg-gradient-end:#f5f0f0;--phone-bg-gradient-top:#fff;--phone-bg-gradient-bottom:#f8cdd6;--text-dark:#2d3748;--text-light:#fff;--color-correct:#10d35e;--color-wrong:#ff1447;--color-highlight:#fff3cd}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-dark);background-attachment:fixed;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif;display:flex}h1,h2,h3{color:var(--color-primary);font-weight:700}button{all:unset;cursor:pointer;box-sizing:border-box}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popInText{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}