*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;width:100%;height:100%;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#222;margin-bottom:.5rem;font-weight:600;line-height:1.2}p{color:#555;margin-bottom:1rem;font-size:1rem}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:#007bff}.container{width:100%;margin:0 auto;padding:0 15px}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn{border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background-color:#007bff}.btn-primary:hover{background-color:#0056b3}input,textarea,select{border:1px solid #ccc;border-radius:5px;outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:#007bff;box-shadow:0 0 4px rgba(0,123,255,.2)}.navbar{background-color:#fff;border-bottom:1px solid #eee;padding:.8rem 1rem}.navbar a{color:#333;margin:0 .5rem;font-weight:500}.navbar a:hover{color:#007bff}footer{color:#fff;text-align:center;background-color:#222;padding:2rem 1rem}footer a{color:#fff}footer a:hover{color:#007bff}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}p{font-size:.95rem}.navbar{flex-direction:column}}