*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#6a79ff;--color-primary-dark:#5260e0;--color-primary-light:#eef0ff;--color-primary-glow:rgba(106,121,255,0.25);--color-bg:#fafdff;--color-secondary:#fafdff;--color-surface:#ffffff;--color-surface-hover:#f8faff;--color-neutral:#d9d9d9;--color-neutral-light:#f0f0f0;--color-border:rgba(217,217,217,0.6);--color-text-primary:#1a1a2e;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 16px rgba(106,121,255,0.08),0 2px 8px rgba(0,0,0,0.06);--shadow-lg:0 8px 32px rgba(106,121,255,0.12),0 4px 16px rgba(0,0,0,0.08);--shadow-xl:0 20px 60px rgba(106,121,255,0.15),0 8px 24px rgba(0,0,0,0.1);--shadow-glow:0 0 40px rgba(106,121,255,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 0 12px transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-right{animation:slideInRight .5s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}