:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 0;color:#fff}.title{font-size:3.5rem;font-weight:700;margin-bottom:1rem}.gradient-text{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.subtitle{font-size:1.5rem;opacity:.9;font-weight:300}.main-content{flex:1;padding:60px 0;background:#f8fafc;color:#1a202c}.card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 25px #0000001a;margin-bottom:40px}.card h2{font-size:2.5rem;margin-bottom:1rem;color:#2d3748}.card p{font-size:1.1rem;line-height:1.7;color:#4a5568;margin-bottom:2rem}.demo-section{margin:40px 0;padding:30px;background:#f7fafc;border-radius:12px}.demo-section h3{font-size:1.5rem;margin-bottom:1rem;color:#2d3748}.counter{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.counter-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.counter-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.counter-button.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d}.counter-button.secondary:hover{box-shadow:0 6px 20px #f093fb66}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:40px}.feature{padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea}.feature h4{font-size:1.2rem;margin-bottom:.5rem;color:#2d3748}.feature p{color:#4a5568;font-size:.95rem}.footer{background:#2d3748;color:#fff;padding:40px 0;text-align:center}.footer p{opacity:.8}@media (max-width: 768px){.title{font-size:2.5rem}.subtitle{font-size:1.2rem}.card{padding:20px}.features{grid-template-columns:1fr}.counter{flex-direction:column;align-items:center}}