/* Utilities used by the rewritten static templates but not emitted in the legacy bundle. */
.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;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.animate-gradient {
  background-size: 200% auto;
  animation: tato-gradient 7s linear infinite;
}

@keyframes tato-gradient {
  0%, 100% { background-position: 0 50%; }
  50% { background-position: 100% 50%; }
}

.h-16 { height: 4rem; }
.mt-7 { margin-top: 1.75rem; }
.mt-12 { margin-top: 3rem; }
.mt-14 { margin-top: 3.5rem; }
.gap-x-5 { column-gap: 1.25rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-y-3 { row-gap: .75rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.rounded-md { border-radius: .375rem; }
.leading-6 { line-height: 1.5rem; }
.leading-8 { line-height: 2rem; }
.tracking-widest { letter-spacing: .1em; }
.break-all { word-break: break-all; }
.bg-slate-950\/50 { background-color: rgba(2, 6, 23, .5); }
.border-emerald-400\/20 { border-color: rgba(52, 211, 153, .2); }
.text-emerald-300 { color: rgb(110 231 183); }

[class~="focus:not-sr-only"]:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

[class~="focus:fixed"]:focus { position: fixed; }
[class~="focus:left-4"]:focus { left: 1rem; }
[class~="focus:top-4"]:focus { top: 1rem; }
[class~="focus:z-[100]"]:focus { z-index: 100; }
[class~="focus:rounded-full"]:focus { border-radius: 9999px; }
[class~="focus:rounded-lg"]:focus { border-radius: .5rem; }
[class~="focus:bg-sky-500"]:focus { background-color: rgb(14 165 233); }
[class~="focus:px-4"]:focus { padding-left: 1rem; padding-right: 1rem; }
[class~="focus:py-2"]:focus { padding-top: .5rem; padding-bottom: .5rem; }
[class~="focus:text-white"]:focus { color: #fff; }

[class~="hover:bg-emerald-400"]:hover { background-color: rgb(52 211 153); }
[class~="hover:bg-slate-800"]:hover { background-color: rgb(30 41 59); }
[class~="hover:bg-slate-900"]:hover { background-color: rgb(15 23 42); }
[class~="hover:border-sky-400/50"]:hover { border-color: rgba(56, 189, 248, .5); }
[class~="hover:border-sky-500"]:hover { border-color: rgb(14 165 233); }
[class~="hover:text-sky-400"]:hover { color: rgb(56 189 248); }

.shadow-\[0_18px_40px_rgba\(15\2c 23\2c 42\2c 0\.20\)\] {
  --tw-shadow: 0 18px 40px rgba(15, 23, 42, .2);
  --tw-shadow-colored: 0 18px 40px 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_26px_70px_rgba\(15\2c 23\2c 42\2c 0\.22\)\] {
  --tw-shadow: 0 26px 70px rgba(15, 23, 42, .22);
  --tw-shadow-colored: 0 26px 70px 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-slate-950\/5 { --tw-shadow-color: rgba(2, 6, 23, .05); --tw-shadow: var(--tw-shadow-colored); }
.shadow-slate-950\/10 { --tw-shadow-color: rgba(2, 6, 23, .1); --tw-shadow: var(--tw-shadow-colored); }

.dark [class~="dark:bg-slate-950"] { background-color: rgb(2 6 23); }
.dark [class~="dark:bg-slate-950/60"] { background-color: rgba(2, 6, 23, .6); }
.dark [class~="dark:bg-slate-950/70"] { background-color: rgba(2, 6, 23, .7); }
.dark [class~="dark:bg-slate-950/80"] { background-color: rgba(2, 6, 23, .8); }
.dark [class~="dark:bg-slate-950/95"] { background-color: rgba(2, 6, 23, .95); }
.dark [class~="dark:bg-slate-900/60"] { background-color: rgba(15, 23, 42, .6); }
.dark [class~="dark:bg-white/10"] { background-color: rgba(255, 255, 255, .1); }
.dark [class~="dark:border-white"] { border-color: #fff; }
.dark [class~="dark:border-white/15"] { border-color: rgba(255, 255, 255, .15); }
.dark [class~="dark:border-white/20"] { border-color: rgba(255, 255, 255, .2); }
.dark [class~="dark:from-slate-950"] {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(2, 6, 23, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark [class~="dark:via-slate-900"] {
  --tw-gradient-to: rgba(15, 23, 42, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark [class~="dark:to-slate-950"] { --tw-gradient-to: #020617 var(--tw-gradient-to-position); }
.dark [class~="dark:shadow-black/10"] { --tw-shadow-color: rgba(0, 0, 0, .1); --tw-shadow: var(--tw-shadow-colored); }
.dark [class~="dark:shadow-black/20"] { --tw-shadow-color: rgba(0, 0, 0, .2); --tw-shadow: var(--tw-shadow-colored); }
.dark [class~="dark:shadow-sky-900/50"] { --tw-shadow-color: rgba(12, 74, 110, .5); --tw-shadow: var(--tw-shadow-colored); }
.dark [class~="dark:hover:border-sky-500/30"]:hover { border-color: rgba(14, 165, 233, .3); }
.dark [class~="dark:hover:text-sky-200"]:hover { color: rgb(186 230 253); }
.dark [class~="dark:hover:text-white"]:hover { color: #fff; }

.news-section {
  border-top: 1px solid rgb(226 232 240);
  padding: 5rem 1rem;
  background: rgba(248, 250, 252, .72);
}

.news {
  max-width: 72rem;
  margin: 0 auto;
  padding: 2.5rem;
  border: 1px solid rgb(226 232 240);
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .08);
}

.news-title {
  margin: 0;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.025em;
  text-align: center;
}

.news-desc {
  max-width: 44rem;
  margin: 1rem auto 0;
  color: rgb(71 85 105);
  font-size: 1rem;
  line-height: 1.75;
  text-align: center;
}

.news-list {
  margin: 2.25rem 0 0;
  padding: 0;
  border-top: 1px solid rgb(226 232 240);
  list-style: none;
}

.news-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  padding: 1.1rem .25rem;
  border-bottom: 1px solid rgb(226 232 240);
}

.news-link {
  min-width: 0;
  color: rgb(15 23 42);
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  transition: color .2s ease;
}

.news-link:hover,
.news-link:focus-visible {
  color: rgb(14 165 233);
}

.news-time {
  color: rgb(100 116 139);
  font-size: .875rem;
  white-space: nowrap;
}

.news-more {
  margin-top: 2rem;
  text-align: center;
}

.news-more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: .65rem 1.25rem;
  border-radius: 9999px;
  background: rgb(14 165 233);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(14, 165, 233, .22);
  transition: background-color .2s ease, transform .2s ease;
}

.news-more a:hover,
.news-more a:focus-visible {
  background: rgb(2 132 199);
  transform: translateY(-1px);
}

.dark .news-section {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(2, 6, 23, .6);
}

.dark .news {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .2);
}

.dark .news-desc,
.dark .news-time {
  color: rgb(148 163 184);
}

.dark .news-list,
.dark .news-item {
  border-color: rgba(255, 255, 255, .1);
}

.dark .news-link {
  color: rgb(241 245 249);
}

.dark .news-link:hover,
.dark .news-link:focus-visible {
  color: rgb(56 189 248);
}

@media (min-width: 640px) {
  [class~="sm:flex"] { display: flex; }
  [class~="sm:p-10"] { padding: 2.5rem; }
  [class~="sm:pt-14"] { padding-top: 3.5rem; }
}

@media (min-width: 768px) {
  [class~="md:items-end"] { align-items: flex-end; }
  [class~="md:p-10"] { padding: 2.5rem; }
}

@media (min-width: 1024px) {
  [class~="lg:flex"] { display: flex; }
  [class~="lg:grid-cols-[minmax(0,220px)_minmax(0,1fr)]"] {
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  }
}

@media (max-width: 639px) {
  .news-section {
    padding: 4rem 1rem;
  }

  .news {
    padding: 1.5rem;
  }

  .news-item {
    grid-template-columns: 1fr;
    gap: .4rem;
  }
}