*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;min-height:100vh}#root,app-root{height:100%;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column}.page-wrapper{display:flex;flex-direction:column;flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.container{padding:0 1rem}}.text-center{text-align:center}.mt-20{margin-top:2rem}.mb-20{margin-bottom:2rem}.p-20{padding:2rem}.text-primary{color:#333}.text-secondary{color:#666}.text-light{color:#999}.text-white{color:#fff}.bg-primary{background-color:#f5f5f5}.bg-secondary{background-color:#fff}.bg-dark{background-color:#2c3e50}.shadow-sm{box-shadow:0 1px 2px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000001a}.rounded{border-radius:4px}.rounded-sm{border-radius:2px}.rounded-lg{border-radius:8px}