:root{--primary: #5d3fd3;--primary-light: #7c61e0;--secondary: #76ba52;--accent: #8b5cf6;--background: #fdfdff;--text-main: #1a1b3a;--text-muted: #64748b;--white: #ffffff;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 10px 30px -10px rgba(93, 63, 211, .15);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--background);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s ease}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}ul{list-style:none}section{padding:120px 2.5%}.container{max-width:1440px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}section{padding:60px 5%}}