*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-weight:400;--primary-color: #000;--secondary-color: #fff;--accent-color: #666;--text-light: #ccc;--transition: all .3s ease}body{margin:0;background-color:var(--primary-color);color:var(--secondary-color);font-family:inherit;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}button:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .8s ease-out}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}