*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-24{bottom:6rem}.bottom-6{bottom:1.5rem}.end-0{inset-inline-end:0}.left-0{left:0}.left-3{left:.75rem}.left-4{left:1rem}.left-\[8\%\]{left:8%}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-\[8\%\]{right:8%}.start-0{inset-inline-start:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[35\]{z-index:35}.z-\[40\]{z-index:40}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-3{order:3}.m-0{margin:0}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-px{margin-top:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/11\]{aspect-ratio:16/11}.aspect-\[5\/3\]{aspect-ratio:5/3}.h-0{height:0}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-\[320px\]{height:320px}.h-\[4\.25rem\]{height:4.25rem}.h-full{height:100%}.h-px{height:1px}.max-h-\[min\(75vh\2c 520px\)\]{max-height:min(75vh,520px)}.min-h-0{min-height:0}.min-h-\[1\.25rem\]{min-height:1.25rem}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[280px\]{min-height:280px}.min-h-\[28rem\]{min-height:28rem}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[4rem\]{min-height:4rem}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[22px\]{width:22px}.w-\[4\.25rem\]{width:4.25rem}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[44px\]{min-width:44px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[17\.5rem\]{max-width:17.5rem}.max-w-\[180px\]{max-width:180px}.max-w-\[18rem\]{max-width:18rem}.max-w-\[280px\]{max-width:280px}.max-w-\[min\(168px\2c 46vw\)\]{max-width:min(168px,46vw)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.scroll-mt-28{scroll-margin-top:7rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.15rem\]{border-radius:1.15rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[1\.25rem\]{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.rounded-bl-full{border-bottom-left-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-500\/35{border-color:rgba(245,158,11,.35)}.border-brand-dark\/45{border-color:rgba(13,108,184,.45)}.border-brand\/20{border-color:rgba(24,145,237,.2)}.border-brand\/30{border-color:rgba(24,145,237,.3)}.border-brand\/35{border-color:rgba(24,145,237,.35)}.border-brand\/40{border-color:rgba(24,145,237,.4)}.border-brand\/80{border-color:rgba(24,145,237,.8)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/35{border-color:rgba(16,185,129,.35)}.border-gold\/45{border-color:rgba(236,158,16,.45)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-red-500\/35{border-color:rgba(239,68,68,.35)}.border-red-500\/40{border-color:rgba(239,68,68,.4)}.border-red-500\/50{border-color:rgba(239,68,68,.5)}.border-sky-500\/30{border-color:rgba(14,165,233,.3)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/80{border-color:rgba(226,232,240,.8)}.border-slate-200\/90{border-color:rgba(226,232,240,.9)}.border-slate-900\/15{border-color:rgba(15,23,42,.15)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-white\/80{border-color:hsla(0,0%,100%,.8)}.border-opacity-25{--tw-border-opacity:0.25}.border-opacity-50{--tw-border-opacity:0.5}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-brand{--tw-bg-opacity:1;background-color:rgb(24 145 237/var(--tw-bg-opacity,1))}.bg-brand\/10{background-color:rgba(24,145,237,.1)}.bg-brand\/15{background-color:rgba(24,145,237,.15)}.bg-brand\/20{background-color:rgba(24,145,237,.2)}.bg-brand\/25{background-color:rgba(24,145,237,.25)}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-gold{--tw-bg-opacity:1;background-color:rgb(236 158 16/var(--tw-bg-opacity,1))}.bg-gold\/15{background-color:rgba(236,158,16,.15)}.bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-100,.bg-ink{--tw-bg-opacity:1}.bg-ink{background-color:rgb(10 15 26/var(--tw-bg-opacity,1))}.bg-ink-soft{--tw-bg-opacity:1;background-color:rgb(18 26 43/var(--tw-bg-opacity,1))}.bg-ink-soft\/30{background-color:rgba(18,26,43,.3)}.bg-ink-soft\/40{background-color:rgba(18,26,43,.4)}.bg-ink-soft\/60{background-color:rgba(18,26,43,.6)}.bg-ink-soft\/80{background-color:rgba(18,26,43,.8)}.bg-ink-soft\/95{background-color:rgba(18,26,43,.95)}.bg-ink\/75{background-color:rgba(10,15,26,.75)}.bg-ink\/85{background-color:rgba(10,15,26,.85)}.bg-ink\/90{background-color:rgba(10,15,26,.9)}.bg-ink\/95{background-color:rgba(10,15,26,.95)}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-white\/\[0\.04\]{background-color:hsla(0,0%,100%,.04)}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-\[radial-gradient\(ellipse_100\%_80\%_at_50\%_120\%\2c rgba\(24\2c 145\2c 237\2c 0\.12\)\2c transparent_55\%\)\]{background-image:radial-gradient(ellipse 100% 80% at 50% 120%,rgba(24,145,237,.12),transparent 55%)}.bg-\[radial-gradient\(ellipse_90\%_100\%_at_50\%_-20\%\2c rgba\(255\2c 255\2c 255\2c 0\.18\)\2c transparent_62\%\)\]{background-image:radial-gradient(ellipse 90% 100% at 50% -20%,hsla(0,0%,100%,.18),transparent 62%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-500\/15{--tw-gradient-from:rgba(245,158,11,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/75{--tw-gradient-from:rgba(0,0,0,.75) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand{--tw-gradient-from:#1891ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(24,145,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand\/10{--tw-gradient-from:rgba(24,145,237,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(24,145,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink-soft\/90{--tw-gradient-from:rgba(18,26,43,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(18,26,43,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink\/90{--tw-gradient-from:rgba(10,15,26,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,15,26,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500\/25{--tw-gradient-from:rgba(14,165,233,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/25{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink-soft\/50{--tw-gradient-to:rgba(18,26,43,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(18,26,43,.5) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink-soft\/80{--tw-gradient-to:rgba(18,26,43,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(18,26,43,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink\/75{--tw-gradient-to:rgba(10,15,26,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(10,15,26,.75) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-400{--tw-gradient-to:rgba(56,189,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#38bdf8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/25{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-600\/5{--tw-gradient-to:rgba(217,119,6,.05) var(--tw-gradient-to-position)}.to-brand{--tw-gradient-to:#1891ed var(--tw-gradient-to-position)}.to-brand-dark{--tw-gradient-to:#0d6cb8 var(--tw-gradient-to-position)}.to-brand\/5{--tw-gradient-to:rgba(24,145,237,.05) var(--tw-gradient-to-position)}.to-ink{--tw-gradient-to:#0a0f1a var(--tw-gradient-to-position)}.to-ink-soft\/40{--tw-gradient-to:rgba(18,26,43,.4) var(--tw-gradient-to-position)}.to-ink\/95{--tw-gradient-to:rgba(10,15,26,.95) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-\[max\(0\.625rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.625rem,env(safe-area-inset-bottom))}.pb-\[max\(5rem\2c calc\(env\(safe-area-inset-bottom\)\+4rem\)\)\]{padding-bottom:max(5rem,calc(env(safe-area-inset-bottom) + 4rem))}.pe-11{padding-inline-end:2.75rem}.pe-2{padding-inline-end:.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.ps-9{padding-inline-start:2.25rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.font-display{font-family:DM Sans,Inter,system-ui,sans-serif}.font-sans{font-family:Inter,system-ui,Segoe UI,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-7{line-height:1.75rem}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#1891ED\]{--tw-text-opacity:1;color:rgb(24 145 237/var(--tw-text-opacity,1))}.text-\[\#FF1D13\]{--tw-text-opacity:1;color:rgb(255 29 19/var(--tw-text-opacity,1))}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-200\/80{color:hsla(48,97%,77%,.8)}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-black{color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-black,.text-brand{--tw-text-opacity:1}.text-brand{color:rgb(24 145 237/var(--tw-text-opacity,1))}.text-brand-dark{--tw-text-opacity:1;color:rgb(13 108 184/var(--tw-text-opacity,1))}.text-brand\/90{color:rgba(24,145,237,.9)}.text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-gold{--tw-text-opacity:1;color:rgb(236 158 16/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-ink{color:rgb(10 15 26/var(--tw-text-opacity,1))}.text-ink,.text-red-100{--tw-text-opacity:1}.text-red-100{color:rgb(254 226 226/var(--tw-text-opacity,1))}.text-red-200\/90{color:hsla(0,96%,89%,.9)}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-white\/95{color:hsla(0,0%,100%,.95)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-white\/30{text-decoration-color:hsla(0,0%,100%,.3)}.decoration-white\/35{text-decoration-color:hsla(0,0%,100%,.35)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-brand{accent-color:#1891ed}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_12px_rgba\(24\2c 145\2c 237\2c 0\.45\)\]{--tw-shadow:0 0 12px rgba(24,145,237,.45);--tw-shadow-colored:0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_rgba\(255\2c 255\2c 255\2c 0\.55\)\]{--tw-shadow:0 0 14px hsla(0,0%,100%,.55);--tw-shadow-colored:0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_-12px_rgba\(15\2c 23\2c 42\2c 0\.15\)\]{--tw-shadow:0 10px 30px -12px rgba(15,23,42,.15);--tw-shadow-colored:0 10px 30px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-shadow:0 12px 40px -12px rgba(0,0,0,.45);--tw-shadow-colored:0 12px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_30px_-8px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{--tw-shadow:0 8px 30px -8px rgba(15,23,42,.12);--tw-shadow-colored:0 8px 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\]{--tw-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);--tw-shadow-colored:inset 0 1px 0 var(--tw-shadow-color)}.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.06\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-lift{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lift{--tw-shadow:0 20px 50px rgba(15,23,42,.2);--tw-shadow-colored:0 20px 50px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-black\/15{--tw-shadow-color:rgba(0,0,0,.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand\/20{--tw-shadow-color:rgba(24,145,237,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand\/25{--tw-shadow-color:rgba(24,145,237,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand\/30{--tw-shadow-color:rgba(24,145,237,.3);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black\/5{--tw-ring-color:rgba(0,0,0,.05)}.ring-brand\/25{--tw-ring-color:rgba(24,145,237,.25)}.ring-brand\/30{--tw-ring-color:rgba(24,145,237,.3)}.ring-brand\/40{--tw-ring-color:rgba(24,145,237,.4)}.ring-slate-900\/5{--tw-ring-color:rgba(15,23,42,.05)}.ring-white\/15{--tw-ring-color:hsla(0,0%,100%,.15)}.ring-white\/20{--tw-ring-color:hsla(0,0%,100%,.2)}.ring-white\/25{--tw-ring-color:hsla(0,0%,100%,.25)}.ring-white\/5{--tw-ring-color:hsla(0,0%,100%,.05)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-\[2px\]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[box-shadow\2c transform\2c border-color\]{transition-property:box-shadow,transform,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[box-shadow\2c transform\]{transition-property:box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-brand\/40:hover{border-color:rgba(24,145,237,.4)}.hover\:border-brand\/50:hover{border-color:rgba(24,145,237,.5)}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:border-white\/10:hover{border-color:hsla(0,0%,100%,.1)}.hover\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(13 108 184/var(--tw-bg-opacity,1))}.hover\:bg-brand\/10:hover{background-color:rgba(24,145,237,.1)}.hover\:bg-brand\/20:hover{background-color:rgba(24,145,237,.2)}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(24 145 237/var(--tw-text-opacity,1))}.hover\:text-brand\/90:hover{color:rgba(24,145,237,.9)}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-white:hover{text-decoration-color:#fff}.hover\:shadow-\[0_20px_40px_-12px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]:hover{--tw-shadow:0 20px 40px -12px rgba(15,23,42,.18);--tw-shadow-colored:0 20px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_40px_-16px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]:hover{--tw-shadow:0 20px 40px -16px rgba(15,23,42,.18);--tw-shadow-colored:0 20px 40px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_20px_40px_-16px_rgba\(15\2c 23\2c 42\2c 0\.2\)\]:hover{--tw-shadow:0 20px 40px -16px rgba(15,23,42,.2);--tw-shadow-colored:0 20px 40px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-brand:focus{--tw-border-opacity:1;border-color:rgb(24 145 237/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-brand:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(24 145 237/var(--tw-ring-opacity,1))}.focus\:ring-brand\/40:focus{--tw-ring-color:rgba(24,145,237,.4)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[\#1891ED\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(24 145 237/var(--tw-ring-opacity,1))}.focus-visible\:ring-brand:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(24 145 237/var(--tw-ring-opacity,1))}.focus-visible\:ring-brand\/60:focus-visible{--tw-ring-color:rgba(24,145,237,.6)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-ink:focus-visible{--tw-ring-offset-color:#0a0f1a}.focus-visible\:ring-offset-ink-soft:focus-visible{--tw-ring-offset-color:#121a2b}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color:#fff}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-\[\#1891ED\]{--tw-bg-opacity:1;background-color:rgb(24 145 237/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:ml-1{margin-left:.25rem}.sm\:mt-6{margin-top:1.5rem}.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:h-10{height:2.5rem}.sm\:h-9{height:2.25rem}.sm\:min-h-\[320px\]{min-height:320px}.sm\:w-auto{width:auto}.sm\:max-w-\[200px\]{max-width:200px}.sm\:max-w-none{max-width:none}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.sm\:p-6{padding:1.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:pt-0{padding-top:0}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:left-6{left:1.5rem}.md\:right-24{right:6rem}.md\:right-6{right:1.5rem}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-6{grid-column:span 6/span 6}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-64{height:16rem}.md\:h-\[400px\]{height:400px}.md\:h-full{height:100%}.md\:min-h-0{min-height:0}.md\:min-h-\[140px\]{min-height:140px}.md\:w-44{width:11rem}.md\:w-48{width:12rem}.md\:w-auto{width:auto}.md\:scroll-mt-24{scroll-margin-top:6rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:2rem}.md\:gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.md\:gap-y-8{row-gap:2rem}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-11{padding-top:2.75rem;padding-bottom:2.75rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-12{padding-bottom:3rem}.md\:pb-28{padding-bottom:7rem}.md\:pb-8{padding-bottom:2rem}.md\:pl-4{padding-left:1rem}.md\:pt-0{padding-top:0}.md\:pt-10{padding-top:2.5rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-8{padding-top:2rem}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-\[0\.9375rem\]{font-size:.9375rem}.md\:text-\[1\.35rem\]{font-size:1.35rem}.md\:text-\[2\.65rem\]{font-size:2.65rem}.md\:text-\[2rem\]{font-size:2rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[1\.12\]{line-height:1.12}.md\:leading-\[1\.65\]{line-height:1.65}.md\:leading-tight{line-height:1.25}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:mt-10{margin-top:2.5rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:items-stretch{align-items:stretch}.lg\:gap-10{gap:2.5rem}.lg\:gap-7{gap:1.75rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:gap-y-4{row-gap:1rem}.lg\:self-start{align-self:flex-start}.lg\:overflow-y-auto{overflow-y:auto}.lg\:p-10{padding:2.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.lg\:pb-8{padding-bottom:2rem}.lg\:text-\[2rem\]{font-size:2rem}}@media (min-width:1280px){.xl\:top-32{top:8rem}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:gap-10{gap:2.5rem}}.\[\&_a\]\:text-brand a{--tw-text-opacity:1;color:rgb(24 145 237/var(--tw-text-opacity,1))}.\[\&_a\]\:hover\:underline:hover a,.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_h1\]\:text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:font-bold h1{font-weight:700}.\[\&_h1\]\:text-white h1{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_h2\]\:mt-10 h2{margin-top:2.5rem}.\[\&_h2\]\:mt-8 h2{margin-top:2rem}.\[\&_h2\]\:font-display h2{font-family:DM Sans,Inter,system-ui,sans-serif}.\[\&_h2\]\:text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:font-bold h2{font-weight:700}.\[\&_h2\]\:font-semibold h2{font-weight:600}.\[\&_h2\]\:text-white h2{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_h3\]\:mt-4 h3{margin-top:1rem}.\[\&_h3\]\:mt-6 h3{margin-top:1.5rem}.\[\&_h3\]\:font-semibold h3{font-weight:600}.\[\&_h3\]\:text-white h3{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_p\]\:mt-2 p{margin-top:.5rem}.\[\&_p\]\:mt-3 p{margin-top:.75rem}.\[\&_ul\]\:mt-2 ul{margin-top:.5rem}.\[\&_ul\]\:mt-3 ul{margin-top:.75rem}.\[\&_ul\]\:list-inside ul{list-style-position:inside}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-5 ul{padding-left:1.25rem}.\[\&_ul\]\:text-slate-300 ul{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.fc-glass {
background: rgba(18, 26, 43, 0.72);
backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.fc-glass-light {
background: rgba(255, 255, 255, 0.06);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.fc-autocomplete-list {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: 4px;
z-index: 9999;
max-height: 240px;
overflow-y: auto;
border-radius: 0.75rem;
border: 1px solid #cbd5e1;
background: #ffffff;
box-shadow:
0 20px 50px rgba(15, 23, 42, 0.18),
0 0 0 1px rgba(255, 255, 255, 0.9) inset;
}
.fc-autocomplete-list li {
padding: 0.65rem 0.85rem;
font-size: 0.875rem;
cursor: pointer;
color: #0f172a;
border-bottom: 1px solid #e2e8f0;
}
.fc-autocomplete-list li:last-child {
border-bottom: none;
}
.fc-autocomplete-list li:hover,
.fc-autocomplete-list li[aria-selected="true"] {
background: #e0f2fe;
color: #0c4a6e;
}
.fc-autocomplete-wrap {
position: relative;
}
.fc-autocomplete-wrap.fc-autocomplete-open {
z-index: 70;
}
/* From/To dropdowns are position:absolute; parent overflow (hero section) used to clip them on mobile. */
#fc-search-panel {
overflow: visible;
position: relative;
z-index: 2;
background: linear-gradient(165deg, rgba(248, 250, 252, 0.98) 0%, rgba(241, 245, 249, 0.99) 55%, rgba(226, 232, 240, 0.95) 100%);
backdrop-filter: blur(14px);
border: 1px solid rgba(148, 163, 184, 0.55);
box-shadow:
0 18px 48px rgba(15, 23, 42, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.92);
}
.fc-trip-tab-label {
transition:
background-color 0.15s ease,
color 0.15s ease;
}
.fc-route-stack .fc-route-swap-btn#fc-swap {
line-height: 1;
}
#fc-search-panel label,
#fc-search-panel .fc-form-lbl {
color: #475569 !important;
}
#fc-search-panel .fc-form-lbl svg.text-brand {
color: #0284c7 !important;
}
#fc-search-panel input[type='text'],
#fc-search-panel select {
background-color: #ffffff !important;
color: #0f172a !important;
border-color: #cbd5e1 !important;
}
#fc-search-panel input[type='text']::placeholder {
color: #94a3b8 !important;
}
#fc-search-panel input[type='text']:focus,
#fc-search-panel select:focus {
outline: none;
border-color: #0ea5e9 !important;
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.28);
}
#fc-search-panel .fc-input-wrap > svg.fc-inp-ico {
color: #64748b !important;
}
#fc-search-panel .fc-input-wrap:focus-within > svg.fc-inp-ico {
color: #0284c7 !important;
}
/* Trip type pills — light track */
#fc-search-panel .fc-trip-pills {
background: rgba(241, 245, 249, 0.98) !important;
border: 1px solid #e2e8f0;
}
/* Inactive pill label — do not use !important here or it beats peer-checked text */
#fc-search-panel .fc-trip-pills label span {
color: #64748b;
}
#fc-search-panel .fc-trip-pills label input.fc-trip-radio:checked + span {
background-color: #1891ed !important;
color: #ffffff !important;
}
#fc-search-panel .fc-search-kicker {
color: #64748b !important;
}
#fc-search-panel .fc-swap-btn.btn-link {
color: #0284c7 !important;
}
#fc-search-panel .fc-swap-btn.btn-link:hover {
color: #0f172a !important;
}
#fc-search-panel .fc-input-wrap > svg.fc-inp-ico-end {
position: absolute;
right: 0.65rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: #64748b !important;
z-index: 3;
}
#fc-search-panel .fc-panel-secondary-btn {
background: #ffffff !important;
border-color: #cbd5e1 !important;
color: #0f172a !important;
}
#fc-search-panel .fc-panel-secondary-btn:hover {
background: #f1f5f9 !important;
border-color: #94a3b8 !important;
}
#fc-search-panel #fc-advance-fields label.flex.cursor-pointer {
background: #f8fafc !important;
border-color: #cbd5e1 !important;
color: #334155 !important;
}
.fc-wa-btn {
background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
}
/* Vertical WhatsApp → Call → Chat stack (all premium pages) */
.fc-contact-fab-stack {
position: fixed;
right: 1rem;
bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
z-index: 40;
display: none;
flex-direction: column;
align-items: center;
gap: 0.75rem;
pointer-events: none;
}
@media (min-width: 768px) {
.fc-contact-fab-stack {
display: flex;
}
}
.fc-contact-fab-stack .fc-contact-fab {
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
border: 0;
border-radius: 9999px;
color: #ffffff;
text-decoration: none !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
transition: transform 0.18s ease, box-shadow 0.18s ease;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.fc-contact-fab-stack .fc-contact-fab:hover,
.fc-contact-fab-stack .fc-contact-fab:focus-visible {
transform: scale(1.06);
text-decoration: none !important;
}
.fc-contact-fab-stack .fc-contact-fab svg {
width: 1.75rem;
height: 1.75rem;
flex-shrink: 0;
}
.fc-contact-fab-stack .fc-contact-fab--wa {
background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
box-shadow: 0 8px 32px rgba(37, 211, 102, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.fc-contact-fab-stack .fc-contact-fab--call {
background: #1891ed;
box-shadow: 0 8px 32px rgba(24, 145, 237, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.fc-contact-fab-stack .fc-contact-fab--chat {
background: #1891ed;
border: 2px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px rgba(24, 145, 237, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.fc-contact-fab-stack .fc-contact-fab--call svg {
width: 1.5rem;
height: 1.5rem;
stroke: #ffffff;
}
/* Brand call CTA (navbar + Kayak loader) — FlightClicks blue theme */
.fc-call-expert-banner {
--fc-call-bg: linear-gradient(135deg, #1891ed 0%, #0d6cb8 100%);
--fc-call-bg-hover: linear-gradient(135deg, #1a9af5 0%, #0b5ea3 100%);
--fc-call-border: rgba(13, 108, 184, 0.35);
--fc-call-text: #ffffff;
--fc-call-subtext: rgba(255, 255, 255, 0.92);
--fc-call-glow: rgba(24, 145, 237, 0.45);
display: inline-flex;
align-items: center;
gap: 0.625rem;
padding: 0.5rem 0.75rem;
border-radius: 0.625rem;
background: var(--fc-call-bg);
border: 1px solid var(--fc-call-border);
box-shadow:
0 8px 22px rgba(13, 108, 184, 0.28),
0 0 0 1px rgba(255, 255, 255, 0.12) inset;
text-decoration: none !important;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
animation: fc-call-glow 2.4s ease-in-out infinite;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.fc-call-expert-banner--nav {
position: relative;
z-index: 3;
flex-shrink: 0;
max-width: min(15rem, 42vw);
}
.fc-call-expert-banner--nav-compact {
width: 2.75rem;
height: 2.75rem;
min-width: 2.75rem;
min-height: 2.75rem;
padding: 0;
justify-content: center;
border-radius: 0.75rem;
flex-shrink: 0;
}
.fc-call-expert-banner--nav-compact .fc-call-expert-banner__copy {
display: none;
}
.fc-call-expert-banner--nav-compact .fc-call-expert-banner__icon {
width: 2.75rem;
height: 2.75rem;
}
.fc-call-expert-banner--nav-compact .fc-call-expert-banner__icon svg {
width: 1.375rem;
height: 1.375rem;
}
.fc-call-expert-banner--nav-mobile {
width: 100%;
max-width: none;
justify-content: flex-start;
padding: 0.75rem 1rem;
border-radius: 0.75rem;
}
.fc-call-expert-banner--nav-mobile .fc-call-expert-banner__tagline {
display: block;
}
.fc-call-expert-banner:hover,
.fc-call-expert-banner:focus-visible {
transform: translateY(-1px);
background: var(--fc-call-bg-hover);
box-shadow:
0 12px 28px rgba(13, 108, 184, 0.38),
0 0 0 1px rgba(255, 255, 255, 0.2) inset,
0 0 20px var(--fc-call-glow);
text-decoration: none !important;
}
.fc-call-expert-banner__icon {
position: relative;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
color: var(--fc-call-text);
}
.fc-call-expert-banner__icon svg {
width: 1.625rem;
height: 1.625rem;
stroke: currentColor;
}
.fc-call-expert-banner__rings {
position: absolute;
inset: -4px;
border: 2px solid rgba(255, 255, 255, 0.35);
border-radius: 999px;
animation: fc-call-ring 1.8s ease-out infinite;
pointer-events: none;
}
.fc-call-expert-banner__copy {
min-width: 0;
flex: 1;
text-align: left;
}
.fc-call-expert-banner__number {
display: block;
font-size: 0.9375rem;
font-weight: 800;
line-height: 1.15;
color: var(--fc-call-text);
text-decoration: none !important;
letter-spacing: 0.01em;
white-space: nowrap;
}
.fc-call-expert-banner__tagline {
display: block;
margin-top: 0.0625rem;
font-size: 0.6875rem;
font-weight: 600;
line-height: 1.2;
color: var(--fc-call-subtext);
text-decoration: none !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 640px) {
.fc-call-expert-banner--nav:not(.fc-call-expert-banner--nav-mobile) {
max-width: 16.5rem;
padding: 0.55rem 0.85rem;
}
.fc-call-expert-banner--nav:not(.fc-call-expert-banner--nav-mobile) .fc-call-expert-banner__number {
font-size: 1rem;
}
.fc-call-expert-banner--nav:not(.fc-call-expert-banner--nav-mobile) .fc-call-expert-banner__tagline {
font-size: 0.75rem;
}
}
/* Header call CTA visibility — do not rely on Tailwind xl: utilities (not in built CSS) */
.fc-header-call--desktop {
display: none;
}
.fc-header-call--mobile {
display: block;
}
.fc-header-menu-toggle {
display: inline-flex;
}
@media (min-width: 1280px) {
.fc-header-call--desktop {
display: block;
}
.fc-header-call--mobile {
display: none;
}
.fc-header-menu-toggle {
display: none;
}
}
/* Mobile header row — logo + compact call + menu */
@media (max-width: 1279px) {
.fc-premium-header-row {
gap: 0.5rem;
}
.fc-header-actions {
gap: 0.5rem;
}
}
.fc-mobile-panel__call {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.fc-mobile-panel nav a {
min-height: 2.75rem;
display: flex;
align-items: center;
}
@keyframes fc-call-glow {
0%,
100% {
box-shadow:
0 8px 22px rgba(13, 108, 184, 0.28),
0 0 0 1px rgba(255, 255, 255, 0.12) inset;
}
50% {
box-shadow:
0 12px 30px rgba(13, 108, 184, 0.42),
0 0 0 1px rgba(255, 255, 255, 0.18) inset,
0 0 18px rgba(24, 145, 237, 0.5);
}
}
@keyframes fc-call-ring {
0% {
transform: scale(0.85);
opacity: 0.7;
}
100% {
transform: scale(1.35);
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.fc-call-expert-banner,
.fc-kl__call-cta {
animation: none;
}
.fc-call-expert-banner__rings {
animation: none;
opacity: 0;
}
}
.fc-support-card {
background: linear-gradient(145deg, rgba(24, 145, 237, 0.12) 0%, rgba(18, 26, 43, 0.9) 45%, rgba(10, 15, 26, 0.95) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.fc-fab-pulse {
box-shadow: 0 8px 32px rgba(24, 145, 237, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.fc-fab-wa {
box-shadow: 0 8px 32px rgba(37, 211, 102, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.fc-mobile-actions {
box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45);
}
#fc-nav-toggle[aria-expanded="true"] .fc-nav-bars-lines {
opacity: 0;
transform: scale(0.85);
}
#fc-nav-toggle[aria-expanded="true"] .fc-nav-close {
opacity: 1;
transform: rotate(0);
}
#fc-nav-toggle .fc-nav-close {
opacity: 0;
transform: rotate(-90deg);
}
#fc-nav-toggle .fc-nav-bars-lines,
#fc-nav-toggle .fc-nav-close {
transition: opacity 0.2s ease, transform 0.2s ease;
}
#fc-loader-ring {
transition: stroke-dashoffset 0.08s linear;
}
@media (prefers-reduced-motion: reduce) {
#fc-loader-ring {
transition: none;
}
}
/* Flight search overlays: plane cruises with banking + scrolling sky dashes + contrail */
@keyframes fc-plane-dashes-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-36px);
}
}
@keyframes fc-plane-cruise {
0%,
100% {
transform: translateX(-14px) translateY(2px);
}
50% {
transform: translateX(14px) translateY(-5px);
}
}
@keyframes fc-plane-bank {
0%,
100% {
transform: rotate(-10deg) scale(1);
}
50% {
transform: rotate(10deg) scale(1.06);
}
}
@keyframes fc-plane-trail-glow {
0%,
100% {
opacity: 0.35;
transform: scaleX(0.85);
}
50% {
opacity: 0.95;
transform: scaleX(1.05);
}
}
.fc-loading-plane-track {
isolation: isolate;
}
.fc-loading-plane-dashes {
position: absolute;
inset: -1px;
z-index: 0;
border-radius: inherit;
opacity: 0.5;
background-image: repeating-linear-gradient(
105deg,
transparent 0,
transparent 12px,
rgba(56, 189, 248, 0.09) 12px,
rgba(56, 189, 248, 0.09) 14px,
transparent 14px,
transparent 28px
);
background-size: 44px 100%;
animation: fc-plane-dashes-scroll 1.05s linear infinite;
pointer-events: none;
}
.fc-loading-plane-shuttle {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
transform-origin: center center;
will-change: transform;
animation: fc-plane-cruise 2.5s ease-in-out infinite;
}
.fc-loading-plane-trail {
position: absolute;
right: 50%;
top: 50%;
z-index: 0;
width: 3.25rem;
height: 4px;
margin-top: -2px;
margin-right: 6px;
border-radius: 9999px;
background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.35), rgba(56, 189, 248, 0.7));
transform-origin: right center;
opacity: 0.75;
filter: blur(0.5px);
animation: fc-plane-trail-glow 2.5s ease-in-out infinite;
pointer-events: none;
}
.fc-loading-plane-inner {
position: relative;
z-index: 1;
display: block;
transform-origin: center center;
will-change: transform;
animation: fc-plane-bank 2.5s ease-in-out infinite;
}
.fc-loading-plane-inner svg {
display: block;
filter: drop-shadow(0 0 16px rgba(56, 189, 248, 0.7)) drop-shadow(0 2px 8px rgba(24, 145, 237, 0.45));
}
@media (prefers-reduced-motion: reduce) {
.fc-loading-plane-dashes {
animation: none;
}
.fc-loading-plane-shuttle {
animation: none;
transform: none;
}
.fc-loading-plane-inner {
animation: none;
transform: none;
}
.fc-loading-plane-trail {
animation: none;
opacity: 0.55;
transform: none;
}
}
body.fc-nav-open .fc-site-header {
z-index: 100;
}
body.fc-nav-open #fc-nav-backdrop {
z-index: 65;
}
body.fc-nav-open .fc-mobile-actions {
z-index: 35;
pointer-events: none;
opacity: 0.35;
}
#fc-hero-slides {
position: absolute;
inset: 0;
}
.fc-hero-slide-wrap {
position: absolute;
inset: 0;
z-index: 0;
display: block;
margin: 0;
padding: 0;
}
.fc-hero-slide-wrap .fc-hero-slide {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.fc-hero-slide {
position: absolute;
inset: 0;
z-index: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.fc-hero-slide.fc-hero-slide--active {
z-index: 1;
opacity: 1;
}
.fc-hero-dot.fc-hero-dot--on {
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 0 0 2px rgba(24, 145, 237, 0.6);
}
.fc-form-lbl {
display: flex;
align-items: center;
gap: 0.35rem;
}
.fc-form-lbl svg {
flex-shrink: 0;
}
.fc-input-wrap {
position: relative;
}
.fc-input-wrap > svg.fc-inp-ico {
position: absolute;
left: 0.65rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: rgba(255, 255, 255, 0.9);
}
.fc-input-wrap:focus-within > svg.fc-inp-ico {
color: #ffffff;
}
.fc-input-pad {
padding-left: 2.35rem;
}
#tawkchat-minimized-container,
#tawkchat-minimized,
#tawkchat-minimized-button,
iframe#tawkchat-minimized-iframe,
.tawk-min-container .tawk-button,
.tawk-min-container .tawk-button-circle {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Sits behind the visible text field; desktop: showPicker() from JS; typing hits the text layer. */
.fc-date-native {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
min-height: 2.5rem;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
opacity: 0;
z-index: 0;
pointer-events: none;
appearance: none;
-webkit-appearance: none;
}
/*
* Mobile/tablet: WebKit (Safari iOS) requires a real tap on — programmatic
* showPicker()/click() from the text field often fails. Stack the native picker above the text
* field and let touches hit it directly; value still mirrors into the visible DD/MM/YYYY field via JS.
* opacity: 0 often blocks taps on iOS/Android — use 0.01 instead.
*/
@media (max-width: 1023px) {
#fc-dates .fc-input-wrap.fc-date-field {
position: relative;
min-height: 2.625rem;
touch-action: manipulation;
}
#fc-dates .fc-date-native {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
min-height: 2.625rem;
margin: 0;
padding: 0;
border: 0;
opacity: 0.01;
z-index: 30;
pointer-events: auto;
cursor: pointer;
font-size: 16px;
-webkit-appearance: none;
appearance: none;
}
#fc-dates .fc-input-wrap input.fc-date-text,
#fc-dates .fc-input-wrap input.fc-input-pad#fc-start,
#fc-dates .fc-input-wrap input.fc-input-pad#fc-end,
#fc-dates .fc-input-wrap input#fc-start,
#fc-dates .fc-input-wrap input#fc-end {
pointer-events: none;
position: relative;
z-index: 1;
}
#fc-dates .fc-input-wrap > svg.fc-inp-ico-end {
z-index: 1;
pointer-events: none;
}
/* Full-field tap target: label[for] opens native date picker (iOS only hits icon on bare input) */
#fc-dates .fc-date-fullhit {
position: absolute;
inset: 0;
z-index: 40;
margin: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
#fc-dates .fc-date-native {
z-index: 5;
}
/* Fixed mobile Call/Chat/Quote bar — keep date fields tappable above it */
.fc-home-page #search.fc-hero-stack > .container.z-20 {
padding-bottom: max(6rem, calc(env(safe-area-inset-bottom, 0px) + 5rem)) !important;
}
}
/* -------------------------------------------------------------------------- */
/* Flight search landing: mobile results + search form (fixed bottom bar, etc.) */
/* -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
#fc-results-section {
scroll-margin-top: 7.5rem;
padding-bottom: max(5.75rem, calc(env(safe-area-inset-bottom, 0px) + 4.5rem));
}
#search.fc-landing-search {
padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0px));
}
.fc-landing-results-head {
flex-direction: column;
align-items: stretch;
gap: 1rem;
}
.fc-landing-results-head .fc-landing-call-btn,
.fc-landing-results-head .fc-landing-btn-edit {
width: 100%;
justify-content: center;
min-height: 2.75rem;
touch-action: manipulation;
}
#fc-results-section #fc-results-sub {
word-break: break-word;
overflow-wrap: anywhere;
}
#fc-results-section .fc-support-card,
#fc-results-section .fc-results-support-sticky {
position: static;
top: auto;
max-height: none;
overflow-y: visible;
}
}
/* Flatpickr on mobile: instant day tap (no OS "Done"); hide native overlay */
#fc-search-panel .fc-date-flatpickr-wrap .fc-date-fullhit,
#fc-search-panel .fc-date-flatpickr-wrap .fc-date-native {
display: none !important;
pointer-events: none !important;
}
#fc-search-panel .fc-date-flatpickr-wrap input.fc-date-text {
pointer-events: auto !important;
cursor: pointer;
}
#fc-search-panel .flatpickr-calendar {
z-index: 10080 !important;
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.22);
border-radius: 0.75rem;
border: 1px solid #cbd5e1;
}
#fc-search-panel .flatpickr-day.selected,
#fc-search-panel .flatpickr-day.startRange,
#fc-search-panel .flatpickr-day.endRange {
background: #1891ed;
border-color: #1891ed;
}
#fc-search-panel .flatpickr-day.today {
border-color: #1891ed;
}
@media (min-width: 1024px) {
#fc-dates .fc-date-fullhit {
display: none;
}
}
@media (min-width: 1024px) {
#fc-results-section {
scroll-margin-top: 6rem;
}
}
/* -------------------------------------------------------------------------- */
/* Home: Featured routes */
/* -------------------------------------------------------------------------- */
.fc-featured-routes .fc-featured-card {
transition:
transform 0.35s ease,
box-shadow 0.35s ease,
border-color 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
.fc-featured-routes .fc-featured-card:hover {
transform: translateY(-5px);
}
}
.fc-featured-card__media-fade {
background: linear-gradient(180deg, transparent 40%, rgba(10, 15, 26, 0.78) 100%);
}
.fc-featured-card__chip {
position: absolute;
left: 1rem;
bottom: 1rem;
z-index: 1;
display: inline-flex;
align-items: center;
border-radius: 9999px;
padding: 0.35rem 0.8rem;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #fff;
background: rgba(10, 15, 26, 0.58);
border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.fc-featured-card__kicker {
display: inline-block;
border-bottom: 1px solid rgba(201, 169, 98, 0.4);
padding-bottom: 0.4rem;
}
.fc-featured-card__body {
min-height: 0;
}
[data-fc-theme='light'] .fc-featured-card {
background: #ffffff !important;
border-color: #e2e8f0 !important;
box-shadow:
0 4px 22px rgba(15, 23, 42, 0.06),
0 0 0 1px rgba(15, 23, 42, 0.03) !important;
}
[data-fc-theme='light'] .fc-featured-card:hover {
border-color: rgba(24, 145, 237, 0.3) !important;
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1) !important;
}
[data-fc-theme='light'] .fc-featured-card__media-fade {
background: linear-gradient(180deg, transparent 45%, rgba(15, 23, 42, 0.22) 100%) !important;
}
[data-fc-theme='light'] .fc-featured-card__chip {
color: #0f172a !important;
background: rgba(255, 255, 255, 0.94) !important;
border-color: rgba(15, 23, 42, 0.08) !important;
}
[data-fc-theme='light'] .fc-featured-card__kicker {
border-bottom-color: rgba(180, 83, 9, 0.35);
}
[data-fc-theme='light'] .fc-featured-card__link:focus-visible {
--tw-ring-offset-color: #f8fafc !important;
}
/**
* Flight Clicks — home landing (light, navy + gold). Pairs with Bootstrap 5.
* Search form autocomplete + panel rules still come from fc-home-premium.css.
*/
:root {
--fc-navy: #0f172a;
--fc-btn: #0d6cb8;
--fc-btn-hover: #0b5a9a;
--fc-gold: #ec9e10;
--fc-gold-mid: #d88e0e;
--fc-gold-dark: #b0750d;
--fc-gold-highlight: #fde18a;
--fc-slate-50: #f8fafc;
--fc-slate-100: #f1f5f9;
--fc-muted: #64748b;
}
.fc-home-page {
font-family: system-ui, "Segoe UI", Roboto, sans-serif;
background-color: var(--fc-slate-50);
color: #0f172a;
}
.fc-home-page .font-family-display {
font-family: Georgia, Cambria, "Times New Roman", serif;
}
.fc-gradient-primary {
background: linear-gradient(135deg, #1e293b 0%, var(--fc-navy) 55%, #0c1222 100%);
}
.fc-gradient-gold {
background: linear-gradient(135deg, var(--fc-gold-highlight) 0%, var(--fc-gold) 40%, var(--fc-gold-dark) 100%);
}
.fc-text-gradient-gold {
background: linear-gradient(90deg, #fceeb8, var(--fc-gold), var(--fc-gold-dark));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.fc-text-brand {
color: #0d6cb8 !important;
background: none !important;
-webkit-background-clip: unset;
background-clip: unset;
}
.fc-hero-overlay {
background: linear-gradient(180deg, rgba(15, 23, 42, 0.35) 0%, rgba(15, 23, 42, 0.82) 100%);
}
.fc-shadow-soft {
box-shadow: 0 10px 40px -18px rgba(15, 23, 42, 0.35);
}
.fc-shadow-gold {
box-shadow: 0 10px 30px -10px rgba(236, 158, 16, 0.42);
}
/* Premium site chrome (home + inner pages): header above content, below loader (2000).
Solid fallbacks so chrome stays visible if Tailwind CDN is slow or blocked (utilities won’t apply). */
.fc-premium-site .fc-premium-header-row {
display: flex;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.75rem 1rem;
box-sizing: border-box;
}
.fc-premium-site header.fc-site-header {
position: sticky;
top: 0;
z-index: 1080 !important;
background: rgba(255, 255, 255, 0.96) !important;
color: #0f172a !important;
border-bottom: none !important;
-webkit-backdrop-filter: none;
backdrop-filter: none;
box-shadow: none;
}
/* Bootstrap reboot + UA defaults underline ; nav should stay clean */
.fc-premium-site header.fc-site-header a {
text-decoration: none !important;
}
.fc-premium-site header.fc-site-header a:hover,
.fc-premium-site header.fc-site-header a:focus-visible {
text-decoration: none !important;
}
/* Primary nav + row must not clip absolute flyouts (Destinations mega-panel). */
.fc-premium-site header.fc-site-header nav[aria-label='Primary'],
.fc-premium-site header.fc-site-header .fc-premium-header-row {
overflow: visible !important;
}
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] a.text-slate-300,
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] #fc-nav-dest-trigger.text-slate-300 {
/* Header bar is forced white above — inactive links must stay dark (not theme #cbd5e1 / #64748b). */
color: #1e293b !important;
opacity: 1 !important;
}
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] a.text-slate-300:hover,
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] #fc-nav-dest-trigger.text-slate-300:hover {
color: #0f172a !important;
}
/* Lighthouse: primary nav touch targets (min 44×44px). */
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] a,
.fc-premium-site header.fc-site-header #fc-nav-dest-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
min-width: 44px;
padding: 0.5rem 0.75rem;
box-sizing: border-box;
}
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] a.text-white,
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] #fc-nav-dest-trigger.text-white {
color: #0d6cb8 !important;
font-weight: 600;
}
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] a.text-white:hover,
.fc-premium-site header.fc-site-header nav[aria-label='Primary'] #fc-nav-dest-trigger.text-white:hover {
color: #0b5a9a !important;
}
.fc-premium-site header .fc-nav-dest-root .rounded-2xl.border.border-white\/10.bg-ink-soft\/95 {
background: rgba(255, 255, 255, 0.98) !important;
border-color: #e2e8f0 !important;
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
}
.fc-premium-site header .fc-nav-dest-root .rounded-2xl a.text-slate-200 {
color: #475569 !important;
}
.fc-premium-site header .fc-nav-dest-root .rounded-2xl a.text-slate-200:hover,
.fc-premium-site header .fc-nav-dest-root .rounded-2xl a.text-white:hover {
background: #f1f5f9 !important;
color: #0f172a !important;
}
.fc-premium-site header .fc-nav-dest-root .rounded-2xl a.text-white {
color: #0d6cb8 !important;
}
.fc-premium-site header .fc-nav-dest-root .rounded-2xl .border-white\/10 {
border-color: #e2e8f0 !important;
}
.fc-premium-site #fc-nav-toggle {
border-color: #cbd5e1 !important;
background-color: #ffffff !important;
color: #0f172a !important;
}
.fc-premium-site #fc-nav-toggle .fc-nav-bars-lines span {
background-color: #0f172a !important;
}
.fc-premium-site #fc-nav-toggle .fc-nav-close {
color: #0f172a !important;
stroke: #0f172a !important;
}
.fc-premium-site #fc-mobile-panel {
background-color: rgba(255, 255, 255, 0.98) !important;
border-color: #e2e8f0 !important;
}
.fc-premium-site #fc-mobile-panel nav a {
color: #334155 !important;
}
.fc-premium-site #fc-mobile-panel nav a:hover {
background: #f1f5f9 !important;
color: #0f172a !important;
}
.fc-premium-site #fc-mobile-panel .text-slate-500 {
color: #64748b !important;
}
.fc-premium-site #fc-mobile-panel .fc-mobile-panel__call {
background: rgba(255, 255, 255, 0.98) !important;
border-color: #e2e8f0 !important;
}
.fc-premium-site #fc-mobile-panel .fc-mobile-panel__hours {
color: #64748b !important;
}
.fc-premium-site #fc-nav-backdrop {
z-index: 1070 !important;
}
/* fc-home-premium.css sets body.fc-nav-open .fc-site-header { z-index: 100 } — override for fc-premium-site */
body.fc-nav-open.fc-premium-site .fc-site-header {
z-index: 1080 !important;
}
body.fc-nav-open.fc-premium-site #fc-nav-backdrop {
z-index: 1070 !important;
}
/* Header CTAs — matched sizing, no underlines */
.fc-premium-site .fc-header-actions {
position: relative;
z-index: 3;
pointer-events: auto;
}
.fc-premium-site .fc-header-cta,
.fc-premium-site header.fc-site-header a.fc-header-cta,
.fc-premium-site #fc-mobile-panel a.fc-header-cta {
position: relative;
z-index: 3;
pointer-events: auto;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
text-decoration: none !important;
flex-shrink: 0;
box-sizing: border-box;
}
.fc-premium-site .fc-header-cta:hover,
.fc-premium-site .fc-header-cta:focus,
.fc-premium-site .fc-header-cta:focus-visible,
.fc-premium-site .fc-header-cta:active,
.fc-premium-site header.fc-site-header a.fc-header-cta:hover,
.fc-premium-site header.fc-site-header a.fc-header-cta:focus-visible,
.fc-premium-site #fc-mobile-panel a.fc-header-cta:hover,
.fc-premium-site #fc-mobile-panel a.fc-header-cta:focus-visible {
text-decoration: none !important;
}
.fc-premium-site header.fc-site-header nav a,
.fc-premium-site header.fc-site-header nav a:hover,
.fc-premium-site header.fc-site-header nav a:focus-visible,
.fc-premium-site #fc-mobile-panel nav a,
.fc-premium-site #fc-mobile-panel nav a:hover,
.fc-premium-site #fc-mobile-panel nav a:focus-visible {
text-decoration: none !important;
}
.fc-premium-site .fc-header-call-cta {
color: #ffffff !important;
}
.fc-premium-site .fc-header-quote-cta {
color: #0d6cb8 !important;
}
.fc-premium-site .fc-header-quote-cta:hover {
color: #0b5a9a !important;
}
[data-fc-theme='light'] .fc-header-call-cta,
[data-fc-theme='light'] .fc-header-call-cta span {
color: #ffffff !important;
}
[data-fc-theme='light'] .fc-header-quote-cta {
color: #0d6cb8 !important;
background-color: rgba(13, 108, 184, 0.08) !important;
border-color: rgba(13, 108, 184, 0.28) !important;
}
[data-fc-theme='light'] .fc-header-quote-cta:hover {
color: #0b5a9a !important;
background-color: rgba(13, 108, 184, 0.14) !important;
}
/* Full-screen search loader — hidden until .fc-loading-overlay--open (cannot block nav) */
.fc-home-page #fc-loading-overlay.fc-loading-overlay-pane {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
box-sizing: border-box;
padding: 1rem;
z-index: 2000;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(15, 23, 42, 0.45);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.fc-home-page #fc-loading-overlay.fc-loading-overlay-pane:not(.fc-loading-overlay--open) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
.fc-home-page #fc-loading-overlay.fc-loading-overlay-pane.fc-loading-overlay--open {
display: flex !important;
visibility: visible !important;
pointer-events: auto !important;
}
.fc-hero-slide-wrap {
position: absolute;
inset: 0;
display: block;
margin: 0;
padding: 0;
}
.fc-hero-slide-wrap .fc-hero-slide {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.fc-hero-slide {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1.5s ease-in-out;
}
.fc-hero-slide.fc-hero-slide--active {
opacity: 1;
}
/* Hero slide stack */
#fc-hero-slides {
position: absolute;
inset: 0;
background: var(--fc-navy);
}
.fc-hero-stack {
min-height: min(100vh, 900px);
}
.fc-hero-dots {
display: flex;
gap: 0.5rem;
}
.fc-hero-dot {
width: 0.5rem;
height: 0.5rem;
border-radius: 9999px;
background: rgba(255, 255, 255, 0.35);
transition: all 0.3s ease;
}
.fc-hero-dot.fc-hero-dot--on {
background: rgba(255, 255, 255, 0.85);
transform: scale(1.15);
}
/* Light search panel on hero (override premium blue pills → gold accent) */
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel {
overflow: visible !important;
background: #fff !important;
border: 1px solid #e2e8f0 !important;
box-shadow:
0 18px 46px -28px rgba(15, 23, 42, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
backdrop-filter: none;
}
.fc-trip-stripe-bg {
background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
.fc-search-card-main {
max-width: 100%;
}
/* Search form grid — desktop horizontal layout (also wins if hero critical CSS is too broad) */
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .row {
display: flex;
flex-wrap: wrap;
margin-left: -0.75rem;
margin-right: -0.75rem;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .row > [class*='col'] {
padding-left: 0.75rem;
padding-right: 0.75rem;
box-sizing: border-box;
}
@media (min-width: 768px) {
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-dates > .col-md-6 {
flex: 0 0 auto;
width: 50%;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-pax-row.row-cols-md-3 > .col {
flex: 0 0 auto;
width: 33.333333%;
}
}
@media (min-width: 1200px) {
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-dates > .col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-dates > .col-xl-1 {
flex: 0 0 auto;
width: 8.333333%;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-dates > .col-xl {
flex: 1 0 0%;
width: auto;
max-width: 100%;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-pax-row.row-cols-xl-5 > .col {
flex: 0 0 auto;
width: 20%;
}
}
/* Compact desktop spacing */
@media (min-width: 992px) {
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-stripe-bg {
padding-top: 0.65rem !important;
padding-bottom: 0.65rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .card-body {
padding: 1rem 1.25rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-form-lbl {
margin-bottom: 0.35rem !important;
font-size: 0.68rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-search-input,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .form-select {
min-height: 2.375rem !important;
padding-top: 0.35rem !important;
padding-bottom: 0.35rem !important;
font-size: 0.875rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-dates.row {
--bs-gutter-y: 0.65rem;
--bs-gutter-x: 0.75rem;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel #fc-pax-row.row {
--bs-gutter-y: 0.65rem;
margin-top: 0.35rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-home-search-submit {
padding: 0.55rem 1.35rem !important;
font-size: 0.9rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .card-body > .d-flex.pt-4 {
padding-top: 0.85rem !important;
margin-top: 0.5rem !important;
}
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel label:not(.form-check-label):not(.invisible),
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-form-lbl:not(.invisible) {
color: #0f172a !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-form-lbl .fc-lbl-ico {
color: #0d6cb8 !important;
stroke: #0d6cb8 !important;
flex-shrink: 0;
}
/* Field icons — brand blue (override legacy white/gray icon colors on light panel) */
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-input-wrap > svg.fc-inp-ico,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-input-wrap > svg.fc-inp-ico-end,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-input-wrap > svg.fc-select-ico {
color: #0d6cb8 !important;
stroke: #0d6cb8 !important;
width: 1.125rem;
height: 1.125rem;
opacity: 1;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-input-wrap:focus-within > svg.fc-inp-ico,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-input-wrap:focus-within > svg.fc-inp-ico-end,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-input-wrap:focus-within > svg.fc-select-ico {
color: #0b5a9a !important;
stroke: #0b5a9a !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-select-wrap .form-select {
padding-left: 2.35rem !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills {
background: #eef2f6 !important;
border: 1px solid #e2e8f0;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:checked + span,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:checked + .fc-trip-pill-span {
background: #0d6cb8 !important;
color: #ffffff !important;
box-shadow: 0 4px 14px -6px rgba(13, 108, 184, 0.55) !important;
border: 1px solid #0b5a9a !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:not(:checked) + span,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:not(:checked) + .fc-trip-pill-span {
background: transparent !important;
color: #475569 !important;
box-shadow: none !important;
border: 1px solid transparent !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label .fc-trip-pill-span {
min-height: 44px;
min-width: 44px;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-ico {
opacity: 0.9;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:checked + span .fc-trip-ico,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:checked + .fc-trip-pill-span .fc-trip-ico {
opacity: 1;
color: #ffffff !important;
stroke: #ffffff !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-trip-pills label input.fc-trip-radio:not(:checked) + .fc-trip-pill-span .fc-trip-ico {
color: #0d6cb8 !important;
stroke: #0d6cb8 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-swap-circle {
width: 2.5rem;
height: 2.5rem;
flex-shrink: 0;
border-color: rgba(13, 108, 184, 0.35) !important;
background: #fff !important;
color: #0d6cb8 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-swap-circle svg {
stroke: #0d6cb8 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-swap-circle:hover {
background: rgba(13, 108, 184, 0.08) !important;
border-color: #0d6cb8 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-swap-btn.btn-link {
color: #0d6cb8 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-swap-btn.btn-link svg {
stroke: #0d6cb8 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-date-field .fc-date-text.fc-search-input {
position: relative;
z-index: 4;
padding-right: 2.75rem;
}
@media (max-width: 1023px) {
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-date-field .fc-date-text.fc-search-input {
z-index: 1;
}
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-form-switch-muted .form-check-label {
color: #64748b !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-form-switch-muted .form-check-input:focus {
box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.22);
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-search-input,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-select-wrap {
border-color: #e2e8f0 !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel button[type="submit"].fc-home-search-submit,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-home-search-submit,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .btn.fc-home-search-submit {
background: #0d6cb8 !important;
background-image: none !important;
border: none !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
border-radius: 0.5rem !important;
box-shadow: 0 8px 22px -10px rgba(13, 108, 184, 0.45) !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-home-search-submit svg {
color: #ffffff !important;
stroke: #ffffff !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-home-search-submit:hover,
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-home-search-submit:focus {
filter: none;
background: #0b5a9a !important;
color: #ffffff !important;
border-color: transparent !important;
}
/* Primary CTAs (was orange/gold ~#EA8F09) → brand blue */
.fc-home-page .btn.fc-gradient-gold,
.fc-home-page a.btn.fc-gradient-gold,
.fc-home-page a.btn.fc-gradient-gold.fc-shadow-gold,
.fc-home-page #search a.btn.btn-lg.fc-gradient-gold,
.fc-home-page #quote a.btn.fc-gradient-gold {
background: #0d6cb8 !important;
background-image: none !important;
border-color: transparent !important;
color: #ffffff !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
box-shadow: 0 8px 22px -10px rgba(13, 108, 184, 0.45) !important;
}
.fc-home-page .btn.fc-gradient-gold:hover,
.fc-home-page a.btn.fc-gradient-gold:hover,
.fc-home-page a.btn.fc-gradient-gold.fc-shadow-gold:hover {
background: #0b5a9a !important;
color: #ffffff !important;
filter: none;
}
.fc-home-page a.btn.fc-shadow-gold,
.fc-home-page .btn.fc-shadow-gold {
box-shadow: 0 8px 22px -10px rgba(13, 108, 184, 0.45) !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-search-panel .fc-panel-secondary-btn {
border-radius: 0.375rem !important;
border-color: #cbd5e1 !important;
color: var(--fc-navy) !important;
}
:is(.fc-home-page, #search.fc-landing-search) #fc-recap {
border-color: rgba(236, 158, 16, 0.45) !important;
background: rgba(253, 244, 220, 0.45) !important;
color: var(--fc-navy) !important;
}
/* Destination / deal cards */
.fc-deal-card-media {
position: relative;
overflow: hidden;
border-radius: 1rem;
}
.fc-deal-card-media img {
width: 100%;
display: block;
object-fit: cover;
}
/* Home hot-deals band: cover image under gradient + badge on top */
#deals .fc-deal-card-media--hot > img.position-absolute {
z-index: 0;
}
#deals .fc-deal-card-media--hot > .position-absolute.bottom-0 {
z-index: 1;
}
#deals .fc-deal-card-media--hot > .badge {
z-index: 2;
}
/* Three equal deal tiles: identical portrait ratio per column */
#deals .fc-deal-card-media--hot-equal {
aspect-ratio: 4 / 5;
min-height: 260px;
}
.fc-deal-gradient-bottom {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(15, 23, 42, 0.95), transparent 55%);
}
.fc-pop-tile {
position: relative;
display: block;
border-radius: 1.25rem;
overflow: hidden;
border: 1px solid #e2e8f0;
box-shadow: 0 8px 24px -12px rgba(15, 23, 42, 0.25);
text-decoration: none;
color: inherit;
aspect-ratio: 1;
}
@media (min-width: 768px) {
.fc-pop-tile {
aspect-ratio: 4/5;
}
}
.fc-pop-tile img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease;
}
.fc-pop-tile:hover img {
transform: scale(1.05);
}
.fc-pop-tile .fc-deal-gradient-bottom {
background: linear-gradient(to top, rgba(15, 23, 42, 0.9), transparent 50%);
}
/* Popular destination tiles — city + CTA aligned on one row where space allows */
.fc-pop-tile .fc-pop-tile__caption {
z-index: 2;
}
.fc-pop-tile .fc-pop-tile__caption-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 0.5rem 0.625rem;
}
.fc-pop-tile .fc-pop-tile__title {
flex: 1 1 auto;
min-width: 0;
line-height: 1.25;
color: #fff;
}
.fc-pop-tile .fc-pop-tile__cta {
flex: 0 0 auto;
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
line-height: 1.2;
white-space: nowrap;
background-color: #1891ed;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Why choose us — white section, blue cards + white card copy */
.fc-why-section,
.fc-home-page .fc-why-section {
background-color: #ffffff !important;
background-image: none !important;
color: #0f172a !important;
}
.fc-why-section .fc-why-section__intro .fc-why-section__kicker,
.fc-home-page .fc-why-section .fc-why-section__intro .fc-why-section__kicker {
color: #1891ed !important;
letter-spacing: 0.14em;
}
.fc-why-section .fc-why-section__intro h2,
.fc-home-page .fc-why-section .fc-why-section__intro h2 {
color: #0f172a !important;
}
.fc-why-section .fc-why-card,
.fc-home-page .fc-why-section .fc-why-card {
border-radius: 1.25rem;
padding: 1.25rem;
background: linear-gradient(165deg, #1891ed 0%, #0d6cb8 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
box-shadow: 0 10px 28px rgba(13, 108, 184, 0.28) !important;
height: 100%;
color: #ffffff !important;
transition:
box-shadow 0.2s ease,
transform 0.2s ease,
filter 0.2s ease;
}
.fc-why-section .fc-why-card:hover,
.fc-home-page .fc-why-section .fc-why-card:hover {
box-shadow: 0 14px 36px rgba(13, 108, 184, 0.38) !important;
filter: brightness(1.03);
transform: none;
}
.fc-why-section .fc-why-icon,
.fc-home-page .fc-why-section .fc-why-icon {
width: 3rem;
height: 3rem;
border-radius: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.25rem;
background: rgba(255, 255, 255, 0.98) !important;
color: #0d6cb8 !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
/* Beat site-enhance.css generic .fc-why-card on home */
section.fc-why-section .fc-why-card {
display: block !important;
background: linear-gradient(165deg, #1891ed 0%, #0d6cb8 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
box-shadow: 0 10px 28px rgba(13, 108, 184, 0.28) !important;
color: #ffffff !important;
}
section.fc-why-section .fc-why-card h3,
section.fc-why-section .fc-why-card p {
color: #ffffff !important;
}
.fc-icon-gold {
width: 3rem;
height: 3rem;
border-radius: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
background: linear-gradient(135deg, var(--fc-gold-highlight) 0%, var(--fc-gold) 45%, var(--fc-gold-dark) 100%);
color: var(--fc-navy);
}
/* Quote CTA */
.fc-quote-card {
border-radius: 1rem;
border: 1px solid #e2e8f0;
box-shadow: var(--fc-shadow-soft);
}
/* Floating + mobile bar (existing hooks) */
.fc-home-page .fc-mobile-actions a.rounded-xl:nth-child(1) {
background: var(--fc-btn) !important;
color: #ffffff !important;
box-shadow: 0 8px 22px -10px rgba(13, 108, 184, 0.45) !important;
}
.fc-home-page .fc-fab-pulse {
background: #0d6cb8 !important;
color: #ffffff !important;
box-shadow: 0 8px 22px -6px rgba(13, 108, 184, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}
.fc-home-page .fc-fab-pulse svg {
color: #ffffff !important;
stroke: #ffffff !important;
}
.fc-home-page .fc-fab-pulse:hover {
background: #0b5a9a !important;
color: #ffffff !important;
}
.fc-home-page .fc-fab-hit {
width: 3.5rem;
height: 3.5rem;
transition: transform 0.18s ease;
}
.fc-home-page .fc-fab-hit:hover {
transform: scale(1.06);
}
.fc-home-page .fc-fab-wa {
background: #25d366 !important;
}
.fc-home-page .fc-fab-quote {
background: #0d6cb8 !important;
color: #ffffff !important;
box-shadow: 0 8px 22px -6px rgba(13, 108, 184, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}
.fc-home-page .fc-fab-quote:hover {
background: #0b5a9a !important;
color: #ffffff !important;
}
.fc-home-page .fc-fab-quote__icon,
.fc-home-page .fc-fab-quote svg {
width: 1.5rem;
height: 1.5rem;
flex-shrink: 0;
color: #ffffff !important;
stroke: #ffffff !important;
}
@media (min-width: 768px) {
.fc-home-page .fc-home-fab-stack {
bottom: 1.5rem !important;
right: 1rem !important;
}
}
/* Desktop chat bubble removed on home — navbar + mobile bar still expose live chat. */
.fc-promo-pill {
background: linear-gradient(135deg, var(--fc-gold-highlight) 0%, var(--fc-gold) 45%, var(--fc-gold-dark) 100%);
color: var(--fc-navy);
font-weight: 600;
font-size: 0.7rem;
padding: 0.15rem 0.5rem;
border-radius: 9999px;
}
/* Loading overlay readable on home */
.fc-home-page #fc-loading-overlay .fc-loading-plane-track {
border-color: rgba(236, 158, 16, 0.35) !important;
}
.fc-home-page #fc-loading-overlay #fc-loading-bar {
background: linear-gradient(90deg, var(--fc-gold-mid), var(--fc-gold), #94a3b8) !important;
}
/* Light content sections below the hero (keep “Why us” dark separately). */
.fc-home-page .fc-home-surface {
background-color: #f1f5f9;
color: #0f172a;
}
.fc-home-page .fc-home-surface h2,
.fc-home-page .fc-home-surface .font-display {
color: #0f172a !important;
}
.fc-home-page .fc-home-surface .text-white:not(.badge) {
color: #0f172a !important;
}
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom .text-white,
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom h1,
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom h2,
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom h3,
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom .h2,
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom .h4,
.fc-home-page .fc-home-surface .fc-deal-gradient-bottom .h5 {
color: #fff !important;
}
.fc-home-page .fc-home-surface .fc-pop-tile h3,
.fc-home-page .fc-home-surface .fc-pop-tile .fc-pop-tile__title {
color: #fff !important;
}
/* Popular tiles — blue pill CTA must stay white (surface `.text-white` is inverted for light sections) */
.fc-home-page .fc-home-surface .fc-pop-tile .fc-pop-tile__cta {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.fc-home-page .fc-home-surface .text-slate-400,
.fc-home-page .fc-home-surface .text-slate-500 {
color: #64748b !important;
}
.fc-home-page .fc-home-surface .fc-featured-card {
background: #fff !important;
border-color: #e2e8f0 !important;
}
.fc-home-page .fc-home-surface .fc-featured-card__body p,
.fc-home-page .fc-home-surface .fc-featured-card__body .text-slate-400 {
color: #64748b !important;
}
.fc-home-page .fc-home-surface .fc-featured-card__chip {
background: rgba(255, 255, 255, 0.96) !important;
color: #0f172a !important;
border: 1px solid rgba(15, 23, 42, 0.08) !important;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}
.fc-home-page .fc-home-surface .fc-featured-card__media-fade {
background: linear-gradient(180deg, transparent 55%, rgba(15, 23, 42, 0.14) 100%) !important;
}
.fc-home-page .fc-home-surface .fc-featured-card__title {
display: block;
padding-bottom: 0;
border-bottom: none;
}
.fc-home-page .fc-home-surface .fc-featured-card__kicker {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.fc-home-page .fc-home-surface .fc-featured-card__cta {
background: #1891ed !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 6px 18px -8px rgba(24, 145, 237, 0.45);
transition:
background 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
}
.fc-home-page .fc-home-surface .fc-featured-card__cta .fc-featured-card__cta-arrow {
color: #ffffff !important;
}
.fc-home-page .fc-home-surface .fc-featured-card:hover .fc-featured-card__cta,
.fc-home-page .fc-home-surface .fc-featured-card__link:focus-visible .fc-featured-card__cta {
background: #1478d6 !important;
color: #ffffff !important;
box-shadow: 0 8px 22px -6px rgba(24, 145, 237, 0.5);
}
.fc-home-page .fc-home-surface .inline-flex.rounded-full.bg-brand {
background: linear-gradient(135deg, var(--fc-gold-highlight) 0%, var(--fc-gold) 45%, var(--fc-gold-dark) 100%) !important;
color: var(--fc-navy) !important;
}
.fc-home-page .fc-home-surface .text-gold {
color: var(--fc-gold-dark) !important;
}
/* Last-minute cards: light body; keep photo strip */
.fc-home-page .fc-home-surface .group .p-5 .text-white {
color: #0f172a !important;
}
.fc-home-page .fc-home-surface .group .p-5 .font-bold.text-brand {
color: #0f172a !important;
}
/* Hot deals — full-bleed card + solid CTA strip (home) */
.fc-deal-gradient-bottom--premium {
background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.42) 45%, transparent 72%) !important;
}
.fc-pop-tile.fc-deal-tile-premium {
border-radius: 1.15rem !important;
border-color: #e2e8f0 !important;
box-shadow: 0 14px 34px -14px rgba(15, 23, 42, 0.4) !important;
}
.fc-deal-tile-premium__overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
padding: 0.875rem 0.75rem 0.65rem;
display: flex;
flex-direction: column;
align-items: stretch;
color: #fff;
pointer-events: none;
}
.fc-deal-tile-premium__overlay * {
pointer-events: none;
}
@media (min-width: 768px) {
.fc-deal-tile-premium__overlay {
padding: 1rem 0.9rem 0.75rem;
}
}
.fc-deal-tile-premium__route {
display: flex;
align-items: center;
gap: 0.35rem;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.92);
margin-bottom: 0.25rem;
}
.fc-deal-tile-premium__plane {
flex-shrink: 0;
opacity: 0.95;
}
.fc-deal-tile-premium__city {
font-size: 1.05rem;
font-weight: 700;
line-height: 1.2;
margin: 0;
color: #fff !important;
}
@media (min-width: 768px) {
.fc-deal-tile-premium__city {
font-size: 1.15rem;
}
}
.fc-deal-tile-premium__country {
margin: 0.2rem 0 0;
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.9) !important;
}
.fc-deal-tile-premium__price-row {
display: flex;
align-items: baseline;
justify-content: flex-end;
gap: 0.5rem;
margin-top: 0.7rem;
padding-top: 0.5rem;
}
.fc-deal-tile-premium__from {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.85);
}
.fc-deal-tile-premium__amount {
font-size: 1.45rem;
font-weight: 800;
line-height: 1;
color: #fff !important;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}
/* “Deal of the Week” badge — match blue CTAs (was gold pill) */
.fc-pop-tile.fc-deal-tile-premium .badge.fc-gradient-gold {
background: linear-gradient(180deg, #38bdf8 0%, #1891ed 52%, #0d6cb8 100%) !important;
color: #fff !important;
box-shadow: 0 4px 14px rgba(24, 145, 237, 0.35);
}
.fc-deal-tile-premium__cta,
.fc-deal-book-btn {
margin-top: 0.55rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
padding: 0.65rem 0.85rem;
min-height: 2.5rem;
border-radius: 0.5rem;
border: none;
background: linear-gradient(180deg, #38bdf8 0%, #1891ed 52%, #0d6cb8 100%) !important;
background-image: linear-gradient(180deg, #38bdf8 0%, #1891ed 52%, #0d6cb8 100%) !important;
color: #ffffff !important;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.03em;
line-height: 1.2;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(13, 108, 184, 0.45);
transition:
background-color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
}
.fc-deal-tile-premium__cta span,
.fc-deal-book-btn span {
color: #ffffff !important;
}
.fc-pop-tile.fc-deal-tile-premium:hover .fc-deal-tile-premium__cta,
.fc-pop-tile.fc-deal-tile-premium:hover .fc-deal-book-btn {
background: #0b5a9a !important;
box-shadow: 0 6px 18px rgba(13, 108, 184, 0.5);
transform: translateY(-1px);
filter: none;
}
#deals .fc-deal-tile-premium__cta,
#deals .fc-deal-book-btn,
.fc-home-page #deals .fc-deal-tile-premium__cta,
.fc-home-page #deals .fc-deal-book-btn {
background: linear-gradient(180deg, #38bdf8 0%, #1891ed 52%, #0d6cb8 100%) !important;
color: #ffffff !important;
}
.fc-deal-tile-premium__cta-arrow {
display: inline-block;
transition: transform 0.2s ease;
color: #ffffff !important;
}
.fc-pop-tile.fc-deal-tile-premium:hover .fc-deal-tile-premium__cta-arrow {
transform: translateX(3px);
}
/* Sample fares — Book now (same as hot deals #deals) */
#city-fares .fc-fare-showcase-card__cta,
#city-fares .fc-deal-book-btn,
.fc-home-page #city-fares .fc-fare-showcase-card__cta,
.fc-home-page #city-fares .fc-deal-book-btn {
background: #0d6cb8 !important;
background-image: none !important;
color: #ffffff !important;
font-weight: 800 !important;
letter-spacing: 0.02em;
box-shadow: 0 4px 14px rgba(13, 108, 184, 0.45) !important;
}
#city-fares .fc-fare-showcase-card__cta span,
#city-fares .fc-deal-book-btn span,
.fc-home-page #city-fares .fc-fare-showcase-card__cta span {
color: #ffffff !important;
}
.fc-fare-showcase-card:hover .fc-fare-showcase-card__cta,
.fc-fare-showcase-card:hover .fc-deal-book-btn {
background: #0b5a9a !important;
box-shadow: 0 6px 18px rgba(13, 108, 184, 0.5) !important;
transform: translateY(-1px);
filter: none;
}
/* Hot deals — phone CTA under tiles: blue, white text, lift on hover */
.fc-home-page #deals .fc-hot-deals-call-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
padding: 0.65rem 1.65rem;
border-radius: 9999px;
border: none;
font-weight: 700;
font-size: 0.9375rem;
letter-spacing: 0.02em;
text-decoration: none;
color: #fff !important;
background: linear-gradient(180deg, #38bdf8 0%, #1891ed 52%, #0d6cb8 100%);
box-shadow:
0 6px 20px rgba(24, 145, 237, 0.42),
0 2px 6px rgba(15, 23, 42, 0.12);
transition:
transform 0.22s ease,
box-shadow 0.22s ease,
filter 0.22s ease;
transform: translateY(0);
}
.fc-home-page #deals .fc-hot-deals-call-btn:hover {
color: #fff !important;
transform: translateY(-6px);
box-shadow:
0 14px 32px rgba(24, 145, 237, 0.52),
0 6px 14px rgba(15, 23, 42, 0.14);
filter: brightness(1.06);
}
.fc-home-page #deals .fc-hot-deals-call-btn:active {
transform: translateY(-2px);
filter: brightness(0.98);
}
.fc-home-page #deals .fc-hot-deals-call-btn:focus-visible {
outline: 2px solid #1891ed;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.fc-home-page #deals .fc-hot-deals-call-btn {
transition: none;
}
.fc-home-page #deals .fc-hot-deals-call-btn:hover {
transform: none;
}
.fc-home-page #deals .fc-hot-deals-call-btn:active {
transform: none;
}
}
/* Discover New Cities — Details button (brand blue) */
.fc-home-page .fc-home-surface .fc-discover-card__cta {
background: #0d6cb8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 6px 18px -8px rgba(13, 108, 184, 0.55);
transition:
background 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
}
.fc-home-page .fc-home-surface .fc-discover-card__cta .fc-discover-card__cta-arrow {
color: #ffffff !important;
}
.fc-home-page .fc-home-surface .fc-discover-card:hover .fc-discover-card__cta,
.fc-home-page .fc-home-surface .fc-discover-card a:focus-visible .fc-discover-card__cta {
background: #0b5a9a !important;
color: #ffffff !important;
box-shadow: 0 8px 22px -6px rgba(13, 108, 184, 0.6);
}
/* Discover + fare showcase (home): keyboard focus */
.fc-home-page .fc-discover-card a:focus-visible,
.fc-home-page .fc-fare-showcase-card a:focus-visible {
outline: 2px solid #1891ed;
outline-offset: 3px;
border-radius: 1.15rem;
}
/**
* Premium site light theme — toggled via html[data-fc-theme="light"].
* Dark remains the default design; these rules override CDN Tailwind utilities where needed.
*/
[data-fc-theme='light'] {
color-scheme: light;
}
[data-fc-theme='light'] body#top {
background-color: #f1f5f9 !important;
color: #0f172a !important;
}
/* Core ink surfaces → light */
[data-fc-theme='light'] .bg-ink {
background-color: #f1f5f9 !important;
}
[data-fc-theme='light'] .bg-ink-soft,
[data-fc-theme='light'] .bg-ink-soft\/30,
[data-fc-theme='light'] .bg-ink-soft\/40,
[data-fc-theme='light'] .bg-ink-soft\/80,
[data-fc-theme='light'] .bg-ink-soft\/90,
[data-fc-theme='light'] .bg-ink-soft\/95,
[data-fc-theme='light'] .bg-ink-soft\/98 {
background-color: rgba(255, 255, 255, 0.96) !important;
}
[data-fc-theme='light'] .bg-ink\/80,
[data-fc-theme='light'] .bg-ink\/90,
[data-fc-theme='light'] .bg-ink\/93,
[data-fc-theme='light'] .bg-ink\/95 {
background-color: rgba(241, 245, 249, 0.95) !important;
}
/* Subtle grid / hero accents in light */
[data-fc-theme='light'] .bg-grid-fade {
background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(24, 145, 237, 0.08), transparent) !important;
}
/* Borders: white/5 → slate */
[data-fc-theme='light'] .border-white\/5 {
border-color: rgba(15, 23, 42, 0.08) !important;
}
[data-fc-theme='light'] .border-white\/10 {
border-color: rgba(15, 23, 42, 0.1) !important;
}
[data-fc-theme='light'] .bg-black\/30 {
background-color: rgba(15, 23, 42, 0.22) !important;
}
[data-fc-theme='light'] .border-white\/25 {
border-color: rgba(15, 23, 42, 0.18) !important;
}
[data-fc-theme='light'] .divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
border-color: rgba(15, 23, 42, 0.06) !important;
}
[data-fc-theme='light'] .divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
border-color: rgba(15, 23, 42, 0.1) !important;
}
/* Primary text on light shells */
[data-fc-theme='light'] .text-slate-100,
[data-fc-theme='light'] .text-slate-200 {
color: #1e293b !important;
}
[data-fc-theme='light'] .text-slate-300 {
color: #475569 !important;
}
[data-fc-theme='light'] .text-slate-400 {
color: #64748b !important;
}
[data-fc-theme='light'] .text-slate-500 {
color: #64748b !important;
}
[data-fc-theme='light'] .text-slate-600 {
color: #475569 !important;
}
/* Headings / body copy that used text-white — except hero (#search) & solid buttons */
[data-fc-theme='light'] .text-white {
color: #0f172a !important;
}
/* Hero stays light-on-image (headlines outside the pale search panel) */
[data-fc-theme='light'] #search .text-white,
[data-fc-theme='light'] #search .text-white\/95 {
color: #ffffff !important;
}
/* Light search panel sits on hero — From/To etc. must not inherit forced white text */
[data-fc-theme='light'] #search #fc-search-panel input[type='text'],
[data-fc-theme='light'] #search #fc-search-panel input[type='search'],
[data-fc-theme='light'] #search #fc-search-panel select,
[data-fc-theme='light'] #search #fc-search-panel textarea {
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
[data-fc-theme='light'] #search #fc-search-panel input::placeholder,
[data-fc-theme='light'] #search #fc-search-panel textarea::placeholder {
color: #94a3b8 !important;
-webkit-text-fill-color: #94a3b8 !important;
opacity: 1 !important;
}
[data-fc-theme='light'] #search #fc-search-panel select option {
color: #0f172a;
background-color: #ffffff;
}
[data-fc-theme='light'] #search .text-sky-300\/90 {
color: rgba(186, 230, 253, 0.95) !important;
}
[data-fc-theme='light'] #search #fc-recap .text-slate-100 {
color: #0f172a !important;
}
[data-fc-theme='light'] #search #fc-recap .text-white,
[data-fc-theme='light'] #search #fc-recap span.font-semibold {
color: #0c4a6e !important;
}
[data-fc-theme='light'] .bg-brand .text-white,
[data-fc-theme='light'] a.bg-brand,
[data-fc-theme='light'] button.bg-brand,
[data-fc-theme='light'] button[type='submit'].bg-brand,
[data-fc-theme='light'] span.inline-flex.bg-brand,
[data-fc-theme='light'] span.rounded-full.bg-brand,
[data-fc-theme='light'] .fc-wa-btn,
[data-fc-theme='light'] .fc-wa-btn .text-white,
[data-fc-theme='light'] .bg-\[\#0a1f3d\] .text-white,
[data-fc-theme='light'] .bg-\[\#0a1f3d\] span.text-white {
color: #ffffff !important;
}
[data-fc-theme='light'] .text-gold,
[data-fc-theme='light'] .text-amber-500 {
color: #b45309 !important;
}
/* Top strip + header */
[data-fc-theme='light'] .border-b.border-white\/5.bg-ink-soft\/90 .text-white,
[data-fc-theme='light'] .border-b.border-white\/5.bg-ink-soft\/90 .text-white\/75 {
color: #334155 !important;
}
[data-fc-theme='light'] header.fc-site-header {
background-color: rgba(255, 255, 255, 0.88) !important;
border-bottom: none !important;
box-shadow: none;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* Premium site header: light white chrome (fc-home-v2); light theme tweaks below */
[data-fc-theme='light'] header .border-white\/25 {
border-color: rgba(15, 23, 42, 0.15) !important;
}
[data-fc-theme='light'] header .bg-white\/10 {
background-color: rgba(15, 23, 42, 0.06) !important;
}
[data-fc-theme='light'] #fc-nav-toggle {
border-color: rgba(15, 23, 42, 0.2) !important;
background-color: rgba(255, 255, 255, 0.9) !important;
color: #0f172a !important;
}
[data-fc-theme='light'] #fc-nav-toggle .fc-nav-bars-lines span {
background-color: #0f172a !important;
}
[data-fc-theme='light'] #fc-nav-toggle .fc-nav-close {
color: #0f172a !important;
stroke: #0f172a !important;
}
/* Nav links */
[data-fc-theme='light'] nav[aria-label='Primary'] a.text-white,
[data-fc-theme='light'] nav[aria-label='Primary'] a.text-slate-300,
[data-fc-theme='light'] nav[aria-label='Primary'] button.text-white,
[data-fc-theme='light'] nav[aria-label='Primary'] button.text-slate-300 {
color: #475569 !important;
}
[data-fc-theme='light'] nav[aria-label='Primary'] a:hover,
[data-fc-theme='light'] nav[aria-label='Primary'] button:hover {
color: #0f172a !important;
}
/* Tailwind hover:text-white — keep readable on light shells */
[data-fc-theme='light'] .hover\:text-white:hover {
color: #0f172a !important;
}
[data-fc-theme='light'] #search .hover\:text-white:hover {
color: #ffffff !important;
}
/* Destinations flyout */
[data-fc-theme='light'] .fc-nav-dest-root .rounded-2xl.border.border-white\/10.bg-ink-soft\/95 {
background-color: rgba(255, 255, 255, 0.98) !important;
border-color: rgba(15, 23, 42, 0.1) !important;
box-shadow:
0 20px 50px rgba(15, 23, 42, 0.12),
0 0 0 1px rgba(255, 255, 255, 0.8) inset !important;
}
[data-fc-theme='light'] .fc-nav-dest-root .rounded-2xl a.text-slate-200 {
color: #334155 !important;
}
[data-fc-theme='light'] .fc-nav-dest-root .rounded-2xl a.text-white {
color: #0f172a !important;
}
/* Mobile panel */
[data-fc-theme='light'] #fc-mobile-panel {
background-color: rgba(255, 255, 255, 0.98) !important;
border-color: rgba(15, 23, 42, 0.1) !important;
}
[data-fc-theme='light'] #fc-mobile-panel nav a {
color: #334155 !important;
}
[data-fc-theme='light'] #fc-mobile-panel .text-slate-500 {
color: #64748b !important;
}
[data-fc-theme='light'] #fc-mobile-panel .fc-mobile-panel__call {
background-color: #f8fafc !important;
border-color: rgba(15, 23, 42, 0.1) !important;
}
[data-fc-theme='light'] #fc-mobile-panel .fc-mobile-panel__hours {
color: #64748b !important;
}
[data-fc-theme='light'] #fc-nav-backdrop {
background-color: rgba(15, 23, 42, 0.35) !important;
}
/* Footer — brand blue + white text (all themes) */
#main-footer.fc-site-footer,
footer.fc-site-footer {
background-color: #0d6cb8 !important;
background-image: none !important;
border-color: rgba(255, 255, 255, 0.15) !important;
color: #ffffff !important;
}
#main-footer.fc-site-footer .text-white,
#main-footer.fc-site-footer h2,
#main-footer.fc-site-footer h3,
#main-footer.fc-site-footer h6,
footer.fc-site-footer .text-white,
footer.fc-site-footer h2,
footer.fc-site-footer h3,
footer.fc-site-footer h6 {
color: #ffffff !important;
}
#main-footer.fc-site-footer .text-slate-200,
#main-footer.fc-site-footer .text-slate-300,
#main-footer.fc-site-footer .text-slate-400,
#main-footer.fc-site-footer .text-slate-500,
#main-footer.fc-site-footer .text-white-50,
#main-footer.fc-site-footer .text-white-75,
footer.fc-site-footer .text-slate-200,
footer.fc-site-footer .text-slate-300,
footer.fc-site-footer .text-slate-400,
footer.fc-site-footer .text-slate-500,
footer.fc-site-footer .text-white-50,
footer.fc-site-footer .text-white-75 {
color: rgba(255, 255, 255, 0.88) !important;
}
#main-footer.fc-site-footer a,
#main-footer.fc-site-footer .link-light,
footer.fc-site-footer a,
footer.fc-site-footer .link-light {
color: #ffffff !important;
}
#main-footer.fc-site-footer a.text-brand,
#main-footer.fc-site-footer .text-brand,
footer.fc-site-footer a.text-brand,
footer.fc-site-footer .text-brand {
color: #ffffff !important;
}
#main-footer.fc-site-footer a:hover,
#main-footer.fc-site-footer .link-light:hover,
footer.fc-site-footer a:hover,
footer.fc-site-footer .link-light:hover {
color: rgba(255, 255, 255, 0.85) !important;
opacity: 0.92;
}
#main-footer.fc-site-footer .text-amber-500,
footer.fc-site-footer .text-amber-500 {
color: #ffffff !important;
}
#main-footer.fc-site-footer .rounded-lg.bg-\[\#0a1f3d\],
footer.fc-site-footer .rounded-lg.bg-\[\#0a1f3d\] {
background: rgba(0, 0, 0, 0.18) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
box-shadow: none !important;
}
#main-footer.fc-site-footer hr,
footer.fc-site-footer hr {
border-color: rgba(255, 255, 255, 0.25) !important;
opacity: 1 !important;
}
[data-fc-theme='light'] #main-footer.fc-site-footer,
[data-fc-theme='light'] footer.fc-site-footer {
background-color: #0d6cb8 !important;
color: #ffffff !important;
}
/* Premium footer — gradient backdrop + icon / chip polish */
#main-footer.fc-site-footer.fc-footer-master,
footer.fc-site-footer.fc-footer-master {
background-color: transparent !important;
background-image:
radial-gradient(ellipse 110% 85% at 50% -35%, rgba(255, 255, 255, 0.22), transparent 55%),
linear-gradient(180deg, #0a5699 0%, #0d6cb8 42%, #1891ed 100%) !important;
}
.fc-footer-master .fc-footer-col-heading {
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.78);
margin-bottom: 0.625rem;
}
.fc-footer-master .fc-footer-col-heading--with-icon {
display: flex;
align-items: center;
gap: 0.65rem;
color: rgba(255, 255, 255, 0.96) !important;
}
.fc-footer-master .fc-footer-heading-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 0.65rem;
background: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.28);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
flex-shrink: 0;
}
.fc-footer-master .fc-footer-heading-badge .fc-footer-icon {
width: 1.125rem;
height: 1.125rem;
color: #ffffff;
}
.fc-footer-master .fc-footer-icon {
color: #ffffff;
}
.fc-footer-master .fc-footer-icon--inline {
width: 1rem;
height: 1rem;
}
.fc-footer-master .fc-footer-icon--chip {
width: 1.125rem;
height: 1.125rem;
}
.fc-footer-master .fc-footer-nav-list {
list-style: none;
padding: 0;
margin: 0;
}
.fc-footer-master .fc-footer-nav-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #ffffff !important;
font-weight: 500;
text-decoration: none;
transition:
color 0.15s ease,
transform 0.15s ease,
opacity 0.15s ease;
}
.fc-footer-master .fc-footer-nav-link:hover {
color: #ffffff !important;
opacity: 1 !important;
transform: translateX(3px);
}
.fc-footer-master .fc-footer-chevron {
width: 1rem;
height: 1rem;
flex-shrink: 0;
color: rgba(255, 255, 255, 0.95);
}
.fc-footer-master .fc-footer-contact-chip {
display: inline-flex;
align-items: center;
gap: 0.65rem;
padding: 0.5rem 0.875rem;
border-radius: 0.85rem;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.22);
color: #ffffff !important;
font-weight: 600;
font-size: 0.875rem;
text-decoration: none;
transition:
background 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
.fc-footer-master .fc-footer-contact-chip:hover {
background: rgba(255, 255, 255, 0.18);
border-color: rgba(255, 255, 255, 0.35);
color: #ffffff !important;
}
.fc-footer-master .fc-footer-contact-chip--primary {
background: rgba(255, 255, 255, 0.16);
border-color: rgba(255, 255, 255, 0.32);
}
.fc-footer-master .fc-footer-contact-chip--whatsapp:hover {
background: rgba(37, 211, 102, 0.22);
border-color: rgba(37, 211, 102, 0.45);
}
.fc-footer-master .fc-footer-chip-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 0.65rem;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.22);
flex-shrink: 0;
}
.fc-footer-master .fc-footer-pay-card {
background: rgba(0, 0, 0, 0.18) !important;
border-color: rgba(255, 255, 255, 0.26) !important;
}
.fc-footer-master .fc-footer-pay-title {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
flex-wrap: wrap;
}
.fc-footer-master .fc-footer-pay-lock {
width: 1.125rem;
height: 1.125rem;
flex-shrink: 0;
color: #ffffff;
}
/* Compact footer — shorter vertical rhythm, simpler chrome */
#main-footer.fc-footer-master.fc-footer-master--compact,
footer.fc-footer-master.fc-footer-master--compact {
background-image: linear-gradient(180deg, #0b5fa8 0%, #0d6cb8 55%, #1690e8 100%) !important;
}
.fc-footer-master.fc-footer-master--compact .fc-footer-col-heading {
margin-bottom: 0.35rem;
font-size: 0.625rem;
letter-spacing: 0.12em;
}
.fc-footer-master.fc-footer-master--compact .fc-footer-nav-link--simple {
display: inline-block;
padding: 0.1rem 0;
font-weight: 500;
font-size: inherit;
text-decoration: none;
}
.fc-footer-master.fc-footer-master--compact .fc-footer-nav-link--simple:hover {
transform: none;
opacity: 0.88 !important;
text-decoration: underline;
text-underline-offset: 2px;
}
.fc-footer-master__pay-icon {
width: 0.875rem;
height: 0.875rem;
flex-shrink: 0;
opacity: 0.95;
}
/* Footer payments strip — plain CSS so copy never overlaps (Tailwind flex/gap may be absent on some builds) */
.fc-footer-pay-strip {
margin-top: 1.5rem;
padding-top: 1.25rem;
border-top: 1px solid rgba(255, 255, 255, 0.15);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: 0.6875rem;
line-height: 1.45;
color: #ffffff;
text-align: center;
}
@media (min-width: 640px) {
.fc-footer-pay-strip {
flex-direction: row;
flex-wrap: wrap;
gap: 0.45rem 0.75rem;
}
}
.fc-footer-pay-strip__lead {
display: inline-flex;
align-items: center;
gap: 0.45rem;
color: #ffffff;
}
.fc-footer-pay-strip__icon {
width: 1rem;
height: 1rem;
flex-shrink: 0;
display: block;
color: #ffffff;
}
.fc-footer-pay-strip__mark {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.fc-footer-pay-strip__logo {
display: block;
height: 1.75rem;
width: auto;
max-height: 28px;
object-fit: contain;
}
@media (min-width: 640px) {
.fc-footer-pay-strip__logo {
height: 2rem;
max-height: 32px;
}
}
.fc-footer-pay-strip__secure {
font-weight: 600;
letter-spacing: 0.03em;
white-space: nowrap;
}
.fc-footer-pay-strip__brands {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.35rem 0.45rem;
row-gap: 0.35rem;
color: rgba(255, 255, 255, 0.95);
}
.fc-footer-pay-strip__sep {
color: rgba(255, 255, 255, 0.45);
user-select: none;
line-height: 1;
}
.fc-footer-pay-strip__note {
font-weight: 500;
color: rgba(255, 255, 255, 0.92);
max-width: 100%;
text-align: center;
}
/* Glass cards (booking, home) */
[data-fc-theme='light'] .fc-glass {
background: rgba(255, 255, 255, 0.88) !important;
border-color: rgba(15, 23, 42, 0.08) !important;
box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08) !important;
}
[data-fc-theme='light'] .fc-glass-light {
background: rgba(255, 255, 255, 0.72) !important;
border-color: rgba(15, 23, 42, 0.07) !important;
}
/* Booking itinerary box */
[data-fc-theme='light'] .fc-booking-itinerary-wrap {
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
border-color: rgba(24, 145, 237, 0.25) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
[data-fc-theme='light'] .ring-white\/5,
[data-fc-theme='light'] .ring-white\/10 {
--tw-ring-color: rgba(15, 23, 42, 0.06) !important;
}
/* Theme toggle control */
.fc-theme-toggle {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
min-width: 2.75rem;
min-height: 2.75rem;
border-radius: 0.75rem;
border: 2px solid rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.08);
color: #f8fafc;
cursor: pointer;
transition:
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.15s ease;
-webkit-tap-highlight-color: transparent;
}
.fc-theme-toggle:hover {
background: rgba(24, 145, 237, 0.18);
border-color: rgba(24, 145, 237, 0.45);
}
.fc-theme-toggle:focus-visible {
outline: 2px solid #1891ed;
outline-offset: 2px;
}
.fc-theme-toggle:active {
transform: scale(0.96);
}
[data-fc-theme='light'] .fc-theme-toggle {
border-color: rgba(15, 23, 42, 0.15);
background: rgba(255, 255, 255, 0.95);
color: #0f172a;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
[data-fc-theme='light'] .fc-theme-toggle:hover {
background: #e0f2fe;
border-color: rgba(24, 145, 237, 0.45);
}
.fc-theme-toggle .fc-theme-icon-moon,
.fc-theme-toggle .fc-theme-icon-sun {
width: 1.25rem;
height: 1.25rem;
}
[data-fc-theme='dark'] .fc-theme-toggle .fc-theme-icon-sun,
[data-fc-theme='light'] .fc-theme-toggle .fc-theme-icon-moon {
display: none;
}
[data-fc-theme='dark'] .fc-theme-toggle .fc-theme-icon-moon,
[data-fc-theme='light'] .fc-theme-toggle .fc-theme-icon-sun {
display: block;
}
/* Inputs on dark sections — booking forms often use bg-ink-soft inputs */
[data-fc-theme='light'] input.border-white\/10,
[data-fc-theme='light'] textarea.border-white\/10,
[data-fc-theme='light'] select.border-white\/10 {
background-color: #ffffff !important;
color: #0f172a !important;
border-color: #cbd5e1 !important;
}
/* Home: Featured / Discover / Deals — card polish in light mode */
[data-fc-theme='light'] #destinations article,
[data-fc-theme='light'] section article.overflow-hidden.rounded-2xl.border.border-white\/10 {
box-shadow: 0 4px 20px rgba(15, 23, 42, 0.07) !important;
}
[data-fc-theme='light'] #destinations article:hover,
[data-fc-theme='light'] section article.overflow-hidden.rounded-2xl.border.border-white\/10:hover {
box-shadow: 0 8px 28px rgba(15, 23, 42, 0.1) !important;
}
[data-fc-theme='light'] .group .rounded-full.bg-white\/90.text-ink,
[data-fc-theme='light'] span.rounded-full.bg-white\/90.text-sm.font-bold.text-ink {
color: #0a0f1a !important;
background-color: rgba(255, 255, 255, 0.98) !important;
box-shadow: 0 2px 12px rgba(15, 23, 42, 0.12) !important;
}
/* “Best price” row — light panel */
[data-fc-theme='light'] section.border-t.border-white\/5.bg-ink-soft\/40 .bg-brand\/20 {
background-color: rgba(24, 145, 237, 0.12) !important;
}
/* Mobile bottom bar */
[data-fc-theme='light'] .fc-mobile-actions {
background-color: rgba(255, 255, 255, 0.98) !important;
border-color: rgba(15, 23, 42, 0.1) !important;
backdrop-filter: blur(12px);
}
[data-fc-theme='light'] .fc-mobile-actions a.border-white\/15.bg-white\/5.text-white {
background-color: #f1f5f9 !important;
border-color: #cbd5e1 !important;
color: #0f172a !important;
}
[data-fc-theme='light'] .fc-contact-fab-stack .fc-contact-fab--chat {
border-color: rgba(24, 145, 237, 0.35) !important;
}
/* Hero search panel — trip pills track in light (inside #search) */
[data-fc-theme='light'] #search .fc-trip-pills {
background: rgba(255, 255, 255, 0.65) !important;
border: 1px solid rgba(15, 23, 42, 0.08) !important;
}
[data-fc-theme='light'] #search .fc-trip-pills label span {
color: #64748b;
}
[data-fc-theme='light'] #search label:has(.fc-trip-radio:checked) span {
color: #ffffff !important;
}
/* Home section backgrounds between bands */
[data-fc-theme='light'] section#destinations {
background-color: #f8fafc !important;
}
[data-fc-theme='light'] section.border-t.border-white\/5.bg-ink-soft\/30 {
background-color: #f1f5f9 !important;
}
[data-fc-theme='light'] section.py-16:not(#destinations):not(#search):not(.fc-why-section) {
background-color: #ffffff !important;
}