.navbar{background-color:#333;color:#fff;border-radius:4px;padding:10px 0;display:flex;justify-content:center}.navbar-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.navbar-item{margin:0 20px}.navbar-item a{text-decoration:none;color:#fff;font-size:18px;transition:color .3s ease-in-out}.navbar-item a:hover{color:#00ff4c}@media (max-width: 768px){.navbar,.navbar-list{flex-direction:column;align-items:center}.navbar-item{margin:10px 0}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f7f6;padding:20px}div{max-width:769px;margin:50px auto;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px}h2{text-align:center;margin-bottom:30px;color:#333}input,select,button{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:4px;transition:border-color .3s}input:focus,select:focus{border-color:#00ff4c;outline:none}button{background-color:#333;color:#fff;border:none;cursor:pointer;transition:background-color .3s,transform .3s}button:hover{background-color:#383838;color:#00ff4c;transform:translateY(-3px)}p{color:#333;font-size:16px;line-height:1.6}p.red{color:#005e1c}p.green{color:red}.vertical{display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}div{animation:fadeIn 1s ease-in-out}