@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f8f9fa;color:#343a40;line-height:1.6}a{color:#007bff;text-decoration:none;transition:color .3s ease}a:hover{color:#0056b3}button{cursor:pointer;transition:background-color .3s ease}img{max-width:100%;height:auto}.navbar-brand{font-size:1.5rem;font-weight:700}.nav-link{font-size:1rem;padding:10px}.nav-link:hover{color:#f8f9fa!important}.container{padding:20px}h1,h2,h3,h4,h5,h6{margin:10px 0}footer{background-color:#343a40;color:#f8f9fa;text-align:center;padding:20px 0;bottom:0;width:100%;margin-top:auto}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}input,select,textarea{width:100%;padding:10px;margin-top:10px;margin-bottom:20px;border-radius:4px;border:1px solid #ced4da}input:focus,select:focus,textarea:focus{outline:none;border-color:#80bdff;box-shadow:0 0 5px rgba(0,123,255,.25)}.card{transition:transform .3s ease}.card:hover{transform:translateY(-10px)}.hero-section{position:relative;background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center;height:500px}.hero-section h1{font-size:3rem;color:#fff}.hero-section button{margin-top:20px}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.hero-section{height:400px}.navbar-brand{font-size:1.2rem}}.logo-box{position:relative;width:150px;height:50px}@media (max-width:768px){.logo-box{width:120px;height:40px}}