*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh}html{scroll-behavior:smooth}button,.btn{transition:all .3s ease}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.container{padding:0 15px}.page-title{font-size:2.5rem!important}.hero-title{font-size:2.8rem!important}}