:root{--color-primary: #2563eb;--color-secondary: #6366f1;--color-accent: #00ff00;--color-bg: #f0f4ff;--color-bg-dark: #1a1a1a;--color-card: #fff;--color-border: #e0e7ef;--color-text: #1e293b;--color-footer: #64748b;--radius: 1rem;--shadow: 0 2px 8px rgba(30,41,59,.06)}body,html,#root,.site-bg{min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,var(--color-bg) 0%,#f3e8ff 100%);color:var(--color-text)}.site-header{position:sticky;top:0;background:var(--color-card);box-shadow:var(--shadow);z-index:100}.site-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem}.site-logo{display:flex;align-items:center}.site-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:-1px}.site-nav{display:flex;gap:2rem}.site-nav-link{color:#334155;font-weight:500;text-decoration:none;transition:color .2s}.site-nav-link:hover,.site-nav-link:focus-visible{color:var(--color-primary);outline:none}.site-main{max-width:1200px;margin:0 auto;padding:2rem 1rem 0}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3rem}.hero-content{flex:1 1 350px;min-width:300px}.hero-title{font-size:2.8rem;font-weight:800;color:var(--color-text);margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;color:#475569;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;margin-bottom:2rem}.btn{display:inline-block;padding:.9em 2em;border-radius:var(--radius);font-size:1.1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background .2s,color .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover,.btn-primary:focus-visible{background:#1d4ed8;outline:none}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover,.btn-secondary:focus-visible{background:#4f46e5;outline:none}.hero-image{flex:1 1 350px;min-width:300px;display:flex;align-items:center;justify-content:center}.screenshot{width:100%;max-width:420px;border-radius:1.5rem;box-shadow:0 8px 32px #1e293b1f;border:1px solid var(--color-border)}.features{margin:4rem 0 2rem}.features-inner{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.feature-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.5rem;max-width:260px;min-width:220px;text-align:center;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:1rem}.feature-card h3{margin:.5rem 0;font-size:1.2rem;color:var(--color-primary);font-weight:700}.feature-card p{color:#475569;font-size:1rem}.site-footer{background:var(--color-card);color:var(--color-footer);text-align:center;padding:2rem 0 1rem;font-size:1rem;border-top:1px solid var(--color-border);margin-top:4rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bg-card,.card,.form-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border)}.dark{--color-bg: #1a1a1a;--color-card: #23272f;--color-text: #f3f4f6;--color-footer: #94a3b8;--color-border: #334155}@media (max-width: 900px){.hero{flex-direction:column;gap:2.5rem}.hero-image,.hero-content{min-width:0;width:100%}.features-inner{flex-direction:column;align-items:center}}