*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}
body{background:#081525}
.yb-section{padding:80px 20px;background:linear-gradient(135deg,#081525,#103b73)}
.yb-wrap{max-width:1200px;margin:auto}
h2{text-align:center;color:#fff;font-size:46px;margin-bottom:40px}h2 span{color:#4cb7ff}
.yb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.yb-card{background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:30px;text-align:center;transition:.35s;color:#fff}
.icon{font-size:48px;margin-bottom:15px}
.yb-card p{color:#cfe7ff;line-height:1.6;margin-top:10px}
.yb-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,140,255,.35);border-color:#4cb7ff}