body{font-family:Inter,sans-serif;background-color:#0d0d0d;background-image:radial-gradient(color: #e5e7eb; } .gradient-text {background: linear-gradient(to right,#a78bfa,#7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;} .progress-bar-inner {transition: width .5s ease-in-out;} .quiz-option {transition: all .2s ease-in-out;} .quiz-option:hover {transform: translateY(-2px); border-color: #a78bfa;} .quiz-option.selected {border-color: #a78bfa; background-color: rgba(167,139,250,.1);} .fade-in {animation: fadeIn .5s ease-in-out;} @keyframes fadeIn {from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);}})}