/* 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,Vazirmatn,system-ui,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)}}
.absolute{position:absolute}
.block{display:block}
.flex-1{flex:1 1 0%}
.flex{display:flex}
.gap-1{gap:0.25rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid{display:grid}
.h-full{height:100%}
.hidden{display:none}
.items-center{align-items:center}
.justify-center{justify-content:center}
.leading-none{line-height:1}
.min-w-0{min-width:0px}
.overflow-hidden{overflow:hidden}
.place-items-center{place-items:center}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.relative{position:relative}
.shrink-0{flex-shrink:0}
.sticky{position:sticky}
.text-center{text-align:center}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-muted{color:hsl(var(--muted) / 1)}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-start{text-align:start}
.text-white{color:#ffffff}
.text-xs{font-size:0.75rem;line-height:1rem}
.top-0{top:0px}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-50{z-index:50}
@media (min-width:768px){
.md\:flex{display:flex}
.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:inline-grid{display:inline-grid}
.md\:inline{display:inline}
}
@media (min-width:1024px){
.lg\:block{display:block}
.lg\:col-span-2{grid-column:span 2/span 2}
.lg\:col-span-3{grid-column:span 3/span 3}
.lg\:flex{display:flex}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.lg\:hidden{display:none}
}

/* ۱. کانتینر بیرونی */
.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);
}