:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0;text-align:center}.app-layout{display:flex;flex-direction:column;min-height:100vh}nav{display:flex;justify-content:center;gap:2rem;padding:2rem;border-bottom:1px solid #333}nav a{color:#a0a0a0;text-decoration:none;font-weight:500;transition:color .2s}nav a:hover{color:#fff}main{flex:1}footer{padding:3rem;border-top:1px solid #333;color:#666;font-size:.9rem}h1{font-size:3.2em;line-height:1.1;margin-bottom:.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.8em;font-weight:500;color:#a0a0a0;margin-bottom:2rem}.hero{padding:4rem 0}.cta-button{background-color:#fff;color:#121212;padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;margin-top:1.5rem;transition:opacity .2s ease}.cta-button:hover{opacity:.9}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature-card{padding:2rem;border:1px solid #333;border-radius:12px;background:#1a1a1a;text-align:left}.feature-card h3{margin-top:0;color:#fff}.feature-card p{color:#a0a0a0;margin-bottom:0}footer a{transition:color .2s ease}footer a:hover{color:#fff!important}@media(max-width:768px){h1{font-size:2.5em}#root{padding:1rem}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:1000px;margin:0 auto}.page-container{padding:4rem 2rem;max-width:800px;margin:0 auto;min-height:60vh}.hero{margin-top:6rem;margin-bottom:6rem}.app-icon-placeholder{font-size:5rem;background:#1a1a1a;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:28px;margin:0 auto 2rem;border:1px solid #333;box-shadow:0 10px 30px #00000080}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;width:100%}.feature-card{padding:2.5rem;border:1px solid #2a2a2a;border-radius:16px;background:#181818;text-align:left;transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:#444}.feature-card h3{font-size:1.4rem;margin-top:0;margin-bottom:1rem}.feature-card p{line-height:1.6;color:#999}@media(max-width:600px){.hero{margin-top:3rem;margin-bottom:3rem}}