@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:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:clip}.font-heading{font-family:Plus Jakarta Sans,sans-serif}.font-body{font-family:Inter,sans-serif}.font-outfit{font-family:Plus Jakarta Sans,sans-serif}.font-inter{font-family:Inter,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}h1,h2,h3,h4,h5,h6,.svp-heading{color:var(--color-heading);letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.hero-display-h1{letter-spacing:-1px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.15}.section-main-heading{letter-spacing:-.8px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(26px,3.8vw,44px);font-weight:700;line-height:1.2}.section-subtitle{font-family:Inter,sans-serif;font-size:clamp(15px,1.8vw,22px);font-weight:400;line-height:1.5}.card-title-h3{letter-spacing:-.4px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(18px,2.2vw,22px);font-weight:700;line-height:1.3}.field-label{color:#475569;letter-spacing:.01em;font-size:13px;font-weight:600}.plate-number{color:#0f172a;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-weight:700}.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 challanFloat{0%,to{filter:drop-shadow(0 4px 6px #086bff26);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 8px 14px #086bff47);transform:translateY(-3.5px)scale(1.04)}}.animate-challan-float{will-change:transform, filter;animation:2.6s cubic-bezier(.4,0,.2,1) infinite challanFloat}@keyframes challanScanLaser{0%{opacity:0;top:-30%}20%{opacity:1}80%{opacity:1}to{opacity:0;top:110%}}.animate-challan-scan{will-change:top, opacity;animation:2.4s ease-in-out infinite challanScanLaser}@keyframes challanAuraBreathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.12)}}.animate-challan-aura{will-change:transform, opacity;animation:2.6s ease-in-out infinite challanAuraBreathe}@keyframes challanShimmerSheen{0%,20%{opacity:0;transform:translate(-150%)skew(-25deg)}45%{opacity:.75}70%,to{opacity:0;transform:translate(250%)skew(-25deg)}}.animate-challan-shimmer{will-change:transform, opacity;animation:3.2s ease-in-out infinite challanShimmerSheen}@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}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideUpBottom{0%{opacity:.85;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up-bottom{animation:.32s cubic-bezier(.16,1,.3,1) forwards slideUpBottom}
