html,body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:20px}.demo-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.demo-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;text-align:center;margin-bottom:40px}.demo-header h1{margin:0;font-size:2.5rem;font-weight:300}.demo-header p{margin:10px 0 0;opacity:.9;font-size:1.1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.feature-card{background:#f8f9fa;border-radius:8px;padding:24px;text-align:center;transition:transform .2s ease}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#333}.feature-description{color:#666;line-height:1.6}@media (max-width: 768px){.demo-header h1{font-size:2rem}.feature-grid{grid-template-columns:1fr}}