*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.title{margin-bottom:10px;font-size:48px;font-weight:700}.subtitle{color:#666;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.card-title{margin-bottom:8px;font-size:18px;font-weight:600}.card-info{color:#666;font-size:14px}