*,:before,:after {

    --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: rgb(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: rgb(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: ;

}



*,:before,:after {

    box-sizing: border-box;

    border-width: 0;

    border-style: solid;

    border-color: #e5e7eb;

}



:before,:after {

    --tw-content: "";

}



html,:host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

    -o-tab-size: 4;

    tab-size: 4;

    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";

    font-feature-settings: normal;

    font-variation-settings: normal;

    -webkit-tap-highlight-color: transparent;

}



body {

    margin: 0;

    line-height: inherit;

}



hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;

}



abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;

}



h1,h2,h3,h4,h5,h6 {

    font-size: inherit;

    font-weight: inherit;

}



a {

    color: inherit;

    text-decoration: inherit;

}



b,strong {

    font-weight: bolder;

}



code,kbd,samp,pre {

    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;

    font-feature-settings: normal;

    font-variation-settings: normal;

    font-size: 1em;

}



small {

    font-size: 80%;

}



sub,sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sub {

    bottom: -.25em;

}



sup {

    top: -.5em;

}



table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;

}



button,input,optgroup,select,textarea {

    font-family: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    font-size: 100%;

    font-weight: inherit;

    line-height: inherit;

    letter-spacing: inherit;

    color: inherit;

    margin: 0;

    padding: 0;

}



button,select {

    text-transform: none;

}



button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {

    -webkit-appearance: button;

    background-color: transparent;

    background-image: none;

}



:-moz-focusring {

    outline: auto;

}



:-moz-ui-invalid {

    box-shadow: none;

}



progress {

    vertical-align: baseline;

}



::-webkit-inner-spin-button,::-webkit-outer-spin-button {

    height: auto;

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px;

}



::-webkit-search-decoration {

    -webkit-appearance: none;

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit;

}



summary {

    display: list-item;

}



blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {

    margin: 0;

}



fieldset {

    margin: 0;

    padding: 0;

}



legend {

    padding: 0;

}



ol,ul,menu {

    list-style: none;

    margin: 0;

    padding: 0;

}



dialog {

    padding: 0;

}



textarea {

    resize: vertical;

}



input::-moz-placeholder,textarea::-moz-placeholder {

    opacity: 1;

    color: #9ca3af;

}



input::placeholder,textarea::placeholder {

    opacity: 1;

    color: #9ca3af;

}



button,[role=button] {

    cursor: pointer;

}



:disabled {

    cursor: default;

}



img,svg,video,canvas,audio,iframe,embed,object {

    display: block;

    vertical-align: middle;

}



img,video {

    max-width: 100%;

    height: auto;

}



[hidden]:where(:not([hidden=until-found])) {

    display: none;

}



* {

    scroll-behavior: smooth;

}



body {

    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.invisible {

    visibility: hidden;

}



.absolute {

    position: absolute;

}



.relative {

    position: relative;

}



.inset-0 {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.-bottom-4 {

    bottom: -1rem;

}



.-left-4 {

    left: -1rem;

}



.-right-4 {

    right: -1rem;

}



.-top-4 {

    top: -1rem;

}



.bottom-1\/4 {

    bottom: 25%;

}



.bottom-10 {

    bottom: 2.5rem;

}



.bottom-4 {

    bottom: 1rem;

}



.left-1\/2 {

    left: 50%;

}



.left-1\/3 {

    left: 33.333333%;

}



.left-4 {

    left: 1rem;

}



.right-1\/4 {

    right: 25%;

}



.right-2 {

    right: .5rem;

}



.right-4 {

    right: 1rem;

}



.top-1\/3 {

    top: 33.333333%;

}



.top-1\/4 {

    top: 25%;

}



.top-2 {

    top: .5rem;

}



.top-4 {

    top: 1rem;

}



.z-10 {

    z-index: 10;

}



.mx-auto {

    margin-left: auto;

    margin-right: auto;

}



.mb-12 {

    margin-bottom: 3rem;

}



.mb-16 {

    margin-bottom: 4rem;

}



.mb-2 {

    margin-bottom: .5rem;

}



.mb-3 {

    margin-bottom: .75rem;

}



.mb-4 {

    margin-bottom: 1rem;

}



.mb-6 {

    margin-bottom: 1.5rem;

}



.mb-8 {

    margin-bottom: 2rem;

}



.mt-1 {

    margin-top: .25rem;

}



.mt-12 {

    margin-top: 3rem;

}



.mt-16 {

    margin-top: 4rem;

}



.mt-2 {

    margin-top: .5rem;

}



.mt-20 {

    margin-top: 5rem;

}



.mt-4 {

    margin-top: 1rem;

}



.mt-8 {

    margin-top: 2rem;

}



.block {

    display: block;

}



.inline-block {

    display: inline-block;

}



.flex {

    display: flex;

}



.grid {

    display: grid;

}



.hidden {

    display: none;

}



.aspect-video {

    aspect-ratio: 16 / 9;

}



.h-10 {

    height: 2.5rem;

}



.h-12 {

    height: 3rem;

}



.h-16 {

    height: 4rem;

}



.h-2 {

    height: .5rem;

}



.h-20 {

    height: 5rem;

}



.h-24 {

    height: 6rem;

}



.h-3 {

    height: .75rem;

}



.h-6 {

    height: 1.5rem;

}



.h-64 {

    height: 16rem;

}



.h-8 {

    height: 2rem;

}



.min-h-screen {

    min-height: 100vh;

}



.w-1\.5 {

    width: .375rem;

}



.w-10 {

    width: 2.5rem;

}



.w-12 {

    width: 3rem;

}



.w-16 {

    width: 4rem;

}



.w-2 {

    width: .5rem;

}



.w-20 {

    width: 5rem;

}



.w-24 {

    width: 6rem;

}



.w-3 {

    width: .75rem;

}



.w-6 {

    width: 1.5rem;

}



.w-64 {

    width: 16rem;

}



.w-8 {

    width: 2rem;

}



.w-full {

    width: 100%;

}



.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;

}



.flex-1 {

    flex: 1 1 0%;

}



.flex-shrink-0 {

    flex-shrink: 0;

}



.-translate-x-1\/2 {

    --tw-translate-x: -50%;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



.transform {

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



@keyframes bounce {

    0%,to {

        transform: translateY(-25%);

        animation-timing-function: cubic-bezier(.8,0,1,1);

    }



    50% {

        transform: none;

        animation-timing-function: cubic-bezier(0,0,.2,1);

    }

}



.animate-bounce {

    animation: bounce 1s infinite;

}



@keyframes pulse {

    50% {

        opacity: .5;

    }

}



.animate-pulse {

    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;

}



.flex-wrap {

    flex-wrap: wrap;

}



.items-start {

    align-items: flex-start;

}



.items-center {

    align-items: center;

}



.justify-center {

    justify-content: center;

}



.justify-between {

    justify-content: space-between;

}



.gap-2 {

    gap: .5rem;

}



.gap-3 {

    gap: .75rem;

}



.gap-4 {

    gap: 1rem;

}



.gap-6 {

    gap: 1.5rem;

}



.gap-8 {

    gap: 2rem;

}



.space-y-6>:not([hidden])~:not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));

}



.overflow-hidden {

    overflow: hidden;

}



.overflow-x-hidden {

    overflow-x: hidden;

}



.rounded-2xl {

    border-radius: 1rem;

}



.rounded-3xl {

    border-radius: 1.5rem;

}



.rounded-full {

    border-radius: 9999px;

}



.rounded-lg {

    border-radius: .5rem;

}



.rounded-xl {

    border-radius: .75rem;

}



.border {

    border-width: 1px;

}



.border-2 {

    border-width: 2px;

}



.border-t {

    border-top-width: 1px;

}



.border-blue-200 {

    --tw-border-opacity: 1;

    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));

}



.border-blue-400 {

    --tw-border-opacity: 1;

    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));

}



.border-green-200 {

    --tw-border-opacity: 1;

    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));

}



.border-purple-200 {

    --tw-border-opacity: 1;

    border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));

}



.border-red-200 {

    --tw-border-opacity: 1;

    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));

}



.border-red-300 {

    --tw-border-opacity: 1;

    border-color: rgb(252 165 165 / 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-300 {

    --tw-border-opacity: 1;

    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));

}



.border-slate-400 {

    --tw-border-opacity: 1;

    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));

}



.border-white\/10 {

    border-color: #ffffff1a;

}



.border-white\/20 {

    border-color: #fff3;

}



.bg-blue-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));

}



.bg-blue-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));

}



.bg-green-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));

}



.bg-green-400 {

    --tw-bg-opacity: 1;

    background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));

}



.bg-green-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));

}



.bg-purple-200 {

    --tw-bg-opacity: 1;

    background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));

}



.bg-purple-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));

}



.bg-slate-400 {

    --tw-bg-opacity: 1;

    background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));

}



.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

}



.bg-white\/10 {

    background-color: #ffffff1a;

}



.bg-white\/20 {

    background-color: #fff3;

}



.bg-white\/5 {

    background-color: #ffffff0d;

}



.bg-white\/60 {

    background-color: #fff9;

}



.bg-white\/80 {

    background-color: #fffc;

}



.bg-white\/90 {

    background-color: #ffffffe6;

}



.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-blue-400 {

    --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-blue-50 {

    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-blue-500 {

    --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-blue-600 {

    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-green-100 {

    --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-green-400 {

    --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-green-50 {

    --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-green-500 {

    --tw-gradient-from: #22c55e var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-green-500\/10 {

    --tw-gradient-from: rgb(34 197 94 / .1) var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-green-600 {

    --tw-gradient-from: #16a34a var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-indigo-500 {

    --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-orange-500 {

    --tw-gradient-from: #f97316 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-purple-500 {

    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-purple-600 {

    --tw-gradient-from: #9333ea var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-red-500\/5 {

    --tw-gradient-from: rgb(239 68 68 / .05) var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-slate-100 {

    --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-slate-50 {

    --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-slate-800 {

    --tw-gradient-from: #1e293b var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-slate-900 {

    --tw-gradient-from: #0f172a var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.from-teal-500 {

    --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.via-blue-50 {

    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);

}



.via-blue-600 {

    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);

}



.via-blue-900 {

    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);

}



.via-green-50 {

    --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #f0fdf4 var(--tw-gradient-via-position), var(--tw-gradient-to);

}



.via-red-50 {

    --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2 var(--tw-gradient-via-position), var(--tw-gradient-to);

}



.to-blue-100 {

    --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);

}



.to-blue-400 {

    --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);

}



.to-blue-500 {

    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);

}



.to-blue-500\/10 {

    --tw-gradient-to: rgb(59 130 246 / .1) var(--tw-gradient-to-position);

}



.to-blue-600 {

    --tw-gradient-to: #2563eb var(--tw-gradient-to-position);

}



.to-cyan-500 {

    --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);

}



.to-emerald-500 {

    --tw-gradient-to: #10b981 var(--tw-gradient-to-position);

}



.to-green-400 {

    --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);

}



.to-green-50 {

    --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);

}



.to-green-500 {

    --tw-gradient-to: #22c55e var(--tw-gradient-to-position);

}



.to-green-600 {

    --tw-gradient-to: #16a34a var(--tw-gradient-to-position);

}



.to-orange-50 {

    --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);

}



.to-orange-500\/5 {

    --tw-gradient-to: rgb(249 115 22 / .05) var(--tw-gradient-to-position);

}



.to-pink-500 {

    --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);

}



.to-pink-600 {

    --tw-gradient-to: #db2777 var(--tw-gradient-to-position);

}



.to-purple-50 {

    --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);

}



.to-purple-600 {

    --tw-gradient-to: #9333ea var(--tw-gradient-to-position);

}



.to-red-500 {

    --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);

}



.to-slate-900 {

    --tw-gradient-to: #0f172a var(--tw-gradient-to-position);

}



.to-transparent {

    --tw-gradient-to: transparent var(--tw-gradient-to-position);

}



.bg-clip-text {

    -webkit-background-clip: text;

    background-clip: text;

}



.p-1 {

    padding: .25rem;

}



.p-10 {

    padding: 2.5rem;

}



.p-4 {

    padding: 1rem;

}



.p-6 {

    padding: 1.5rem;

}



.p-8 {

    padding: 2rem;

}



.px-10 {

    padding-left: 2.5rem;

    padding-right: 2.5rem;

}



.px-3 {

    padding-left: .75rem;

    padding-right: .75rem;

}



.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-8 {

    padding-left: 2rem;

    padding-right: 2rem;

}



.py-1 {

    padding-top: .25rem;

    padding-bottom: .25rem;

}



.py-2 {

    padding-top: .5rem;

    padding-bottom: .5rem;

}



.py-24 {

    padding-top: 6rem;

    padding-bottom: 6rem;

}



.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;

}



.pt-10 {

    padding-top: 2.5rem;

}



.text-center {

    text-align: center;

}



.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem;

}



.text-4xl {

    font-size: 2.25rem;

    line-height: 2.5rem;

}



.text-5xl {

    font-size: 3rem;

    line-height: 1;

}



.text-6xl {

    font-size: 3.75rem;

    line-height: 1;

}



.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-semibold {

    font-weight: 600;

}



.leading-relaxed {

    line-height: 1.625;

}



.leading-tight {

    line-height: 1.25;

}



.text-blue-400 {

    --tw-text-opacity: 1;

    color: rgb(96 165 250 / var(--tw-text-opacity, 1));

}



.text-green-400 {

    --tw-text-opacity: 1;

    color: rgb(74 222 128 / var(--tw-text-opacity, 1));

}



.text-green-600 {

    --tw-text-opacity: 1;

    color: rgb(22 163 74 / var(--tw-text-opacity, 1));

}



.text-purple-400 {

    --tw-text-opacity: 1;

    color: rgb(192 132 252 / var(--tw-text-opacity, 1));

}



.text-red-500 {

    --tw-text-opacity: 1;

    color: rgb(239 68 68 / var(--tw-text-opacity, 1));

}



.text-red-600 {

    --tw-text-opacity: 1;

    color: rgb(220 38 38 / 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-700 {

    --tw-text-opacity: 1;

    color: rgb(51 65 85 / var(--tw-text-opacity, 1));

}



.text-slate-800 {

    --tw-text-opacity: 1;

    color: rgb(30 41 59 / var(--tw-text-opacity, 1));

}



.text-transparent {

    color: transparent;

}



.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1));

}



.text-white\/30 {

    color: #ffffff4d;

}



.opacity-0 {

    opacity: 0;

}



.opacity-30 {

    opacity: .3;

}



.opacity-50 {

    opacity: .5;

}



.mix-blend-multiply {

    mix-blend-mode: multiply;

}



.shadow-2xl {

    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);

    --tw-shadow-colored: 0 25px 50px -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-lg {

    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-xl {

    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);

}



.outline-none {

    outline: 2px solid transparent;

    outline-offset: 2px;

}



.blur-2xl {

    --tw-blur: blur(40px);

    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);

}



.blur-3xl {

    --tw-blur: blur(64px);

    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);

}



.blur-xl {

    --tw-blur: blur(24px);

    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);

}



.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-sm {

    --tw-backdrop-blur: blur(4px);

    -webkit-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-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-all {

    transition-property: all;

    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-300 {

    transition-duration: .3s;

}



.duration-500 {

    transition-duration: .5s;

}



.animation-delay-2000 {

    animation-delay: 2s;

}



.animation-delay-4000 {

    animation-delay: 4s;

}



@keyframes blob {

    0% {

        transform: translate(0) scale(1);

    }



    33% {

        transform: translate(30px,-50px) scale(1.1);

    }



    66% {

        transform: translate(-20px,20px) scale(.9);

    }



    to {

        transform: translate(0) scale(1);

    }

}



@keyframes float {

    0%,to {

        transform: translateY(0) rotate(0);

    }



    50% {

        transform: translateY(-20px) rotate(5deg);

    }

}



@keyframes floatSlow {

    0%,to {

        transform: translateY(0) translate(0);

    }



    50% {

        transform: translateY(-30px) translate(10px);

    }

}



@keyframes rotate3d {

    0% {

        transform: rotateY(0) rotateX(0);

    }



    to {

        transform: rotateY(360deg) rotateX(360deg);

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0;

        transform: translateY(20px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



@keyframes scroll {

    0% {

        transform: translateY(0);

    }



    30% {

        transform: translateY(100%);

    }



    to {

        transform: translateY(100%);

    }

}



@keyframes shake {

    0%,to {

        transform: translate(0);

    }



    10%,30%,50%,70%,90% {

        transform: translate(-2px);

    }



    20%,40%,60%,80% {

        transform: translate(2px);

    }

}



@keyframes glitch {

    0% {

        transform: translate(0);

    }



    20% {

        transform: translate(-2px,2px);

    }



    40% {

        transform: translate(-2px,-2px);

    }



    60% {

        transform: translate(2px,2px);

    }



    80% {

        transform: translate(2px,-2px);

    }



    to {

        transform: translate(0);

    }

}



@keyframes pulse-glow {

    0%,to {

        box-shadow: 0 0 20px #3b82f680;

    }



    50% {

        box-shadow: 0 0 40px #3b82f6cc;

    }

}



.animate-blob {

    animation: blob 7s infinite;

}



.animate-fade-in {

    animation: fadeIn 1s ease-out forwards;

}



.animate-fade-in-delay-1 {

    animation: fadeIn 1s ease-out .3s forwards;

    opacity: 0;

}



.animate-fade-in-delay-2 {

    animation: fadeIn 1s ease-out .6s forwards;

    opacity: 0;

}



.animate-fade-in-delay-3 {

    animation: fadeIn 1s ease-out .9s forwards;

    opacity: 0;

}



.animate-fade-in-delay-4 {

    animation: fadeIn 1s ease-out 1.2s forwards;

    opacity: 0;

}



.animate-scroll {

    animation: scroll 2s ease-in-out infinite;

}



.cube-float {

    position: absolute;

    width: 60px;

    height: 60px;

    background: linear-gradient(135deg,#3b82f633,#10b98133);

    border: 2px solid rgba(59,130,246,.3);

    border-radius: 12px;

    animation: floatSlow 6s ease-in-out infinite;

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

}



.cube-1 {

    top: 10%;

    left: 10%;

    animation-delay: 0s;

}



.cube-2 {

    top: 20%;

    right: 15%;

    animation-delay: 1s;

}



.cube-3 {

    bottom: 30%;

    left: 20%;

    animation-delay: 2s;

}



.cube-4 {

    bottom: 20%;

    right: 10%;

    animation-delay: 1.5s;

}



.cube-5 {

    top: 50%;

    left: 50%;

    animation-delay: .5s;

}



.floating-dashboard {

    animation: float 4s ease-in-out infinite;

}



.dashboard-mockup {

    width: 300px;

    height: 200px;

    background: linear-gradient(135deg,#ffffffe6,#ffffffb3);

    border-radius: 20px;

    padding: 16px;

    box-shadow: 0 20px 60px #0000001a;

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

    border: 2px solid rgba(255,255,255,.5);

}



.dashboard-header {

    width: 100%;

    height: 20px;

    background: linear-gradient(90deg,#3b82f6,#10b981);

    border-radius: 8px;

    margin-bottom: 12px;

}



.dashboard-content {

    display: flex;

    gap: 12px;

}



.dashboard-graph {

    flex: 1;

    height: 120px;

    background: linear-gradient(180deg,#3b82f633,#10b98133);

    border-radius: 8px;

    position: relative;

    overflow: hidden;

}



.dashboard-graph:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 50%;

    background: linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 20%,rgba(59,130,246,.5) 40%,rgba(16,185,129,.5) 60%,rgba(16,185,129,.3) 80%,transparent 100%);

    clip-path: polygon(0 80%,10% 70%,20% 75%,30% 60%,40% 65%,50% 50%,60% 55%,70% 40%,80% 45%,90% 35%,100% 40%,100% 100%,0 100%);

}



.dashboard-stats {

    width: 60px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.stat-bar {

    height: 100%;

    background: linear-gradient(90deg,#3b82f64d,#10b9814d);

    border-radius: 8px;

}



.error-card {

    animation: fadeIn .8s ease-out forwards;

    opacity: 0;

}



.error-card:hover {

    animation: shake .5s ease-in-out;

}



.glitch-effect {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: repeating-linear-gradient(0deg,rgba(255,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(255,0,0,.03) 3px);

    opacity: .5;

    animation: glitch 3s infinite;

}



.solution-card {

    animation: fadeIn 1s ease-out forwards;

    opacity: 0;

}



.tech-grid {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);

    background-size: 50px 50px;

    animation: fadeIn 2s ease-out;

}



.glass-card {

    background: #ffffff0d;

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255,255,255,.1);

    animation: fadeIn 1s ease-out forwards;

    opacity: 0;

}



.stars {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: transparent;

}



.stars:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent);

    background-size: 200% 200%;

    opacity: .3;

}



.twinkling {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    animation: fadeIn 3s ease-out;

}



.portfolio-card {

    animation: fadeIn 1s ease-out forwards;

    opacity: 0;

}



.cta-form-container {

    animation: float 3s ease-in-out infinite;

}



.form-group input:focus {

    transform: scale(1.02);

}



.floating-shapes {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.shape {

    position: absolute;

    border-radius: 50%;

    opacity: .1;

}



.shape-1 {

    width: 300px;

    height: 300px;

    background: linear-gradient(135deg,#3b82f6,#10b981);

    top: 10%;

    left: 10%;

    animation: floatSlow 8s ease-in-out infinite;

}



.shape-2 {

    width: 200px;

    height: 200px;

    background: linear-gradient(135deg,#10b981,#8b5cf6);

    top: 60%;

    right: 10%;

    animation: floatSlow 6s ease-in-out infinite;

    animation-delay: 1s;

}



.shape-3 {

    width: 250px;

    height: 250px;

    background: linear-gradient(135deg,#8b5cf6,#3b82f6);

    bottom: 10%;

    left: 50%;

    animation: floatSlow 7s ease-in-out infinite;

    animation-delay: 2s;

}



.trust-badge {

    animation: fadeIn 1s ease-out forwards;

    opacity: 0;

}



.trust-badge:nth-child(1) {

    animation-delay: .2s;

}



.trust-badge:nth-child(2) {

    animation-delay: .4s;

}



.trust-badge:nth-child(3) {

    animation-delay: .6s;

}



.hover\:-translate-y-2:hover {

    --tw-translate-y: -.5rem;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



.hover\:border-green-400:hover {

    --tw-border-opacity: 1;

    border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));

}



.hover\:border-red-400:hover {

    --tw-border-opacity: 1;

    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));

}



.hover\:shadow-2xl:hover {

    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);

    --tw-shadow-colored: 0 25px 50px -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-blue-500\/50:hover {

    --tw-shadow-color: rgb(59 130 246 / .5);

    --tw-shadow: var(--tw-shadow-colored);

}



.hover\:shadow-green-500\/20:hover {

    --tw-shadow-color: rgb(34 197 94 / .2);

    --tw-shadow: var(--tw-shadow-colored);

}



.hover\:shadow-green-500\/50:hover {

    --tw-shadow-color: rgb(34 197 94 / .5);

    --tw-shadow: var(--tw-shadow-colored);

}



.focus\:border-blue-500:focus {

    --tw-border-opacity: 1;

    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));

}



.focus\:ring-4: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(4px + 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\:ring-blue-100:focus {

    --tw-ring-opacity: 1;

    --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));

}



.group:hover .group-hover\:rotate-12 {

    --tw-rotate: 12deg;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



.group:hover .group-hover\:rotate-6 {

    --tw-rotate: 6deg;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



.group:hover .group-hover\:scale-110 {

    --tw-scale-x: 1.1;

    --tw-scale-y: 1.1;

    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}



.group:hover .group-hover\:border-green-400\/50 {

    border-color: #4ade8080;

}



.group:hover .group-hover\:border-white\/30 {

    border-color: #ffffff4d;

}



.group:hover .group-hover\:bg-gradient-to-r {

    background-image: linear-gradient(to right,var(--tw-gradient-stops));

}



.group:hover .group-hover\:from-blue-400 {

    --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);

    --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

}



.group:hover .group-hover\:to-green-400 {

    --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);

}



.group:hover .group-hover\:bg-clip-text {

    -webkit-background-clip: text;

    background-clip: text;

}



.group:hover .group-hover\:text-red-700 {

    --tw-text-opacity: 1;

    color: rgb(185 28 28 / var(--tw-text-opacity, 1));

}



.group:hover .group-hover\:text-transparent {

    color: transparent !important;

}



.group:hover .group-hover\:opacity-10 {

    opacity: .1 !important;

}



.group:hover .group-hover\:opacity-100 {

    opacity: 1;

}



.group:hover .group-hover\:shadow-2xl {

    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);

    --tw-shadow-colored: 0 25px 50px -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);

}



.group:hover .group-hover\:animate-spin-slow {

    animation: spin 3s linear infinite;

}



@media (min-width: 768px) {

    .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\:text-3xl {

        font-size: 1.875rem;

        line-height: 2.25rem;

    }



    .md\:text-6xl {

        font-size: 3.75rem;

        line-height: 1;

    }



    .md\:text-7xl {

        font-size: 4.5rem;

        line-height: 1;

    }



    .md\:text-xl {

        font-size: 1.25rem;

        line-height: 1.75rem;

    }

}



@media (min-width: 1024px) {

    .lg\:grid-cols-3 {

        grid-template-columns:repeat(3,minmax(0,1fr));

    }



    .lg\:grid-cols-4 {

        grid-template-columns: repeat(4,minmax(0,1fr));

    }

}