.show-page[data-v-3796d4e4]{background-color:#f4f7f6;min-height:100vh;padding-bottom:80px}.show-header[data-v-3796d4e4]{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;margin-bottom:60px;margin-top:50px;padding:80px 0;text-align:center}.show-header h1[data-v-3796d4e4]{color:#fff;font-size:38px;font-weight:700;letter-spacing:1px;margin-bottom:15px}.show-header p[data-v-3796d4e4]{color:#94a3b8;font-size:18px}.demo-card[data-v-3796d4e4]{background:#fff;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.05);height:100%;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.demo-card[data-v-3796d4e4]:hover{box-shadow:0 20px 40px rgba(0,0,0,.12);transform:translateY(-10px)}.demo-image[data-v-3796d4e4]{background-color:#e2e8f0;border-bottom:1px solid #f1f5f9;height:400px;overflow:hidden;position:relative;width:100%}.demo-image img[data-v-3796d4e4]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .6s ease;width:100%}.demo-card:hover .demo-image img[data-v-3796d4e4]{transform:scale(1.03)}.demo-overlay[data-v-3796d4e4]{align-items:center;background:rgba(15,23,42,.75);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.demo-card:hover .demo-overlay[data-v-3796d4e4]{opacity:1}.btn-view-demo[data-v-3796d4e4]{align-items:center;background:#3b82f6;border-radius:30px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 36px;-webkit-text-decoration:none;text-decoration:none;transform:translateY(20px);transition:all .4s ease}.btn-view-demo i[data-v-3796d4e4]{font-size:18px}.btn-view-demo[data-v-3796d4e4]:hover{background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.4);color:#fff}.demo-card:hover .btn-view-demo[data-v-3796d4e4]{transform:translateY(0)}.demo-info[data-v-3796d4e4]{padding:30px;text-align:center}.demo-info h3[data-v-3796d4e4]{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:12px}.demo-info p[data-v-3796d4e4]{color:#64748b;font-size:16px;line-height:1.6;margin:0}@media (max-width:991px){.demo-image[data-v-3796d4e4]{height:300px}.container-fluid[data-v-3796d4e4]{padding:0 20px!important}}@media (max-width:767px){.demo-image[data-v-3796d4e4]{height:240px}.show-header h1[data-v-3796d4e4]{font-size:28px}}