.demo-page[data-v-57130c04]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:40px 20px}.container[data-v-57130c04]{margin:0 auto;max-width:1200px}.title[data-v-57130c04]{color:#111;font-size:48px;font-weight:300;margin-bottom:60px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.section[data-v-57130c04]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:60px;padding:40px}.section h2[data-v-57130c04]{border-bottom:2px solid #2a57ff;color:#111;font-size:24px;font-weight:500;margin-bottom:24px;padding-bottom:8px}.button-grid[data-v-57130c04]{align-items:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.example-card[data-v-57130c04]{background:#fffc;border:1px solid rgba(42,87,255,.1);border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s ease}.example-card[data-v-57130c04]:hover{box-shadow:0 8px 24px #2a57ff26;transform:translateY(-2px)}.example-card h3[data-v-57130c04]{color:#111;font-size:20px;font-weight:500;margin-bottom:12px}.example-card p[data-v-57130c04]{color:#666;line-height:1.6;margin-bottom:20px}.card-actions[data-v-57130c04]{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.demo-page[data-v-57130c04]{padding:20px 10px}.title[data-v-57130c04]{font-size:36px;margin-bottom:40px}.section[data-v-57130c04]{margin-bottom:40px;padding:24px}.button-grid[data-v-57130c04]{gap:16px;grid-template-columns:1fr}.card-actions[data-v-57130c04]{flex-direction:column}}@media(max-width:480px){.title[data-v-57130c04]{font-size:28px}.section h2[data-v-57130c04]{font-size:20px}.example-card[data-v-57130c04]{padding:16px}}