.page{background:linear-gradient(135deg,#eef2ff,#eef2ff,#eef2ff);min-height:100vh}.hero{text-align:center;font-family:var(--font-heading);padding:100px 20px 40px}.hero-title{color:#111827;font-size:40px;font-weight:700}.hero-gradient{background:linear-gradient(90deg,#4f46e5,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text{color:#6b7280;max-width:600px;margin-top:16px;margin-left:auto;margin-right:auto;font-weight:700}.tabs{max-width:1200px;font-family:var(--font-heading);flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 40px;padding:0 20px;display:flex}.tab-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.tab-btn:hover{color:#0f100f;background:#f3f4f6;border:1px solid #ddd}.tab-active{color:#fff;background:linear-gradient(90deg,#4f46e5,#9333ea);border:none}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1200px;margin:auto;padding:0 20px 80px;display:grid}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:72%;font-family:var(--font-heading);background:#ffffff90;border:1px solid #98989b71;border-radius:16px;flex-direction:column;padding:24px;transition:all .3s;display:flex}.card:hover{transform:translateY(-4px)}.glass-icon{justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.title{color:#111827;font-size:1.1rem;font-weight:700;line-height:1.25rem}.description{color:#6b7280;min-height:40px;margin-top:8px;font-size:12px}.card-btn{margin-top:auto;padding-top:20px}