@layer base{:root{--base-blue:#0000ff;--base-cerulean:#3c8aff;--base-yellow:#ffd12f;--base-green:#66c800;--base-lime:#b6f569;--base-red:#fc401f;--gray-0:#ffffff;--gray-10:#eef0f3;--gray-15:#dee1e7;--gray-30:#b1b7c3;--gray-50:#717886;--gray-60:#5b616e;--gray-80:#32353d;--gray-100:#0a0b0d;--background:var(--gray-0);--foreground:var(--gray-100);--surface:var(--gray-10);--surface-elevated:var(--gray-0);--border:var(--gray-15);--border-strong:var(--gray-30);--text-primary:var(--gray-100);--text-secondary:var(--gray-60);--text-tertiary:var(--gray-50);--primary:var(--base-blue);--primary-hover:var(--base-cerulean);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.08),0 2px 4px -2px rgb(0 0 0/0.05);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.05);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.05);--shadow-blue:0 0 30px rgba(0,0,255,0.15);--shadow-blue-sm:0 0 20px rgba(0,0,255,0.1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth;overflow-y:hidden;height:100dvh}body{color:var(--foreground);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Inter Tight,Inter,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-float{animation:float 3s ease-in-out infinite}}