#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.btn{padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.btn-primary{background-color:#3498db;color:#fff;border:none}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff;border:none}.btn-secondary:hover{background-color:#7f8c8d}.input-field{width:100%;padding:10px;border:2px solid #dcdcdc;border-radius:5px;font-size:16px;box-sizing:border-box;transition:border-color .3s ease}.input-field:focus{border-color:#3498db;outline:none}.site-title{font-size:28px;color:#2c3e50;font-weight:700;margin-bottom:20px}.form-title{font-size:20px;color:#34495e;margin-bottom:15px}