body,html{margin:0;padding:0;font-family:sans-serif}.main-bg{background:linear-gradient(to bottom,#000,#333);min-height:100vh;display:flex;flex-direction:column;align-items:center}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.hero h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem}.hero p{font-size:1.2rem;color:#ccc;max-width:600px;margin-bottom:2rem}.cta{background-color:gold;color:#000;padding:1rem 2rem;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:0 0 10px #ffd70080;transition:background .3s ease}.cta:hover{background-color:#e5c100}.card-section{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.card{background-color:#1a1a1a;color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px #0006;max-width:300px;flex:1;min-width:250px;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card h2{margin-top:0;margin-bottom:1rem;color:gold}.card p{color:#ccc}