*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f4f6f9}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(90deg,#0056b3,#007bff);color:#fff;position:sticky;top:0;width:100%;z-index:1000}.logo img{height:40px;max-width:200px}.nav-links{list-style:none;display:flex;gap:20px}.nav-links li a{color:#fff;text-decoration:none;font-weight:600;transition:.3s;display:flex;align-items:center;gap:6px}.nav-links li a:hover{text-decoration:underline}.menu-toggle{display:none;cursor:pointer;font-size:22px;color:#fff;margin-left:auto}@media(max-width:768px){.nav-links{display:none;flex-direction:column;align-items:flex-start;position:absolute;top:60px;right:0;width:100%;background:#007bff;padding:20px}.nav-links.active{display:flex}.menu-toggle{display:block}}main{max-width:1000px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}h1{color:#0056b3;margin-bottom:15px}p{margin-bottom:15px;line-height:1.6}.button-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.btn-option{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px;background:linear-gradient(90deg,#0056b3,#007bff);color:#fff;text-decoration:none;font-weight:bold;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .2s,box-shadow .2s}.btn-option:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.2)}