*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f5f5f5;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}app-root{display:block;width:100%;height:100%}main{flex:1;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}@media (max-width: 480px){.container{padding:0 10px}h1{font-size:1.3rem}h2{font-size:1.1rem}h3{font-size:1rem}}