@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#0a06ff;--color-primary-dark:#001aff;--color-secondary:#f70f79;--color-navy:#0f172a;--color-slate:#64748b;--bg-body:#f8fafb;--bg-card-surface:#fff;--border-slate:#e2e8f0;--color-main-text:#0f172a;--color-heading:#0f172a}body{-webkit-font-smoothing:antialiased;color:#0f172a;background-color:#f8fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.font-outfit{font-family:Outfit,sans-serif}.font-cursive{font-family:Caveat,cursive,sans-serif}.font-inter{font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6,.svp-heading{color:var(--color-heading);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800}.bg-body,.bg-page{background-color:#f8fafb}.bg-card-surface,.card-surface{background-color:#fff}.text-main-body{color:#212529}.text-heading,.svp-heading{color:#0c0c0c}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bg-brand-blue{background-color:#0a06ff}.bg-brand-pink{background-color:#f70f79}.bg-brand-gradient{background:linear-gradient(135deg,#0a06ff 0%,#4f46e5 50%,#f70f79 100%)}.bg-blue-gradient{background:linear-gradient(135deg,#0a06ff 0%,#2563eb 100%)}.text-brand-gradient{background:linear-gradient(135deg,#0a06ff 0%,#f70f79 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.shadow-glow-brand{box-shadow:0 8px 24px #0a06ff47}.shadow-glow-pink{box-shadow:0 8px 24px #f70f7947}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.animate-float{animation:3.5s ease-in-out infinite floatY}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float-bubble-1{animation:4.5s ease-in-out infinite floatSubtle}.animate-float-bubble-2{animation:5.2s ease-in-out 1.2s infinite floatSubtle}.animate-float-bubble-3{animation:4.8s ease-in-out .6s infinite floatSubtle}.animate-float-bubble-4{animation:5.6s ease-in-out 1.8s infinite floatSubtle}.hover-popout{will-change:transform, box-shadow;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s}.hover-popout:hover{transform:translateY(-5px)scale(1.05)}.hover-popout:active{transform:translateY(0)scale(.97)}.hover-popout-text{will-change:transform;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:inline-block}.group:hover .hover-popout-text{transform:scale(1.1)}@keyframes floatCardSubtle1{0%,to{transform:translateY(0);box-shadow:0 10px 25px -5px #0f172a14,0 4px 6px -2px #0f172a08}50%{transform:translateY(-3.5px);box-shadow:0 16px 32px -6px #164bf41f,0 6px 10px -3px #0f172a0a}}@keyframes floatCardSubtle2{0%,to{transform:translateY(0);box-shadow:0 10px 25px -5px #0f172a14,0 4px 6px -2px #0f172a08}50%{transform:translateY(-4px);box-shadow:0 18px 34px -6px #164bf41f,0 6px 10px -3px #0f172a0a}}@keyframes floatCardSubtle3{0%,to{transform:translateY(0);box-shadow:0 10px 25px -5px #0f172a14,0 4px 6px -2px #0f172a08}50%{transform:translateY(-3px);box-shadow:0 16px 30px -6px #164bf41f,0 6px 10px -3px #0f172a0a}}.animate-float-card-1{animation:5.4s cubic-bezier(.45,.05,.55,.95) infinite floatCardSubtle1}.animate-float-card-2{animation:6s cubic-bezier(.45,.05,.55,.95) 1.2s infinite floatCardSubtle2}.animate-float-card-3{animation:5.6s cubic-bezier(.45,.05,.55,.95) 2.2s infinite floatCardSubtle3}
