body{background-color:#f5f7fb;margin:0;font-family:Arial,sans-serif}.container{padding:16px}.navbar{background:#fff;justify-content:space-between;padding:16px;display:flex;box-shadow:0 2px 8px #0000000d}.navbar h1{font-size:20px;font-weight:700}.btn-primary{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:6px 12px}.card{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 4px 12px #0000000d}.match-row{justify-content:space-between;margin-top:12px;display:flex}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-item{background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 6px #0000000d}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px}th{background:#f1f5f9}.hot{color:red;font-weight:700}.picks{background:#fef9c3;border-radius:10px;padding:12px}.subscription{color:#fff;text-align:center;background:#000;border-radius:12px;padding:20px}.subscription button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;margin-top:12px;padding:10px 20px}@media (width<=600px){.grid{grid-template-columns:1fr}}