:root{--primary:#2c3e50;--primary-light:#34495e;--secondary:#d35400;--secondary-hover:#e67e22;--accent:#bdc3c7;--text:#333;--text-light:#7f8c8d;--bg:#fff;--bg-alt:#f8f9fa;--white:#fff;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition:all .3s ease;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background-color:var(--bg);font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section{padding:80px 0}.btn{cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:4px;padding:12px 24px;font-weight:600;display:inline-block}.btn-primary{background-color:var(--secondary);color:var(--white)}.btn-primary:hover{background-color:var(--secondary-hover);transform:translateY(-2px)}.btn-outline{border:2px solid var(--secondary);color:var(--secondary);background:0 0}.btn-outline:hover{background-color:var(--secondary);color:var(--white)}h1,h2,h3,h4{color:var(--primary);margin-bottom:20px;line-height:1.2}.text-center{text-align:center}@media (width<=768px){.section{padding:40px 0}h1{font-size:2.5rem}h2{font-size:2rem}}