@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-white text-slate-900 antialiased overflow-x-hidden;font-family:Outfit,Inter,sans-serif}}@layer components{.btn-workspace{@apply px-8 py-3.5 rounded-full font-google-sans font-semibold transition-all duration-300 flex items-center justify-center gap-2;}.btn-primary{@apply btn-workspace bg-[#0B57D0] text-white hover:bg-[#0842a0] shadow-sm hover:shadow-md;}.btn-outline{@apply btn-workspace border border-gray-300 text-[#1f1f1f] hover:bg-gray-50;}.card-premium{@apply bg-white rounded-3xl border border-gray-100 shadow-[0_2px_10px_-3px_rgba(0,0,0,.07)] hover:shadow-[0_10px_30px_-10px_rgba(0,0,0,.12)] transition-all duration-500 overflow-hidden;}.m3-lofi-bg{@apply absolute inset-0 -z-10 bg-[#FBFCFE] overflow-hidden;background-image:radial-gradient(circle at 2px 2px,rgba(11,87,208,.03) 1px,transparent 0);background-size:24px 24px}.blob{@apply absolute rounded-full blur-[80px] opacity-40 mix-blend-multiply transition-all duration-1000;will-change:transform,border-radius}.animate-blob-slow{animation:blob-float 20s infinite alternate}.animate-blob-reverse{animation:blob-float 25s infinite alternate-reverse}@keyframes blob-float{0%{transform:translate(0) scale(1);border-radius:40% 60% 70% 30%/40% 50% 60%}33%{transform:translate(30px,-50px) scale(1.1);border-radius:60% 40% 30% 70%/50% 60% 40%}66%{transform:translate(-20px,20px) scale(.9);border-radius:30% 70% 70% 30%/60% 40%}to{transform:translate(0) scale(1);border-radius:40% 60% 70% 30%/40% 50% 60%}}.animate-spin-slow{animation:spin 8s linear infinite}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bg-blur-edge-left{@apply absolute -left-[15%] top-[-10%] w-[50%] h-[120%] -z-20 opacity-[.15] blur-[140px] pointer-events-none;background:radial-gradient(circle at center,#FF0080 0%,transparent 70%)}.bg-blur-edge-right{@apply absolute -right-[15%] bottom-[-10%] w-[50%] h-[120%] -z-20 opacity-[.2] blur-[140px] pointer-events-none;background:radial-gradient(circle at center,#0B57D0 0%,transparent 70%)}.workspace-grid{@apply absolute inset-0 -z-10 opacity-[.03];background-image:linear-gradient(#0B57D0 1px,transparent 1px),linear-gradient(90deg,#0B57D0 1px,transparent 1px);background-size:80px 80px}.tech-line{@apply absolute bg-gradient-to-r from-transparent via-[#0B57D0] to-transparent opacity-20;height:1px;width:200%;animation:flow-line 10s linear infinite}@keyframes flow-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pulse-node{@apply absolute w-2 h-2 rounded-full bg-[#0B57D0] opacity-40;animation:pulse-ring 3s cubic-bezier(.455,.03,.515,.955) infinite}@keyframes pulse-ring{0%{transform:scale(.5);opacity:.8}50%{transform:scale(1.5);opacity:.2}to{transform:scale(.5);opacity:.8}}.float-card{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}}