:root{--color-primary:#0047FF;--color-primary-dark:#0033CC;--color-primary-light:#3366FF;--color-accent:#7928CA;--color-accent-dark:#5E1FA1;--color-accent-light:#9745E3;--color-success:#10B981;--color-success-dark:#0D9668;--color-success-light:#34D399;--color-gradient-blue-purple:linear-gradient(135deg,#0047FF,#7928CA);--color-gradient-purple-pink:linear-gradient(135deg,#7928CA,#FF0080);--color-gradient-blue-teal:linear-gradient(135deg,#0047FF,#00DFD8);--color-gray-50:#F9FAFB;--color-gray-100:#F3F4F6;--color-gray-200:#E5E7EB;--color-gray-300:#D1D5DB;--color-gray-400:#9CA3AF;--color-gray-500:#6B7280;--color-gray-600:#4B5563;--color-gray-700:#374151;--color-gray-800:#1F2937;--color-gray-900:#111827;--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-size-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--font-size-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.3rem + 1vw,1.875rem);--font-size-3xl:clamp(1.875rem,1.5rem + 1.875vw,2.25rem);--font-size-4xl:clamp(2.25rem,1.75rem + 2.5vw,3rem);--font-size-5xl:clamp(3rem,2rem + 5vw,4rem);--font-size-6xl:clamp(3.75rem,2.5rem + 6.25vw,5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-glow:0 0 20px rgba(0,71,255,0.4);--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-modal:100;--z-dropdown:200;--z-sticky:300;--z-fixed:400;--z-tooltip:500}@media (prefers-color-scheme:dark){:root{--color-gray-50:#111827;--color-gray-100:#1F2937;--color-gray-200:#374151;--color-gray-300:#4B5563;--color-gray-400:#6B7280;--color-gray-500:#9CA3AF;--color-gray-600:#D1D5DB;--color-gray-700:#E5E7EB;--color-gray-800:#F3F4F6;--color-gray-900:#F9FAFB;--shadow-glow:0 0 30px rgba(121,40,202,0.5)}}.gradient-text{background:var(--color-gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glassmorphism{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glassmorphism{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}.three-d-text{transform-style:preserve-3d;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:transform .6s cubic-bezier(.23,1,.32,1)}.three-d-text:hover{transform:perspective(1000px) rotateX(-10deg) rotateY(10deg)}@keyframes gradient-morph{0%,to{background-size:200% 200%;background-position:0}50%{background-size:300% 300%;background-position:100%}}@keyframes gradient-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate3d{0%{transform:rotate3d(1,1,0,0deg)}to{transform:rotate3d(1,1,0,1turn)}}@keyframes float3d{0%,to{transform:translateZ(0) translateY(0) rotateX(0deg) rotateY(0deg)}25%{transform:translateZ(50px) translateY(-30px) rotateX(20deg) rotateY(45deg)}50%{transform:translateZ(100px) translateY(-50px) rotateX(0deg) rotateY(90deg)}75%{transform:translateZ(50px) translateY(-30px) rotateX(-20deg) rotateY(135deg)}}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 10px var(--color-primary))}50%{opacity:.8;filter:drop-shadow(0 0 20px var(--color-primary))}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}