body{margin:0;font-family:Inter,-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:#0f0f0f;color:#e0e0e0;line-height:1.6}a{color:#a78bfa;text-decoration:none}a:hover{text-decoration:underline;color:#c4b5fd}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex-grow:1;padding:1.5rem 1rem;max-width:1200px;margin:0 auto}@media (min-width: 640px){.main-content{padding:3rem 1.5rem}}@media (min-width: 1024px){.main-content{padding:4rem 2rem}}.footer{background-color:#1a1a1a;padding:1.5rem 1rem;text-align:center;font-size:.875rem;color:#a0a0a0}.footer a,.footer button{color:#a0a0a0;margin:0 .5rem;transition:color .2s ease-in-out;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;display:inline-block;padding:.25rem 0}.footer a:hover,.footer button:hover{color:#e0e0e0;text-decoration:underline}.footer .mt-2.space-x-4{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem}.hero-section{text-align:center;padding:3rem 1.5rem;background:linear-gradient(135deg,#6a0dad,#4a0d8c);border-radius:1rem;box-shadow:0 15px 30px #0006;margin-bottom:3rem;position:relative;overflow:hidden}@media (min-width: 640px){.hero-section{padding:4rem 2rem;margin-bottom:4rem}}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="circles" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse"><circle cx="5" cy="5" r="1.5" fill="%23FFFFFF" opacity="0.1"/></pattern></defs><rect x="0" y="0" width="100%" height="100%" fill="url(%23circles)"/></svg>') repeat;opacity:.1;z-index:0}.hero-logo{max-height:80px;margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));position:relative;z-index:1}@media (min-width: 640px){.hero-logo{max-height:100px;margin-bottom:1.5rem}}.hero-title{font-size:2.5rem;font-weight:900;color:#fff;line-height:1.2;margin-bottom:1rem;text-shadow:0 3px 6px rgba(0,0,0,.3);position:relative;z-index:1}@media (min-width: 640px){.hero-title{font-size:3.5rem;margin-bottom:1.5rem}}.hero-tagline{font-size:1.15rem;color:#e0b0ff;max-width:56rem;margin:0 auto 1.5rem;position:relative;z-index:1}@media (min-width: 640px){.hero-tagline{font-size:1.5rem;margin:0 auto 2.5rem}}.hero-buttons{margin-top:2rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;position:relative;z-index:1}@media (min-width: 640px){.hero-buttons{flex-direction:row;gap:1.25rem}}.hero-button{display:inline-flex;align-items:center;justify-content:center;background-color:#e0e0e0;color:#1a1a1a;font-weight:700;padding:.8rem 2rem;border-radius:9999px;box-shadow:0 4px 10px #00000040;transition:all .3s ease-in-out;border:2px solid transparent;font-size:.95rem}@media (min-width: 640px){.hero-button{padding:1rem 2.5rem;font-size:1rem}}.hero-button:hover{background-color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 18px #00000059;text-decoration:none;border-color:#a78bfa}.hero-button.secondary{background-color:#2d3748;color:#fff;border-color:#4a5568}.hero-button.secondary:hover{background-color:#4a5568;border-color:#c4b5fd}.section{background-color:#1a1a1a;padding:2rem;border-radius:1rem;box-shadow:0 8px 20px #0000004d;margin-bottom:3rem;border:1px solid #2d2d2d}@media (min-width: 640px){.section{padding:2.5rem;margin-bottom:4rem}}.section-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (min-width: 640px){.section-title{font-size:2.5rem;margin-bottom:2rem}}.section-text{font-size:1rem;color:#a0a0a0;line-height:1.7;max-width:56rem;margin:0 auto;text-align:center}@media (min-width: 640px){.section-text{font-size:1.15rem}}.screenshots-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.screenshot-card{background-color:#2d2d2d;border-radius:.75rem;box-shadow:0 6px 12px #0003;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;border:1px solid #4a4a4a}.screenshot-card img{width:100%;height:400px;display:block;object-fit:contain;border-bottom:1px solid #4a4a4a}@media (min-width: 640px){.screenshot-card img{height:500px}}.screenshot-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000059}.screenshot-card-caption{padding:.8rem;text-align:center;font-size:1rem;font-weight:600;color:#e0e0e0}@media (min-width: 640px){.screenshot-card-caption{padding:1rem;font-size:1.1rem}}.contact-button{display:inline-flex;align-items:center;justify-content:center;background-color:#4f46e5;color:#fff;font-weight:700;padding:.8rem 2rem;border-radius:9999px;box-shadow:0 4px 10px #00000040;transition:all .3s ease-in-out;border:2px solid transparent;font-size:.95rem}@media (min-width: 640px){.contact-button{padding:1rem 2.5rem;font-size:1rem}}.contact-button:hover{background-color:#4338ca;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 18px #00000059;text-decoration:none;border-color:#a78bfa}.back-button{color:#a78bfa;transition:color .2s ease-in-out;margin-bottom:1.5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}@media (min-width: 640px){.back-button{margin-bottom:2rem;font-size:1.125rem}}.back-button:hover{color:#c4b5fd;text-decoration:underline}.legal-content{padding-top:1.5rem}@media (min-width: 640px){.legal-content{padding-top:2rem}}.legal-content h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (min-width: 640px){.legal-content h1{font-size:2.8rem;margin-bottom:2.5rem}}.legal-content h2{font-size:1.5rem;font-weight:700;color:#fff;margin-top:2rem;margin-bottom:.8rem}@media (min-width: 640px){.legal-content h2{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem}}.legal-content h3{font-size:1.2rem;font-weight:600;color:#e0e0e0;margin-top:1.5rem;margin-bottom:.6rem}@media (min-width: 640px){.legal-content h3{font-size:1.4rem;margin-top:1.8rem;margin-bottom:.8rem}}.legal-content p,.legal-content ul,.legal-content ol{margin-bottom:1rem;line-height:1.7;color:#a0a0a0;font-size:.95rem}@media (min-width: 640px){.legal-content p,.legal-content ul,.legal-content ol{margin-bottom:1.2rem;font-size:1rem}}.legal-content ul,.legal-content ol{list-style-position:inside;padding-left:1.2rem}.legal-content ul li{list-style-type:disc;margin-bottom:.4rem}.legal-content ol li{list-style-type:decimal;margin-bottom:.4rem}.legal-content strong{font-weight:700;color:#fff}