*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#1e293b}a{color:inherit;text-decoration:none}.card{padding:16px 18px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;transition:all .25s;cursor:pointer;display:block}.card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.12)}.hero{background:linear-gradient(135deg,#312e81,#6366f1 50%,#818cf8);padding:48px 16px 56px;color:#fff;text-align:center}.container{max-width:1100px;margin:0 auto;padding:32px 16px}.badge{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.btn-primary{padding:16px 48px;font-size:17px;font-weight:700;border-radius:14px;border:none;background:#f59e0b;color:#1e293b;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#d97706;transform:translateY(-2px)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px}.grid,.grid-sm{display:grid;gap:12px}.grid-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px}