body{margin: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:#282c34;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff}.App{text-align:center}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.feature-section{padding:20px;margin:20px;border:1px solid #61dafb;border-radius:8px;background-color:#20232a}h2{color:#61dafb}body{margin: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:linear-gradient(270deg,#0a0a0a,#1a1a1a);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;color:#f0f0f0}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.hero-logo{height:8em;padding:1em;will-change:filter;transition:filter .3s;animation:logo-spin infinite 20s linear}.hero-logo:hover{filter:drop-shadow(0 0 2em #ffffff)}.vibe-coding-slogan{font-size:1.8em;font-weight:700;color:#61dafb;margin-top:20px;margin-bottom:40px;text-shadow:0 0 10px rgba(97,218,251,.5)}.download-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.download-button{display:flex;align-items:center;background:linear-gradient(45deg,#2a2a2a,#3a3a3a);color:#fff;padding:12px 25px;border-radius:50px;text-decoration:none;font-size:1.1em;font-weight:700;transition:all .3s ease;box-shadow:0 5px 15px #0000004d}.download-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006;background:linear-gradient(45deg,#3a3a3a,#2a2a2a)}.download-logo{height:1.8em;margin-right:10px;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.download-button.coming-soon{opacity:.6;cursor:not-allowed;background:linear-gradient(45deg,#1a1a1a,#2a2a2a)}@media (max-width: 768px){.hero-logo{height:6em}.vibe-coding-slogan{font-size:1.5em}.download-button{font-size:1em;padding:10px 20px}.download-logo{height:1.5em}}@media (max-width: 480px){.hero-logo{height:5em}.vibe-coding-slogan{font-size:1.2em}.download-buttons{flex-direction:column;gap:15px}}.feature-section{padding:60px 20px;margin:0;border-bottom:1px solid rgba(255,255,255,.05);background-color:#121212;transition:background-color .3s ease}.feature-section:nth-child(2n){background-color:#0a0a0a}.feature-section:hover{background-color:#181818}h1{font-size:3.5em;margin-bottom:.5em;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3)}h2{color:#e0e0e0;font-size:2.5em;margin-bottom:.8em}p{font-size:1.3em;line-height:1.8;max-width:900px;margin:0 auto;color:#ccc}ul{list-style:none;padding:0;max-width:1000px;margin:40px auto;display:flex;flex-wrap:wrap;justify-content:center}li{background:linear-gradient(135deg,#222,#333);margin:15px;padding:20px 30px;border-radius:8px;box-shadow:0 4px 10px #0000004d;font-size:1.2em;flex:1 1 calc(33% - 60px);box-sizing:border-box;min-width:300px;color:#f0f0f0;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}li:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}@media (max-width: 768px){h1{font-size:3em}h2{font-size:2em}p{font-size:1.1em}li{flex:1 1 calc(50% - 30px)}}@media (max-width: 480px){h1{font-size:2.5em}h2{font-size:1.8em}li{flex:1 1 100%}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-section{padding:100px 20px;color:#f0f0f0;text-shadow:0 0 10px rgba(0,0,0,.5)}body{margin: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-smoothing:grayscale;background:linear-gradient(270deg,#0a0a0a,#1a1a1a);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;color:#f0f0f0}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section h1{font-size:4.5em;margin-bottom:.2em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.hero-section p{font-size:1.5em;max-width:800px;margin:0 auto 40px;color:#e0e0e0}.screenshot{max-width:80%;height:auto;margin-top:30px;border-radius:10px;box-shadow:0 10px 30px #00000080;transition:transform .3s ease-in-out}.screenshot:hover{transform:scale(1.02)}.cta-button{display:inline-block;background:linear-gradient(45deg,#61dafb,#21a1f1);color:#fff;padding:15px 30px;border-radius:50px;text-decoration:none;font-size:1.2em;font-weight:700;transition:all .3s ease;box-shadow:0 5px 15px #0000004d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006;background:linear-gradient(45deg,#21a1f1,#61dafb)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:40px;max-width:1200px;margin:0 auto}.feature-grid li{margin:0;flex:unset;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);box-shadow:0 6px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.feature-grid li:hover{transform:translateY(-8px);box-shadow:0 12px 25px #00000080}.download-section ul{display:flex;flex-direction:column;align-items:center}.download-section li{background:none;box-shadow:none;padding:10px;font-size:1.5em}.download-section li a{color:#61dafb;text-decoration:none;transition:color .3s ease}.download-section li a:hover{color:#21a1f1}.download-section li img{margin-right:10px}@media (max-width: 768px){.hero-section h1{font-size:3.5em}.hero-section p{font-size:1.2em}.feature-grid{grid-template-columns:1fr}}