:root{--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-glow:#2563eb33;--card-bg:#ffffffb3;--card-border:#ffffff80}@media (prefers-color-scheme:dark){:root{--bg-primary:#020617;--bg-secondary:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-glow:#3b82f64d;--card-bg:#0f172a99;--card-border:#ffffff0d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px}.text-gradient{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-mesh{z-index:-1;filter:blur(40px);background:radial-gradient(circle at 15%,#2563eb26,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:0}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;font-family:var(--font-display);cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);font-family:var(--font-display);border:1px solid var(--card-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--card-bg);border-color:var(--accent-primary)}@media (width<=768px){.hide-mobile{display:none!important}}.app-mockup{aspect-ratio:9/19.5;object-fit:cover;object-position:top center;border:6px solid var(--card-bg);border-radius:32px;width:100%;box-shadow:0 24px 48px #00000026}