Daftar Situs Slot Viral Gampang JP Maxwin

LOGIN DAFTAR

@ Copyright 2026 TOTO911 | Seo Memed Gacor

body { margin: 0; padding: 0; background: #050505; font-family: "Segoe UI", Arial, sans-serif; color: #ffed00; line-height: 1.6; } .product-container { max-width: 100%; padding: 30px; margin: auto; } h1 { font-size: 32px; font-weight: 800; color: #ffee00; margin-bottom: 25px; letter-spacing: 1px; position: relative; display: inline-block; padding-bottom: 10px; } h1::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #284273, #2a6a9f, transparent); } .info-box { background: linear-gradient(180deg, #0f0f18 0%, #080810 100%); border: 1px solid #2a2a3a; border-left: 3px solid #fffb00; padding: 24px; border-radius: 4px; margin-bottom: 30px; position: relative; overflow: hidden; } .info-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 230, 0, 0.3), transparent); } .info-box p { font-size: 16px; margin-bottom: 16px; color: #e0e0e0; line-height: 1.7; } .info-box strong a, .info-box a { color: #ffed00; text-decoration: none; font-weight: 600; position: relative; transition: all 0.3s ease; } .info-box a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: #ffcc00; transition: width 0.3s ease; } .info-box a:hover { color: #ffcc00; } .info-box a:hover::after { width: 100%; } .section-title { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; color: #ffed00; padding: 10px 16px; background: linear-gradient(135deg, #1a1a24 0%, #12121a 100%); border-left: 4px solid #ffcc00; border-radius: 0 8px 8px 0; margin: 25px 0 15px 0; position: relative; } .section-title::before { content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 230, 0, 0.1)); } table { width: 100%; border-collapse: collapse; margin-bottom: 25px; background: #0a0a12; border-radius: 8px; overflow: hidden; } table td { padding: 14px 16px; vertical-align: top; border-bottom: 1px solid #1a1a24; } .params_group_name { width: 180px; color: #ffcc00; font-weight: 700; font-size: 15px; background: #0f0f18; border-right: 2px solid #ffcc00; } .params_prop_table .params_name { font-weight: 700; color: #ffcc00; padding: 12px 0 8px 0; font-size: 15px; border-bottom: 1px solid #2a2e3a; } .params_prop_table .params_value { color: #c8c8c8; font-size: 15px; line-height: 1.6; padding: 8px 0; } .best-rank-table { border: 1px solid #2a2a3a; border-radius: 8px; } .best-rank-table td { padding: 14px 12px; font-size: 14px; background: #0a0a12; } .best-rank-table tr:nth-child(even) td { background: #0f0f18; } .best-rank-table tr:hover td { background: #151520; } .rank-number { color: #ffcc00; font-size: 18px; font-weight: 800; width: 40px; text-align: center; position: relative; } .rank-number::before { content: '#'; opacity: 0.5; font-size: 12px; position: absolute; top: 2px; left: 8px; } .best-rank-table a { color: #ffed00; font-weight: 600; text-decoration: none; padding: 4px 8px; border-radius: 4px; transition: all 0.2s ease; display: inline-block; } .best-rank-table a:hover { color: #ffcc00; background: rgba(255, 230, 0, 0.1); transform: translateX(3px); } .badge { display: inline-block; padding: 4px 10px; font-size: 11px; font-weight: 700; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; } .badge-new { background: rgba(34, 197, 94, 0.2); color: #2276c5; border: 1px solid #2276c5; } .badge-hot { background: rgba(255, 230, 0, 0.2); color: #ffcc00; border: 1px solid #ffcc00; } .badge-top { background: rgba(239, 68, 68, 0.2); color: #4494ef; border: 1px solid #4494ef; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .info-box, .section-title, table { animation: fadeInUp 0.5s ease forwards; } @media (max-width: 768px) { .product-container { padding: 15px; } h1 { font-size: 24px; } .section-title { font-size: 16px; } .params_group_name { width: 120px; font-size: 13px; } table td { padding: 10px 8px; font-size: 13px; } }