body{margin:0;padding:0;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;background-color:#f8fafc;color:#1a202c}*{box-sizing:border-box}.demo-container{max-width:1200px;margin:0 auto;padding:2rem}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h1{font-size:2.5rem;margin-bottom:1rem;color:#1a202c}.demo-header p{font-size:1.2rem;color:#4a5568;margin-bottom:2rem}.demo-section{margin-bottom:4rem}.demo-section h2{font-size:2rem;margin-bottom:1.5rem;color:#2d3748}.demo-section p{font-size:1.1rem;color:#4a5568;margin-bottom:2rem;line-height:1.6}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.example-container,.projects-page{max-width:1200px;margin:0 auto;padding:1.25rem 1rem 2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;align-items:stretch}.nav-btn{background:#ffffff;color:#1a202c;border:1px solid #e2e8f0;padding:.5rem .9rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.nav-btn:hover{background:#f1f5f9;box-shadow:0 1px 2px #0000000f}.nav-btn.active{background:#1e293b;color:#fff;border-color:#1e293b}.demo-single{display:flex;justify-content:center;margin-bottom:2rem}.demo-single .card{max-width:400px;width:100%}.theme-toggle{margin-bottom:2rem;text-align:center}.theme-toggle button{background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.theme-toggle button:hover{background:#3182ce}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.feature-item{background:white;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.feature-item h3{color:#2d3748;margin-bottom:.5rem}.feature-item p{color:#4a5568;margin:0}.status-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.status-item{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.status-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.status-item h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#2d3748}.status-item p{margin:0;color:#4a5568;font-size:.9rem;line-height:1.4}.dark-theme{background-color:#1a202c;color:#e2e8f0}.dark-theme .demo-header h1{color:#e2e8f0}.dark-theme .demo-header p{color:#a0aec0}.dark-theme .demo-section h2{color:#e2e8f0}.dark-theme .demo-section p{color:#a0aec0}.dark-theme .feature-item{background:#2d3748;border-color:#4a5568}.dark-theme .feature-item h3{color:#e2e8f0}.dark-theme .feature-item p{color:#a0aec0}.dark-theme .nav-btn{background:#111827;color:#e5e7eb;border-color:#374151}.dark-theme .nav-btn:hover{background:#0b1220}.dark-theme .nav-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.dark-theme .projects-page,.dark-theme .example-container{background:transparent}.dark-theme .status-item{background:#2d3748;border-color:#4a5568}.dark-theme .status-item h4{color:#f7fafc}.dark-theme .status-item p{color:#a0aec0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.demo-container{padding:1rem}.demo-header h1{font-size:2rem}.demo-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr;gap:1rem}}