:root{--primary-color: #3f51b5;--secondary-color: #f50057;--accent-color: #ff4081;--background-color: #f5f5f5;--text-color: #333;--light-text: #fff;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.achievement-badge{display:inline-block;padding:8px 16px;border-radius:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--light-text);font-weight:700;box-shadow:var(--card-shadow);transition:transform var(--transition-speed)}.achievement-badge:hover{transform:scale(1.05)}@media (max-width: 768px){.container{padding:0 16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}