*{box-sizing:border-box}body{color:#e8eaf0;background:#0b0d12;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.landing{max-width:1000px;margin:0 auto;padding:64px 20px}.landing h1{margin:0 0 8px;font-size:34px}.landing p.lead{color:#9aa3b5;margin:0 0 40px}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.card{color:inherit;border:1px solid #ffffff1a;border-radius:16px;padding:32px;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.card:hover{transform:translateY(-4px)}.card img{object-fit:contain;object-position:left;width:auto;max-width:100%;height:72px;margin-bottom:20px;display:block}.card h2{margin:0 0 6px;font-size:24px}.card p{color:#b4bccb;margin:0;line-height:1.5}.card.tufu{background:linear-gradient(135deg,#14171b,#090b0d)}.card.tufu:hover{border-color:#f4d610}.card.xampians{color:#0b0b0b;background:#f4f1ea}.card.xampians p{color:#3d3d3d}.card.xampians:hover{border-color:#ffd400;box-shadow:0 0 0 3px #ffd400}.card.melaobet{background:linear-gradient(135deg,#0d1510,#060907);border-color:#19e36b40}.card.melaobet:hover{border-color:#19e36b;box-shadow:0 0 0 3px #19e36b59}