* {box-sizing: border-box;margin: 0;padding: 0;}
        body {background-color: #0a0c0f;color: #ffffff;font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;line-height: 1.6;padding-bottom: 70px;overflow-x: hidden;}
        a {text-decoration: none;color: inherit;}
        img {max-width: 100%;height: auto;display: block;}
        .container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px;}
        header {background-color: #161a21;height: 60px;position: sticky;top: 0;z-index: 1000;box-shadow: 0 2px 10px rgba(0,0,0,0.5);}
        header .nav-wrapper {display: flex;justify-content: space-between;align-items: center;height: 100%;padding: 0 15px;}
        header .logo-area {display: flex;align-items: center;gap: 8px;}
        header .logo-area img {width: 25px;height: 25px;object-fit: contain;}
        header .logo-area strong {font-size: 16px;font-weight: normal;color: #ffd700;}
        header .auth-buttons {display: flex;gap: 10px;}
        header .btn-login {background-color: transparent;color: #ffd700;border: 1px solid #ffd700;padding: 6px 15px;border-radius: 20px;font-size: 14px;cursor: pointer;}
        header .btn-register {background-color: #ffd700;color: #000;border: none;padding: 6px 15px;border-radius: 20px;font-size: 14px;font-weight: bold;cursor: pointer;}
        .banner {width: 100%;aspect-ratio: 2/1;cursor: pointer;}
        .banner img {width: 100%;height: 100%;object-fit: cover;}
        .announcement {background: #1c222b;padding: 10px 0;border-bottom: 1px solid #2d3540;}
        .announcement-inner {display: flex;align-items: center;gap: 10px;overflow: hidden;white-space: nowrap;}
        .announcement-inner i {color: #ffd700;padding-left: 15px;}
        .marquee {display: inline-block;padding-left: 100%;animation: marquee 20s linear infinite;}
        @keyframes marquee {0% {transform: translate(0, 0);} 100% {transform: translate(-100%, 0);}}
        .section-title {padding: 20px 15px 10px;font-size: 18px;display: flex;align-items: center;gap: 8px;color: #ffd700;}
        .game-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;padding: 10px 15px;}
        .game-card {background: #161a21;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 6px rgba(0,0,0,0.3);transition: transform 0.2s;}
        .game-card:active {transform: scale(0.95);}
        .game-card img {width: 100%;aspect-ratio: 1/1;object-fit: cover;}
        .game-card .game-info {padding: 8px;text-align: center;}
        .game-card .game-title {font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #e0e0e0;}
        .intro-card {background: linear-gradient(135deg, #1c222b 0%, #0a0c0f 100%);margin: 20px 15px;padding: 20px;border-radius: 15px;border-left: 4px solid #ffd700;box-shadow: 0 5px 15px rgba(0,0,0,0.4);}
        .intro-card h1 {font-size: 18px;margin-bottom: 12px;color: #ffd700;line-height: 1.3;}
        .intro-card p {font-size: 14px;color: #b0b0b0;}
        .winner-list {background: #161a21;margin: 15px;border-radius: 12px;overflow: hidden;}
        .winner-item {display: flex;justify-content: space-between;padding: 10px 15px;border-bottom: 1px solid #2d3540;font-size: 13px;}
        .winner-item:last-child {border-bottom: none;}
        .winner-item .user {color: #ffd700;}
        .winner-item .amount {color: #4caf50;font-weight: bold;}
        .reviews {padding: 10px 15px;}
        .review-card {background: #1c222b;padding: 15px;border-radius: 12px;margin-bottom: 15px;border: 1px solid #2d3540;}
        .review-header {display: flex;justify-content: space-between;margin-bottom: 8px;}
        .review-user {font-weight: bold;color: #ffd700;font-size: 14px;}
        .review-rating {color: #ffc107;font-size: 12px;}
        .review-content {font-size: 13px;color: #cfcfcf;}
        .faq-section {padding: 10px 15px;}
        .faq-item {background: #161a21;border-radius: 8px;margin-bottom: 10px;padding: 15px;}
        .faq-question {font-weight: bold;color: #ffd700;margin-bottom: 8px;font-size: 15px;display: flex;align-items: center;gap: 8px;}
        .faq-answer {font-size: 14px;color: #b0b0b0;text-align: justify;}
        .navigator {position: fixed;bottom: 0;left: 0;right: 0;background: #161a21;height: 60px;display: flex;justify-content: space-around;align-items: center;border-top: 1px solid #2d3540;z-index: 1000;}
        .nav-item {display: flex;flex-direction: column;align-items: center;color: #b0b0b0;font-size: 11px;}
        .nav-item i {font-size: 20px;margin-bottom: 4px;}
        .nav-item.active {color: #ffd700;}
        footer {background: #0a0c0f;padding: 30px 15px 100px;text-align: center;border-top: 1px solid #1c222b;}
        .footer-row {margin-bottom: 20px;display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;}
        .footer-row a {color: #808080;font-size: 13px;transition: color 0.2s;}
        .footer-row a:hover {color: #ffd700;}
        .copyright {color: #555;font-size: 12px;margin-top: 10px;}
        .trust-icons {display: flex;justify-content: center;gap: 20px;margin-bottom: 20px;opacity: 0.6;}
        .trust-icons i {font-size: 24px;color: #ffd700;}
        @media (min-width: 768px) {
            .game-grid {grid-template-columns: repeat(4, 1fr);}
            .banner {aspect-ratio: 3/1;}
        }