*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}body{margin:0;font-family:Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.btn.btn-primary{background-color:#4caf50;color:#fff}.btn.btn-primary:hover{background-color:#45a049}.btn.btn-secondary{background-color:transparent;color:#4caf50;border:2px solid #4caf50}.btn.btn-secondary:hover{background-color:#4caf50;color:#fff}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 16px #00000026}.form-group{margin-bottom:1rem}.form-control{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}@media (max-width: 768px){.container{padding:0 15px}.btn{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.container{padding:0 10px}.btn{padding:8px 16px;font-size:14px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}