:root{--primary-color:#2196f3;--primary-dark:#1976d2;--primary-light:#bbdefb;--secondary-color:#607d8b;--text-color:#212121;--text-light:#757575;--background-color:#fff;--background-light:#f5f5f5;--accent-color:#ffc107;--error-color:#f44336;--success-color:#2196f3;--border-radius:4px;--box-shadow:0 2px 5px rgba(0,0,0,.1);--transition:all 0.3s ease;--container-width:1200px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Roboto,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color)}body{padding-top:60px}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-color)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem;line-height:1.6}button{cursor:pointer;border:none;background:none;font-family:inherit}button:focus{outline:none}ul{list-style:none}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1rem}section{padding:3rem 0}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}section{padding:2rem 0}}