body {margin: 0;font-family: 'Segoe UI', sans-serif;background: #111;background: url('/assets/bg.jpg') repeat-x center center fixed;background-size: cover;animation: moveBG 555s linear infinite;color: #fff;overflow: auto;}header {display: flex;justify-content: space-between;align-items: center;padding: 20px 60px;}.site-footer {background: rgba(0,0,0,0.8);color: #ccc;text-align: center;padding: 12px;font-size: 14px;border-top: 1px solid #333;position: fixed;bottom: 0;left: 0;width: 100%;}.site-footer a {color: #ccc;text-decoration: none;margin: 0 8px; }.site-footer a:hover {color: #0ff;}nav a {color: #ccc;text-decoration: none;margin-left: 30px;transition: color 0.3s;}nav a:hover {color: #00bfff;}.hero {text-align: center;padding: 180px 20px;}.hero h1 {font-size: 48px;margin-bottom: 20px;}.hero p {font-size: 20px;color: #00bfff;margin-bottom: 40px;}.btn {background: #555;color: #fff;padding: 15px 40px;border: none;border-radius: 30px;font-size: 18px;cursor: pointer;transition: background 0.3s;}.btn:hover {background: #333;}@keyframes moveBG {from { background-position: -9999px 0px; }to { background-position: 1px 0px; }}table {border-collapse: collapse;width: 80%;max-width: 800px;background: #555;border-radius: 8px;overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,0.5);}th, td {padding: 12px 20px;text-align: left;}th {background: #444;color: #00e0ff;text-transform: uppercase;letter-spacing: 1px;}tr:nth-child(even) {background: #666;}tr:hover {background: #777;transition: 0.3s;}.badge {display: inline-block;padding: 0.25em 0.45em;font-size: 0.75em;font-weight: 750;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.15rem;background-color: #117;}.bred { background-color: #700; }.bgreen { background-color: #070; }.bblue { background-color: #007; }.borange { background-color: #840; }.bgray { background-color: #555; }.container {display: flex;gap: 5px;justify-content: center;flex-wrap: wrap;}.info-block {background: #111;border: 1px solid #999;border-radius: 3px;padding: 5px;max-width: 280px;margin: 5px auto;flex: 1 1 260px;}.info-title {margin-top: 0;font-size: 1.1em;color: #999;}.info-container {color: #999;background: #222;padding: 5px;border-radius: 3px;box-shadow: inset 0 0 5px rgba(0,0,0,0.5);}.modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.6); justify-content: center; align-items: center;}.modal-content {background: #222; padding: 10px; border-radius: 10px;width: 300px; text-align: center;flex-wrap: wrap;}.close { cursor: pointer; color: #f55; font-weight: bold; display: flex; justify-content: flex-end; }button { padding: 10px 20px; font-size: 1em; cursor: pointer; }@media screen and (orientation: landscape) and (max-width: 960px) and (pointer: coarse) {header { padding: 10px 10px; }.hero { padding: 0px 10px; }.hero h1 { margin-bottom: 10px; font-size: 32px; }.hero p { margin-bottom: 10px; }.btn { padding: 10px 10px; }.modal-content { width: 600px; text-align: center; }}