:root{--bf-bg-deep:#f8f9fc;--bf-bg-surface:#fff;--bf-bg-card:#fff;--bf-bg-card-hover:#f3f1fa;--bf-border:#00000012;--bf-border-hover:#00000024;--bf-indigo:#6d28d9;--bf-purple:#8b5cf6;--bf-purple-glow:#8b5cf61a;--bf-emerald:#10b981;--bf-emerald-glow:#10b9811a;--bf-amber:#f59e0b;--bf-amber-glow:#f59e0b14;--bf-cyan:#06b6d4;--bf-text-primary:#1a1a2e;--bf-text-secondary:#64748b;--bf-text-muted:#94a3b8;--bf-font-display:"Outfit", "Inter", -apple-system, system-ui, sans-serif;--bf-font-body:"Inter", -apple-system, system-ui, sans-serif;--bf-radius-sm:10px;--bf-radius-md:16px;--bf-radius-lg:24px;--bf-radius-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bf-bg-deep);font-family:var(--bf-font-body);color:var(--bf-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{-webkit-text-size-adjust:100%;max-width:100%}img,canvas,svg,video{max-width:100%}*{min-width:0}input,textarea,select,button{max-width:100%}@media (width<=640px){input,textarea,select{font-size:16px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f5}::-webkit-scrollbar-thumb{background:#c4c0d8;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#9f99b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeScaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::selection{color:#1a1a2e;background:#8b5cf633}