@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}.hero-officer-bg{object-position:88% top}@media (width>=640px){.hero-officer-bg{object-position:right top}}@keyframes challanBadgeFloat{0%,to{transform:translateY(0)scale(1);box-shadow:0 2px 6px -1px #f59e0b66,0 0 #f59e0b59}50%{transform:translateY(-3px)scale(1.08);box-shadow:0 4px 12px #f59e0b8c,0 0 0 4px #f59e0b00}}.animate-challan-badge{will-change:transform, box-shadow;animation:2.2s cubic-bezier(.4,0,.2,1) infinite challanBadgeFloat}@keyframes challanTicketPulse{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-1.5px)rotate(-1.2deg)}75%{transform:translateY(.5px)rotate(1.2deg)}}.animate-challan-ticket{transform-origin:bottom;will-change:transform;animation:3.2s ease-in-out infinite challanTicketPulse}@keyframes starTwinkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 3px #fbbf24);transform:scale(1.28)}}.animate-star-twinkle{transform-origin:23px 22px;animation:2s ease-in-out infinite starTwinkle}
