@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-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)}
