:root{--font-heading:"Manrope",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--bg-primary:#f4f7fc;--accent:#1d4e89}.dark-theme{--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#cbd5e0}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}body,html{width:100%;max-width:100vw;overflow-x:hidden}body{background:var(--bg-primary);transition:background-color .3s ease}body.dark-theme{background:#0f1219}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:relative;min-height:100vh;transition:background-color .3s ease;overflow-x:hidden;width:100%;max-width:100vw}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{position:absolute;top:0;left:0;right:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from{transform:translateX(100%);opacity:0}.slide-left-leave-to{transform:translateX(-15%);opacity:0}.slide-right-enter-from{transform:translateX(-100%);opacity:0}.slide-right-leave-to{transform:translateX(15%);opacity:0}.fade-enter-from,.fade-leave-to{opacity:0}@media (min-width:768px) and (max-width:1024px){.app{max-width:900px;margin:0 auto;padding:24px}}@media (min-width:1024px){.app{max-width:1200px;margin:0 auto;padding:32px}}