.home-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.header{text-align:center;color:#fff;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.2rem;opacity:.9}.search-container{max-width:600px;margin:0 auto 3rem;animation:fadeIn .8s ease-out}.search-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;animation:fadeInUp 1s ease-out}.demo-card{background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;color:#333;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}.demo-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #0003}.card-header{margin-bottom:1rem}.card-header h3{margin:0;font-size:1.5rem;color:#667eea}.card-description{flex-grow:1;color:#666;line-height:1.6;margin-bottom:1rem}.card-footer{display:flex;justify-content:flex-end;align-items:center}.view-demo{color:#667eea;font-weight:600;transition:all .3s ease}.demo-card:hover .view-demo{transform:translate(5px)}.no-demos{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.no-demos p{font-size:1.2rem;color:#666;margin-bottom:1rem}.hint{font-size:1rem;color:#999}.footer{text-align:center;color:#fff;margin-top:3rem;opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.demo-grid{grid-template-columns:1fr;gap:1rem}.header h1{font-size:2rem}.home-container{padding:1rem}}.demo-layout{min-height:100vh;background:#f5f5f5}.demo-header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:2rem}.back-button{color:#667eea;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.back-button:hover{background:#f0f0f0;transform:translate(-5px)}.demo-header h2{margin:0;color:#333;font-size:1.5rem}.demo-content{padding:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loader{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:4rem 2rem;max-width:600px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.error-container h2{color:#e74c3c;margin-bottom:1rem}.error-container p{color:#666}@media (max-width: 768px){.demo-header,.demo-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}