.nba-container{padding:20px 0}
.nba-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:40px;border-radius:12px;text-align:center;margin-bottom:30px}
.nba-header h1{font-size:2rem;margin-bottom:10px;color:#fff}
.nba-header p{font-size:1rem;color:#aaa;max-width:700px;margin:0 auto;line-height:1.8}
.nba-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}
.nba-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}
.nba-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,.12)}
.nba-card-body{padding:20px;text-align:center}
.nba-card-body h2{font-size:1.2rem;color:#1a1a2e;margin-bottom:8px}
.nba-card-body p{color:#888;font-size:.9rem;margin-bottom:15px}
.nba-card-link{display:inline-block;padding:8px 20px;background:#1a73e8;color:#fff;border-radius:6px;font-size:.9rem;transition:background .3s}
.nba-card-link:hover{background:#1557b0;color:#fff}
.nba-card-icon{font-size:2.5rem;margin-bottom:10px}
@media(max-width:768px){
    .nba-header{padding:25px 20px}
    .nba-header h1{font-size:1.5rem}
    .nba-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
    .nba-grid{grid-template-columns:1fr}
}