:root{--bg-dark:#080c15;--bg-card:#1e293b;--text-primary:#fff;--text-secondary:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--accent-purple:#9333ea;--accent-pink:#db2777;--accent-blue:#2563eb;--accent-green:#16a34a;--accent-orange:#ea580c;--badge-text:#ff3ef5;--badge-bg:#ff3ef51a;--badge-border:#ff3ef533;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.header{z-index:50;background-color:var(--bg-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1e293bcc;width:100%;position:fixed;top:0}.header-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo-section{align-items:center;gap:.75rem;display:flex}.logo{border-radius:.5rem;width:2rem;height:2rem;box-shadow:0 4px 6px -1px #4f46e533}.brand-name{letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.nav-actions{align-items:center;gap:1rem;display:flex}.lang-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}.lang-btn:hover{color:var(--text-primary)}.btn{border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e54d}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 10px 15px -3px #4f46e566}.btn-lg{padding:1rem 2.5rem;font-size:1.25rem}.btn-white{color:var(--bg-dark);background-color:#fff;padding:.75rem 2rem;font-size:1.125rem;box-shadow:0 4px 6px -1px #ffffff1a}.btn-white:hover{background-color:#f8fafc;box-shadow:0 10px 15px -3px #fff3}.main-content{flex-grow:1;padding-top:6rem;padding-bottom:3rem}.hero-text{text-align:center;max-width:44rem;margin:0 auto 4rem}.badge{background-color:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);letter-spacing:.05em;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#e2e8f0,#94a3b8);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.3}@media (min-width:768px){.hero-title{font-size:3.75rem}}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.hero-actions{justify-content:center;gap:1rem;display:flex}.icon-sm{width:1.5rem;height:1.5rem}.icon-xl{width:2rem;height:2rem}.compatibility-note{color:var(--text-secondary);margin-top:1rem;font-size:.875rem}.mockup-container{max-width:64rem;margin:0 auto 6rem;position:relative}.glow-effect{background:linear-gradient(to right,var(--primary),var(--accent-purple));filter:blur(20px);opacity:.2;border-radius:1rem;transition:opacity .5s;position:absolute;inset:-.25rem}.mockup-container:hover .glow-effect{opacity:.4}.mockup-img{background-color:var(--bg-card);border:1px solid #33415580;border-radius:.75rem;width:100%;position:relative;box-shadow:0 25px 50px -12px #00000080}.features-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:5rem;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#1e293b80;border:1px solid #33415580;border-radius:1rem;padding:1.5rem;transition:all .3s}.feature-card:hover{background-color:var(--bg-card);border-color:#4f46e54d;transform:translateY(-2px)}.feature-icon{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;transition:transform .3s;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)}.icon{width:2rem;height:2rem}.icon-indigo{color:#818cf8;background-color:#4f46e51a}.icon-purple{color:#c084fc;background-color:#9333ea1a}.icon-pink{color:#f472b6;background-color:#db27771a}.icon-blue{color:#60a5fa;background-color:#2563eb1a}.icon-green{color:#4ade80;background-color:#16a34a1a}.icon-orange{color:#fb923c;background-color:#ea580c1a}.feature-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.feature-desc{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.feature-image-container{border:1px solid #33415580;border-radius:.5rem;overflow:hidden}.feature-img{width:100%;height:auto;transition:transform .3s;display:block}.feature-card:hover .feature-img{transform:scale(1.05)}.footer{background-color:var(--bg-dark);border-top:1px solid #1e293bcc;padding:3rem 0}.footer-content{text-align:center}.footer-brand{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.footer-logo{opacity:.8;filter:grayscale();width:2rem;height:2rem;transition:all .3s}.footer-brand:hover .footer-logo{filter:grayscale(0%);opacity:1}.brand-name-muted{color:var(--text-secondary);font-size:1.25rem;font-weight:700}.copyright{color:var(--text-secondary);font-size:.875rem}.social-links{justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.social-links a{color:#fff;transition:color .2s}.social-links a:hover{color:var(--primary)}.known-bugs-section{text-align:center;background-color:#ea580c1a;border:1px solid #ea580c33;border-radius:1rem;max-width:48rem;margin:4rem auto;padding:1.5rem}.known-bugs-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.known-bugs-desc{color:var(--text-secondary)}
