*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #6C2BD9;--purple-dark: #5B21B6;--purple-light: #EDE9FE;--yellow: #F59E0B;--yellow-dark: #D97706;--yellow-light: #FEF3C7;--dark: #1C1B4E;--gray-700: #374151;--gray-500: #6B7280;--gray-300: #D1D5DB;--gray-100: #F3F4F6;--bg: #F8F7FF;--white: #FFFFFF;--green: #059669;--green-light: #D1FAE5;--red: #DC2626;--red-light: #FEE2E2;--border: #E5E7EB}html{font-family:Inter,system-ui,sans-serif;color:var(--dark);scroll-behavior:smooth}body{background:var(--bg);line-height:1.6}h1,h2,h3,h4{font-family:Nunito,system-ui,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:3px}