body {margin: 0;font-family: Arial, sans-serif;background: #ffffff;}header {display: flex;align-items: center;justify-content: space-between;padding: 12px 20px;background: white;border-bottom: 1px solid #eee;}.logo {height: 50px;width: auto;object-fit: contain;}nav {display: flex;gap: 20px;font-size: 16px;}nav a {color: #222;text-decoration: none;}.right-icons {display: flex;align-items: center;gap: 15px;}.btn-login {padding: 8px 18px;background: #c62828;color: white;border-radius: 25px;cursor: pointer;}.search {font-size: 18px;cursor: pointer;}.red-band {width: 100%;height: 14px;background: #b60000;);}.online-btn-wrapper {display: flex;justify-content: center;padding: 15px;background: #fff7f7;}.online-btn {background: #c62828;color: white;padding: 12px 22px;border-radius: 25px;border: none;font-size: 16px;cursor: pointer;}.menu-btn {display: none;font-size: 26px;cursor: pointer;}@media (max-width: 768px) {nav {display: none;}.menu-btn {display: block;}header {padding: 12px 12px;}.online-btn-wrapper {padding: 10px;}.online-btn {width: 100%;font-size: 18px;}}.bonus-container {display: flex;justify-content: center;padding: 40px 20px;background: #f9f4f4;}.bonus-box {background: white;padding: 30px;max-width: 500px;width: 100%;border-radius: 12px;box-shadow: 0 3px 8px rgba(0,0,0,0.1);text-align: center;}.bonus-box h2 {margin-top: 0;font-size: 28px;color: #c62828;}.bonus-text {font-size: 20px;margin-top: 10px;margin-bottom: 15px;}.bonus-subtext {color: #555;margin-bottom: 25px;}.bonus-btn {background: #c62828;color: white;padding: 14px 22px;font-size: 18px;border-radius: 30px;border: none;cursor: pointer;width: 100%;}.bonus-btn:hover {opacity: 0.9;}