/* generated utility layer — replaces the Tailwind Play CDN (offline, production-safe) */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-ring-inset: ;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-width:0px;--tw-gradient-from:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Sahel,Tahoma,sans-serif}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}
small{font-size:80%}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
progress{vertical-align:baseline}
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::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]{display:none}
@keyframes tw-spin{to{transform:rotate(360deg)}}
@keyframes tw-pulse{50%{opacity:.5}}
@keyframes tw-ping{75%,100%{transform:scale(2);opacity:0}}
@keyframes tw-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
.-bottom-20{bottom:-5rem}
.-bottom-24{bottom:-6rem}
.-left-12{left:-3rem}
.-left-1\.5{left:-0.375rem}
.-left-24{left:-6rem}
.-right-16{right:-4rem}
.-right-20{right:-5rem}
.-rotate-6{transform:rotate(-6deg)}
.-top-12{top:-3rem}
.-top-16{top:-4rem}
.-top-1\.5{top:-0.375rem}
.-top-1{top:-0.25rem}
.-top-24{top:-6rem}
.-top-32{top:-8rem}
.-top-3{top:-0.75rem}
.-translate-x-full{transform:translateX(-100%)}
.-translate-y-1{transform:translateY(-0.25rem)}
.absolute{position:absolute}
.animate-ping{animation:tw-ping 1s cubic-bezier(0,0,.2,1) infinite}
.animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.aspect-square{aspect-ratio:1/1}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.backdrop-blur-xl{backdrop-filter:blur(24px)}
.bg-\[\#F6F7F2\]{background-color:#F6F7F2}
.bg-amber-100{background-color:#fef3c7}
.bg-amber-400{background-color:#fbbf24}
.bg-amber-50{background-color:#fffbeb}
.bg-emerald-100\/60{background-color:rgb(209 250 229 / 0.6)}
.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-primary-100{background-color:#E2EFD9}
.bg-primary-200\/40{background-color:rgb(198 224 182 / 0.4)}
.bg-primary-300\/20{background-color:rgb(162 203 139 / 0.2)}
.bg-primary-400\/40{background-color:rgb(123 176 94 / 0.4)}
.bg-primary-500\/10{background-color:rgb(88 150 61 / 0.1)}
.bg-primary-500{background-color:#58963D}
.bg-primary-50{background-color:#F2F7EE}
.bg-primary-600{background-color:#437A2E}
.bg-primary-950{background-color:#14250F}
.bg-rose-100{background-color:#ffe4e6}
.bg-rose-500{background-color:#f43f5e}
.bg-rose-50{background-color:#fff1f2}
.bg-sky-500{background-color:#0ea5e9}
.bg-sky-50{background-color:#f0f9ff}
.bg-slate-100{background-color:#f1f5f9}
.bg-slate-200{background-color:#e2e8f0}
.bg-slate-50{background-color:#f8fafc}
.bg-slate-900\/50{background-color:rgb(15 23 42 / 0.5)}
.bg-transparent{background-color:transparent}
.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}
.bg-white\/15{background-color:rgb(255 255 255 / 0.15)}
.bg-white\/75{background-color:rgb(255 255 255 / 0.75)}
.bg-white\/85{background-color:rgb(255 255 255 / 0.85)}
.bg-white\/90{background-color:rgb(255 255 255 / 0.9)}
.bg-white\/95{background-color:rgb(255 255 255 / 0.95)}
.bg-white{background-color:#ffffff}
.block{display:block}
.blur-2xl{filter:blur(40px)}
.blur-3xl{filter:blur(64px)}
.border-black\/5{border-color:rgb(0 0 0 / 0.05)}
.border-black\/\[\.05\]{border-color:rgb(0 0 0 / 0.05)}
.border-black\/\[\.06\]{border-color:rgb(0 0 0 / 0.06)}
.border-b{border-bottom-width:1px}
.border-dashed{border-style:dashed}
.border-primary-100\/70{border-color:rgb(226 239 217 / 0.7)}
.border-primary-100{border-color:#E2EFD9}
.border-primary-900\/5{border-color:rgb(40 66 32 / 0.05)}
.border-slate-100{border-color:#f1f5f9}
.border-slate-200{border-color:#e2e8f0}
.border-t{border-top-width:1px}
.border-white\/10{border-color:rgb(255 255 255 / 0.1)}
.border-white\/15{border-color:rgb(255 255 255 / 0.15)}
.border-white\/25{border-color:rgb(255 255 255 / 0.25)}
.border{border-width:1px}
.bottom-0{bottom:0px}
.bottom-3{bottom:0.75rem}
.bottom-4{bottom:1rem}
.bottom-5{bottom:1.25rem}
.bottom-6{bottom:1.5rem}
.col-span-full{grid-column:1/-1}
.cursor-text{cursor:text}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]){border-color:#f1f5f9}
.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.fixed{position:fixed}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex{display:flex}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.from-\[\#F6F7F2\]{--tw-gradient-from:#F6F7F2;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-\[\#FCFBF5\]{--tw-gradient-from:#FCFBF5;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-amber-50{--tw-gradient-from:#fffbeb;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-emerald-50{--tw-gradient-from:#ecfdf5;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-green-50{--tw-gradient-from:#f0fdf4;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-lime-50{--tw-gradient-from:#f7fee7;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-orange-50{--tw-gradient-from:#fff7ed;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-primary-400{--tw-gradient-from:#7BB05E;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-primary-500{--tw-gradient-from:#58963D;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-primary-700{--tw-gradient-from:#366126;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-primary-800{--tw-gradient-from:#2E4E22;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-rose-400{--tw-gradient-from:#fb7185;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-rose-50{--tw-gradient-from:#fff1f2;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-sky-400{--tw-gradient-from:#38bdf8;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-sky-50{--tw-gradient-from:#f0f9ff;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-teal-400{--tw-gradient-from:#2dd4bf;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-teal-50{--tw-gradient-from:#f0fdfa;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-violet-400{--tw-gradient-from:#a78bfa;--tw-gradient-to:rgb(255 255 255 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.gap-0\.5{gap:0.125rem}
.gap-10{gap:2.5rem}
.gap-1\.5{gap:0.375rem}
.gap-1{gap:0.25rem}
.gap-2\.5{gap:0.625rem}
.gap-2{gap:0.5rem}
.gap-3\.5{gap:0.875rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-3{column-gap:0.75rem}
.gap-y-1{row-gap:0.25rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid{display:grid}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-1\.5{height:0.375rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-2{height:0.5rem}
.h-32{height:8rem}
.h-3\.5{height:0.875rem}
.h-3{height:0.75rem}
.h-40{height:10rem}
.h-48{height:12rem}
.h-4\.5{height:1.125rem}
.h-4{height:1rem}
.h-56{height:14rem}
.h-5{height:1.25rem}
.h-64{height:16rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-80{height:20rem}
.h-8{height:2rem}
.h-96{height:24rem}
.h-9{height:2.25rem}
.h-\[18px\]{height:18px}
.h-\[1\.15rem\]{height:1.15rem}
.h-\[22px\]{height:22px}
.h-\[320px\]{height:320px}
.h-full{height:100%}
.hidden{display:none}
.inline-flex{display:inline-flex}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.inset-y-0{top:0px;bottom:0px}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-5{line-height:1.25rem}
.leading-6{line-height:1.5rem}
.leading-7{line-height:1.75rem}
.leading-\[1\.35\]{line-height:1.35}
.leading-none{line-height:1}
.left-0{left:0px}
.left-1\/3{left:33.333333%}
.left-1\/4{left:25%}
.left-1{left:0.25rem}
.left-3{left:0.75rem}
.left-4{left:1rem}
.left-6{left:1.5rem}
.left-8{left:2rem}
.line-through{text-decoration-line:line-through}
.max-h-\[300px\]{max-height:300px}
.max-w-7xl{max-width:80rem}
.max-w-\[400px\]{max-width:400px}
.max-w-\[540px\]{max-width:540px}
.max-w-\[92vw\]{max-width:92vw}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:0.25rem}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-8{margin-bottom:2rem}
.min-w-0{min-width:0px}
.min-w-\[1\.15rem\]{min-width:1.15rem}
.mr-2{margin-right:0.5rem}
.mt-0\.5{margin-top:0.125rem}
.mt-10{margin-top:2.5rem}
.mt-16{margin-top:4rem}
.mt-1\.5{margin-top:0.375rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-3\.5{margin-top:0.875rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-auto{margin-top:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.opacity-0{opacity:0}
.opacity-80{opacity:0.8}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-auto{overflow-y:auto}
.p-1{padding:0.25rem}
.p-2\.5{padding:0.625rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.pb-16{padding-bottom:4rem}
.pb-1\.5{padding-bottom:0.375rem}
.pb-5{padding-bottom:1.25rem}
.pl-5{padding-left:1.25rem}
.place-items-center{place-items:center}
.pointer-events-auto{pointer-events:auto}
.pointer-events-none{pointer-events:none}
.pr-2\.5{padding-right:0.625rem}
.pr-\[4\.4rem\]{padding-right:4.4rem}
.pt-1{padding-top:0.25rem}
.pt-24{padding-top:6rem}
.pt-2\.5{padding-top:0.625rem}
.pt-3\.5{padding-top:0.875rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-8{padding-top:2rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-3{padding-left:0.75rem;padding-right:0.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}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.relative{position:relative}
.right-0{right:0px}
.right-10{right:2.5rem}
.right-12{right:3rem}
.right-2{right:0.5rem}
.right-3{right:0.75rem}
.ring-1{box-shadow:var(--tw-ring-inset) 0 0 0 1px var(--tw-ring-color)}
.ring-white\/20{--tw-ring-color:rgb(255 255 255 / 0.2)}
.ring-white\/25{--tw-ring-color:rgb(255 255 255 / 0.25)}
.ring-white\/70{--tw-ring-color:rgb(255 255 255 / 0.7)}
.rotate-12{transform:rotate(12deg)}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-\[1\.4rem\]{border-radius:1.4rem}
.rounded-\[1\.75rem\]{border-radius:1.75rem}
.rounded-\[2rem\]{border-radius:2rem}
.rounded-full{border-radius:9999px}
.rounded-t-\[2\.5rem\]{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}
.rounded-xl{border-radius:0.75rem}
.scale-0{transform:scale(0)}
.select-none{user-select:none}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25)}
.shadow-btn{box-shadow:0 10px 24px -8px rgba(67,122,46,.5)}
.shadow-card{box-shadow:0 6px 22px -8px rgba(30,64,40,.10)}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}
.shadow-soft{box-shadow:0 18px 50px -16px rgba(30,64,40,.18)}
.shadow{box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)}
.shrink-0{flex-shrink:0}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.875rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-6xl{font-size:3.75rem;line-height:1}
.text-7xl{font-size:4.5rem;line-height:1}
.text-\[10px\]{color:10px}
.text-\[11px\]{color:11px}
.text-\[13px\]{color:13px}
.text-\[15px\]{color:15px}
.text-\[2rem\]{color:2rem}
.text-\[6rem\]{color:6rem}
.text-amber-400{color:#fbbf24}
.text-amber-500{color:#f59e0b}
.text-amber-700{color:#b45309}
.text-base{font-size:1rem;line-height:1.5rem}
.text-center{text-align:center}
.text-ink{color:#22301E}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-primary-100\/80{color:rgb(226 239 217 / 0.8)}
.text-primary-100\/90{color:rgb(226 239 217 / 0.9)}
.text-primary-100{color:#E2EFD9}
.text-primary-200\/20{color:rgb(198 224 182 / 0.2)}
.text-primary-200\/60{color:rgb(198 224 182 / 0.6)}
.text-primary-200\/70{color:rgb(198 224 182 / 0.7)}
.text-primary-200\/80{color:rgb(198 224 182 / 0.8)}
.text-primary-200{color:#C6E0B6}
.text-primary-400{color:#7BB05E}
.text-primary-500{color:#58963D}
.text-primary-600{color:#437A2E}
.text-primary-700{color:#366126}
.text-right{text-align:right}
.text-rose-400{color:#fb7185}
.text-rose-500{color:#f43f5e}
.text-rose-600{color:#e11d48}
.text-sky-500{color:#0ea5e9}
.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}
.text-slate-600{color:#475569}
.text-slate-700{color:#334155}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-white{color:#ffffff}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.to-\[\#E9F1DC\]{--tw-gradient-to:#E9F1DC}
.to-amber-100{--tw-gradient-to:#fef3c7}
.to-emerald-100{--tw-gradient-to:#d1fae5}
.to-green-100{--tw-gradient-to:#dcfce7}
.to-lime-100{--tw-gradient-to:#ecfccb}
.to-orange-100{--tw-gradient-to:#ffedd5}
.to-orange-500{--tw-gradient-to:#f97316}
.to-primary-500{--tw-gradient-to:#58963D}
.to-primary-600{--tw-gradient-to:#437A2E}
.to-primary-700{--tw-gradient-to:#366126}
.to-primary-900{--tw-gradient-to:#284220}
.to-rose-100{--tw-gradient-to:#ffe4e6}
.to-rose-500{--tw-gradient-to:#f43f5e}
.to-sky-100{--tw-gradient-to:#e0f2fe}
.to-sky-500{--tw-gradient-to:#0ea5e9}
.to-teal-100{--tw-gradient-to:#ccfbf1}
.to-teal-500{--tw-gradient-to:#14b8a6}
.to-transparent{--tw-gradient-to:transparent}
.to-violet-500{--tw-gradient-to:#8b5cf6}
.top-0{top:0px}
.top-3{top:0.75rem}
.top-4{top:1rem}
.top-\[44\%\]{top:44%}
.tracking-widest{letter-spacing:0.1em}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.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:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.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:150ms}
.translate-y-3{transform:translateY(0.75rem)}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.via-\[\#F4F8EC\]{--tw-gradient-stops:var(--tw-gradient-from),#F4F8EC,var(--tw-gradient-to)}
.via-primary-600{--tw-gradient-stops:var(--tw-gradient-from),#437A2E,var(--tw-gradient-to)}
.w-0{width:0px}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-1\.5{width:0.375rem}
.w-20{width:5rem}
.w-24{width:6rem}
.w-32{width:8rem}
.w-36{width:9rem}
.w-3\.5{width:0.875rem}
.w-3{width:0.75rem}
.w-40{width:10rem}
.w-44{width:11rem}
.w-48{width:12rem}
.w-4\.5{width:1.125rem}
.w-4{width:1rem}
.w-56{width:14rem}
.w-5{width:1.25rem}
.w-64{width:16rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-80{width:20rem}
.w-8{width:2rem}
.w-96{width:24rem}
.w-9{width:2.25rem}
.w-\[18px\]{width:18px}
.w-\[22px\]{width:22px}
.w-\[300px\]{width:300px}
.w-\[64\%\]{width:64%}
.w-\[88\%\]{width:88%}
.w-\[92vw\]{width:92vw}
.w-full{width:100%}
.w-px{width:1px}
.z-40{z-index:40}
.z-50{z-index:50}
.z-\[100\]{z-index:100}
.z-\[60\]{z-index:60}
.z-\[70\]{z-index:70}
.z-\[90\]{z-index:90}
.placeholder\:text-slate-400::placeholder{color:#94a3b8}
.placeholder\:text-white\/40::placeholder{color:rgb(255 255 255 / 0.4)}
.placeholder\:text-white\/60::placeholder{color:rgb(255 255 255 / 0.6)}
.group:hover .group-hover\:-rotate-6{transform:rotate(-6deg)}
.group:hover .group-hover\:bg-primary-600{background-color:#437A2E}
.group:hover .group-hover\:opacity-100{opacity:1}
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
.group:hover .group-hover\:scale-115{transform:scale(1.15)}
.group:hover .group-hover\:text-white{color:#ffffff}
.group:hover .group-hover\:translate-y-0{transform:translateY(0px)}
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}
.hover\:-translate-y-1\.5:hover{transform:translateY(-0.375rem)}
.hover\:bg-primary-400:hover{background-color:#7BB05E}
.hover\:bg-primary-50:hover{background-color:#F2F7EE}
.hover\:bg-primary-50\/70:hover{background-color:rgb(242 247 238 / 0.7)}
.hover\:bg-primary-600:hover{background-color:#437A2E}
.hover\:bg-primary-700:hover{background-color:#366126}
.hover\:bg-slate-100:hover{background-color:#f1f5f9}
.hover\:border-primary-200:hover{border-color:#C6E0B6}
.hover\:border-primary-300:hover{border-color:#A2CB8B}
.hover\:border-primary-600:hover{border-color:#437A2E}
.hover\:rotate-0:hover{transform:rotate(0deg)}
.hover\:shadow-soft:hover{box-shadow:0 18px 50px -16px rgba(30,64,40,.18)}
.hover\:text-primary-600:hover{color:#437A2E}
.hover\:text-primary-700:hover{color:#366126}
.hover\:text-rose-500:hover{color:#f43f5e}
.hover\:text-white:hover{color:#ffffff}
.hover\:underline:hover{text-decoration-line:underline}
.focus\:bg-white\/15:focus{background-color:rgb(255 255 255 / 0.15)}
.focus\:bg-white\/25:focus{background-color:rgb(255 255 255 / 0.25)}
.focus\:border-white\/40:focus{border-color:rgb(255 255 255 / 0.4)}
.focus\:border-white\/50:focus{border-color:rgb(255 255 255 / 0.5)}
.active\:scale-90:active{transform:scale(0.9)}
.active\:scale-95:active{transform:scale(0.95)}
@media (min-width:640px){
.sm\:block{display:block}
.sm\:divide-x > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}
.sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}
.sm\:flex-row{flex-direction:row}
.sm\:gap-2{gap:0.5rem}
.sm\:gap-4{gap:1rem}
.sm\:gap-5{gap:1.25rem}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm\:h-24{height:6rem}
.sm\:h-28{height:7rem}
.sm\:h-40{height:10rem}
.sm\:h-48{height:12rem}
.sm\:h-64{height:16rem}
.sm\:h-\[400px\]{height:400px}
.sm\:inline-flex{display:inline-flex}
.sm\:justify-start{justify-content:flex-start}
.sm\:leading-8{line-height:2rem}
.sm\:left-3{left:0.75rem}
.sm\:mt-20{margin-top:5rem}
.sm\:mt-8{margin-top:2rem}
.sm\:p-10{padding:2.5rem}
.sm\:p-12{padding:3rem}
.sm\:p-4{padding:1rem}
.sm\:p-5{padding:1.25rem}
.sm\:p-7{padding:1.75rem}
.sm\:pt-28{padding-top:7rem}
.sm\:pt-4{padding-top:1rem}
.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
.sm\:right-16{right:4rem}
.sm\:right-6{right:1.5rem}
.sm\:rounded-\[2\.5rem\]{border-radius:2.5rem}
.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-5xl{font-size:3rem;line-height:1}
.sm\:text-7xl{font-size:4.5rem;line-height:1}
.sm\:text-8xl{font-size:6rem;line-height:1}
.sm\:text-\[15px\]{color:15px}
.sm\:text-\[8rem\]{color:8rem}
.sm\:text-base{font-size:1rem;line-height:1.5rem}
.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}
.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
.sm\:text-xs{font-size:0.75rem;line-height:1rem}
.sm\:w-20{width:5rem}
.sm\:w-24{width:6rem}
.sm\:w-28{width:7rem}
.sm\:w-40{width:10rem}
.sm\:w-64{width:16rem}
.sm\:w-\[340px\]{width:340px}
}
@media (min-width:768px){
.md\:block{display:block}
.md\:flex-row{flex-direction:row}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:items-center{align-items:center}
.md\:w-56{width:14rem}
}
@media (min-width:1024px){
.lg\:flex-row{flex-direction:row}
.lg\:flex{display:flex}
.lg\:gap-10{gap:2.5rem}
.lg\:gap-6{gap:1.5rem}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.lg\:grid-cols-\[1\.4fr_1fr_1fr_1\.3fr\]{grid-template-columns:1.4fr 1fr 1fr 1.3fr}
.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}
.lg\:grid-cols-\[380px_1fr\]{grid-template-columns:380px 1fr}
.lg\:h-72{height:18rem}
.lg\:h-\[480px\]{height:480px}
.lg\:hidden{display:none}
.lg\:justify-start{justify-content:flex-start}
.lg\:mx-0{margin-left:0px;margin-right:0px}
.lg\:p-14{padding:3.5rem}
.lg\:sticky{position:sticky}
.lg\:text-right{text-align:right}
.lg\:top-28{top:7rem}
.lg\:w-72{width:18rem}
}
@media (min-width:1280px){
.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* ۱. کانتینر بیرونی */
.footer-badge-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
  width: 100%;
}

/* ۲. کانتینر نگهدارنده ثابت (جلوگیری قطعی از پرش ماوس) */
.footer-badge-trigger {
  display: inline-block;
  padding: 10px 0; /* فضای امن اطراف برای اینکه ماوس خارج نشود */
  cursor: pointer;
  text-decoration: none;
}

/* ۳. کپسول داخلی که انیمیشن روش اعمال میشه */
.footer-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 8px 22px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
  direction: rtl;

  /* ترنزیشن طولانی و بسیار نرم برای رفت و برگشت */
  transform: translateY(0);
  transition: transform 0.5s ease-out, box-shadow 0.5s ease-out;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ۴. حرکت نرم و شناور با زمان‌بندی ملایم */
.footer-badge-trigger:hover .footer-badge {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(6, 182, 212, 0.22);
}

/* ۵. متن فارسی */
.footer-badge-text {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  user-select: none;
  line-height: 1;
}

/* ۶. لینک 1Coder */
.footer-badge-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 800;
  font-family: 'Arial Black', Impact, sans-serif;
  text-decoration: none;
  background: linear-gradient(135deg, #06b6d4, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  direction: ltr;
  line-height: 1;
}

.footer-badge-link span {
  font-size: 12px;
  -webkit-text-fill-color: #06b6d4;
  display: inline-block;
  transform: translate(0, 0);
  transition: transform 0.5s ease-out;
}

.footer-badge-trigger:hover .footer-badge-link span {
  transform: translate(2px, -2px);
}