/* Utility set replacing former Tailwind classes */
.w-screen { width: 100vw; }
.relative { position: relative; }
.absolute { position: absolute; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.overflow-hidden { overflow: hidden; }
.text-center { text-align: center; max-width: min(480px, 90vw); margin-left: auto; margin-right: auto; }
.text-xl { font-size: 1.35rem; line-height: 1.9rem; }
.font-semibold { font-weight: 600; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.gap-3 { gap: 0.75rem; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.p-6 { padding: 1.5rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.border { border-width: 1px; border-style: solid; border-color: rgba(148, 163, 184, 0.8); }
.border-2 { border-width: 2px; border-style: solid; }
.text-white { color: #ffffff; }
.text-sky-50 { color: #f0f9ff; }
.text-sky-50 strong,
.text-sky-50\/90 strong,
.text-sky-100\/80 strong { color: inherit; }
.text-sky-50\/90 { color: rgba(240, 249, 255, 0.9); }
.text-sky-100 { color: #e0f2fe; }
.text-sky-100\/80 { color: rgba(224, 242, 254, 0.8); }
.bg-sky-500 { background-color: #0ea5e9; transition: background-color 120ms ease, transform 120ms ease; color: #fff; }
.hover\:bg-sky-600:hover { background-color: #0284c7; }
.bg-slate-700 { background-color: #334155; transition: background-color 120ms ease; color: #fff; }
.hover\:bg-slate-800:hover { background-color: #1e293b; }
.bg-slate-900\/40 { background-color: rgba(15, 23, 42, 0.4); transition: background-color 120ms ease; }
.bg-slate-900\/60 { background-color: rgba(15, 23, 42, 0.6); }
.bg-slate-900\/80 { background-color: rgba(15, 23, 42, 0.8); }
.border-sky-400\/60 { border-color: rgba(56, 189, 248, 0.6); }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.border-sky-300 { border-color: #7dd3fc; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.35), 0 4px 6px -4px rgba(15, 23, 42, 0.25); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.45); }
.pointer-events-auto { pointer-events: auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-4 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 0.5rem; }
.w-16 { width: 4rem; }
.h-16 { height: 4rem; }
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.items-center.justify-center { align-items: center; justify-content: center; }
.text-sky-50\/90,
.text-sky-100\/80,
.text-sky-50,
.text-sky-100 { transition: color 120ms ease; }
.flex.items-center { display: flex; align-items: center; }
.pointer-events-auto { pointer-events: auto; }
.text-sky-50 { color: #f0f9ff; }
.text-sky-100 { color: #e0f2fe; }
.border-sky-400\/60 { border-color: rgba(56, 189, 248, 0.6); }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.text-sky-50\/90 { color: rgba(240, 249, 255, 0.9); }
.text-sky-100\/80 { color: rgba(224, 242, 254, 0.8); }
.shadow-lg,
.shadow-2xl { transition: box-shadow 150ms ease, transform 150ms ease; }
.shadow-lg:hover,
.shadow-2xl:hover { transform: translateY(-2px); }
.hover\:bg-slate-900\/60:hover { background-color: rgba(15, 23, 42, 0.6); }
.border-sky-300 { border-color: #7dd3fc; }
.text-sky-50,
.text-sky-100,
.text-sky-50\/90,
.text-sky-100\/80 { font-weight: 400; }
.w-16.h-16 { width: 4rem; height: 4rem; }

@media (min-width: 640px) {
  .sm\:flex-row { flex-direction: row; }
}

@media (min-width: 768px) {
  .md\:p-8 { padding: 2rem; }
}