*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#ecf0f1;color:#34495e;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;color:#2c3e50;line-height:1.3;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:1em;color:#7f8c8d}a{color:#3498db;text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9}app-root{display:flex;flex-direction:column;min-height:100vh}header{flex-shrink:0}main{flex:1;background-color:#fff;min-height:calc(100vh - 80px)}.container,.main-content{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 1024px){.container,.main-content{max-width:100%;padding:0 20px}}@media (max-width: 768px){.container,.main-content{padding:0 15px}}@media (max-width: 480px){.container,.main-content{padding:0 12px}}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}button,.btn{font-family:inherit;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:10px 20px}button:focus,.btn:focus{outline:2px solid #3498db;outline-offset:2px}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn-primary{background-color:#3498db;color:#fff}button.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background-color:#2980b9;box-shadow:0 4px 12px #3498db4d}input,textarea,select{font-family:inherit;font-size:1rem;border:1px solid #bdc3c7;border-radius:4px;padding:10px 12px;background-color:#fff;color:#34495e;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}input::placeholder,textarea::placeholder,select::placeholder{color:#7f8c8d}textarea{resize:vertical;min-height:120px}.card{background-color:#fff;border:1px solid #ecf0f1;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.card:hover{box-shadow:0 8px 16px #0000001a}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:.95rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ecf0f1}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#7f8c8d}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#7f8c8d}.text-primary{color:#3498db}.bg-light{background-color:#ecf0f1}.bg-white{background-color:#fff}.shadow{box-shadow:0 2px 8px #0000001a}