*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#app{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{width:100%;max-width:800px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:3rem 2rem}.header h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{opacity:.95;font-size:1.1rem}.content{padding:2rem}.features{gap:1.5rem;display:grid}.feature{background:#f8f9fa;border-radius:8px;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.feature:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.feature-text h2{color:#1f2937;margin-bottom:.25rem;font-size:1.1rem}.feature-text p{color:#6b7280;font-size:.9rem}.divider{background:#e5e7eb;height:1px;margin:2rem 0}.demo{text-align:center;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;display:flex}.count-display{min-width:2ch;font-size:1.1rem;font-weight:600}.btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:background .2s,transform .1s;box-shadow:0 4px 14px #667eea66}.btn:hover{background:#5568d3;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible,.btn-link:focus-visible{outline-offset:2px;outline:2px solid #646cff}.footer{text-align:center;margin-top:1.5rem}.btn-link{color:#667eea;border:2px solid #667eea;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn-link:hover{color:#fff;background:#667eea}@media (width<=640px){.header h1{font-size:2rem}.content{padding:1.5rem}}