@howssatoshi/quantumcss 1.3.0 → 1.4.0

package/dist/quantum.css

@@ -1,1425 +0,0 @@
-/* Quantum CSS JIT Output */
-.p-12 {
-  padding: 3rem;
-}
-
-.max-w-4xl {
-  max-width: 4xl;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.space-y-12 > * + * {
-  margin-top: 3rem;
-}
-
-.text-4xl {
-  font-size: 2.5rem;
-  line-height: 1.2;
-}
-
-.space-y-4 > * + * {
-  margin-top: 1rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.2;
-}
-
-.flex {
-  display: flex;
-}
-
-.gap-4 {
-  gap: 1rem;
-}
-
-.btn-primary {
-  background-color: #2563eb;
-  color: #ffffff;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  border-radius: 0.5rem;
-}
-
-.btn-primary:hover {
-  background-color: #1d4ed8;
-}
-
-.btn-secondary {
-  background-color: #64748b;
-  color: #ffffff;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  border-radius: 0.5rem;
-}
-
-.btn-secondary:hover {
-  background-color: #475569;
-}
-
-.card-premium {
-  background-color: #ffffff;
-  padding: 2rem;
-  border-radius: 1rem;
-  border-color: #f1f5f9;
-}
-
-.card-premium:hover {
-  transform: scale(1.05);
-}
-
-.max-w-sm {
-  max-width: sm;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 1.2;
-}
-
-.mb-4 {
-  margin-bottom: 1rem;
-}
-
-.p-10 {
-  padding: 2.5rem;
-}
-
-.space-y-8 > * + * {
-  margin-top: 2rem;
-}
-
-.bg-black {
-  background-color: #000000;
-}
-
-.text-white {
-  color: #ffffff;
-}
-
-.top-0 {
-  top: 0px;
-}
-
-.z-50 {
-  z-index: 50;
-}
-
-.glass {
-  background-color: rgba(255, 255, 255, 0.03);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border-width: 1px;
-  border-color: rgba(255, 255, 255, 0.1);
-}
-
-.p-4 {
-  padding: 1rem;
-}
-
-.mb-8 {
-  margin-bottom: 2rem;
-}
-
-.ml-4 {
-  margin-left: 1rem;
-}
-
-.mt-8 {
-  margin-top: 2rem;
-}
-
-.grid {
-  display: grid;
-}
-
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-
-.bg-blue-500 {
-  background-color: #3b82f6;
-}
-
-.bg-red-500 {
-  background-color: #ef4444;
-}
-
-.input-starlight {
-  background-color: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  color: inherit;
-  border-radius: 0.75rem;
-  padding: 0 1rem;
-  appearance: none;
-  transition: all 0.2s ease;
-  height: 3rem;
-}
-
-.textarea-starlight {
-  background-color: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  color: inherit;
-  border-radius: 0.75rem;
-  padding: 1rem;
-  appearance: none;
-  transition: all 0.2s ease;
-  min-height: 8rem;
-  width: 100%;
-  display: block;
-}
-
-.bg-green-500 {
-  background-color: #10b981;
-}
-
-.mt-4 {
-  margin-top: 1rem;
-}
-
-.p-8 {
-  padding: 2rem;
-}
-
-.bg-starlight-deep {
-  background-color: #08081a;
-}
-
-.min-h-screen {
-  min-height: screen;
-}
-
-.max-w-144 {
-  max-width: 36rem;
-}
-
-.mb-20 {
-  margin-bottom: 5rem;
-}
-
-.pt-16 {
-  padding-top: 4rem;
-}
-
-.text-6xl {
-  font-size: 4rem;
-  line-height: 1.2;
-}
-
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
-.text-gradient-starlight {
-  background: linear-gradient(to right, #ffb38a, #00d4ff);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  display: inline-block;
-}
-
-.max-w-prose {
-  max-width: prose;
-}
-
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.gap-6 {
-  gap: 1.5rem;
-}
-
-.bg-starlight {
-  background: linear-gradient(135deg, #ffb38a 0%, #00d4ff 100%);
-}
-
-.text-black {
-  color: #000000;
-}
-
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.rounded-full {
-  border-radius: 9999px;
-}
-
-.glow-blue {
-  box-shadow: 0 0 30px rgba(0, 212, 255, 0.25);
-}
-
-.scale-105 {
-  transform: scale(1.05);
-}
-
-.hover\:bg-white:hover {
-  background-color: #ffffff;
-}
-
-.border-none {
-  border-width: 0;
-}
-
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-
-.border-2 {
-  border-width: 2px;
-}
-
-.border-white {
-  border-color: #ffffff;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-
-.text-starlight {
-  color: #00d4ff;
-}
-
-.gap-10 {
-  gap: 2.5rem;
-}
-
-.rounded-2xl {
-  border-radius: 1rem;
-}
-
-.bg-white {
-  background-color: #ffffff;
-}
-
-.rounded-xl {
-  border-radius: 0.75rem;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.rounded-3xl {
-  border-radius: 1.5rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.5;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.focus\:border-starlight:focus {
-  border-color: #00d4ff;
-}
-
-.hover\:scale-105:hover {
-  transform: scale(1.05);
-}
-
-.mt-32 {
-  margin-top: 8rem;
-}
-
-.pt-10 {
-  padding-top: 2.5rem;
-}
-
-.border-t {
-  border-top-width: undefinedpx;
-}
-
-.border-b {
-  border-bottom-width: undefinedpx;
-}
-
-.border-slate-100 {
-  border-color: #f1f5f9;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.bg-slate-50 {
-  background-color: #f8fafc;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.text-slate-500 {
-  color: #64748b;
-}
-
-.hover\:text-slate-900:hover {
-  color: #0f172a;
-}
-
-.border-slate-900 {
-  border-color: #0f172a;
-}
-
-.border-b-4 {
-  border-bottom-width: 4px;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.text-blue-600 {
-  color: #2563eb;
-}
-
-.gap-8 {
-  gap: 2rem;
-}
-
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1.5;
-}
-
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
-.border-transparent {
-  border-color: transparent;
-}
-
-.hover\:border-blue-600:hover {
-  border-color: #2563eb;
-}
-
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-}
-
-.p-2 {
-  padding: 0.5rem;
-}
-
-.hover\:bg-slate-100:hover {
-  background-color: #f1f5f9;
-}
-
-.w-5 {
-  width: 1.25rem;
-}
-
-.h-5 {
-  height: 1.25rem;
-}
-
-.bg-slate-900 {
-  background-color: #0f172a;
-}
-
-.rounded {
-  border-radius: 0.375rem;
-}
-
-.bg-blue-600 {
-  background-color: #2563eb;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.inline-block {
-  display: inline-block;
-}
-
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1.2;
-}
-
-.text-slate-300 {
-  color: #cbd5e1;
-}
-
-.max-w-2xl {
-  max-width: 2xl;
-}
-
-.gap-12 {
-  gap: 3rem;
-}
-
-.aspect-video {
-  aspect-ratio: 16 / 9;
-  width: 100%;
-  height: auto;
-}
-
-.bg-slate-100 {
-  background-color: #f1f5f9;
-}
-
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.group:hover .group-hover\:scale-105 {
-  transform: scale(1.05);
-}
-
-.transition-transform {
-  transition-property: transform;
-}
-
-.pb-2 {
-  padding-bottom: 0.5rem;
-}
-
-.space-y-6 > * + * {
-  margin-top: 1.5rem;
-}
-
-.items-start {
-  align-items: flex-start;
-}
-
-.text-slate-100 {
-  color: #f1f5f9;
-}
-
-.group:hover .group-hover\:text-blue-100 {
-  color: #dbeafe;
-}
-
-.group:hover .group-hover\:text-blue-600 {
-  color: #2563eb;
-}
-
-.text-slate-400 {
-  color: #94a3b8;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.p-6 {
-  padding: 1.5rem;
-}
-
-.border-slate-200 {
-  border-color: #e2e8f0;
-}
-
-.p-3 {
-  padding: 0.75rem;
-}
-
-.focus\:border-blue-600:focus {
-  border-color: #2563eb;
-}
-
-.py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
-
-.mt-24 {
-  margin-top: 6rem;
-}
-
-.border-slate-800 {
-  border-color: #1e293b;
-}
-
-.pb-16 {
-  padding-bottom: 4rem;
-}
-
-.col-span-1 {
-  grid-column: span 1 / span 1;
-}
-
-.text-3xl {
-  font-size: 2rem;
-  line-height: 1.2;
-}
-
-.max-w-md {
-  max-width: md;
-}
-
-.space-y-3 > * + * {
-  margin-top: 0.75rem;
-}
-
-.p-0 {
-  padding: 0px;
-}
-
-.hover\:text-blue-600:hover {
-  color: #2563eb;
-}
-
-.pt-12 {
-  padding-top: 3rem;
-}
-
-.text-slate-600 {
-  color: #475569;
-}
-
-.w-6 {
-  width: 1.5rem;
-}
-
-.h-6 {
-  height: 1.5rem;
-}
-
-.max-w-6xl {
-  max-width: 6xl;
-}
-
-.mb-12 {
-  margin-bottom: 3rem;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.w-24 {
-  width: 6rem;
-}
-
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.w-20 {
-  width: 5rem;
-}
-
-.h-20 {
-  height: 5rem;
-}
-
-.bg-blue-100 {
-  background-color: #dbeafe;
-}
-
-.border-blue-200 {
-  border-color: #bfdbfe;
-}
-
-.w-32 {
-  width: 8rem;
-}
-
-.h-32 {
-  height: 8rem;
-}
-
-.w-16 {
-  width: 4rem;
-}
-
-.h-16 {
-  height: 4rem;
-}
-
-.bg-orange-500 {
-  background-color: #f97316;
-}
-
-.h-48 {
-  height: 12rem;
-}
-
-.w-4 {
-  width: 1rem;
-}
-
-.h-4 {
-  height: 1rem;
-}
-
-.bg-slate-500\/10 {
-  background-color: rgba(100, 116, 139, 0.1);
-}
-
-.bg-black\/20 {
-  background-color: rgba(0, 0, 0, 0.2);
-}
-
-.border-white\/20 {
-  border-color: rgba(255, 255, 255, 0.2);
-}
-
-.btn-starlight {
-  background: linear-gradient(135deg, #ffb38a 0%, #00d4ff 100%);
-  color: #000;
-  border: none;
-  box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-  font-weight: 700;
-  transition: all 0.2s ease;
-  height: 3rem;
-  padding: 0 1.5rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 0.75rem;
-  cursor: pointer;
-}
-
-.mt-20 {
-  margin-top: 5rem;
-}
-
-.pt-8 {
-  padding-top: 2rem;
-}
-
-.border-white\/10 {
-  border-color: rgba(255, 255, 255, 0.1);
-}
-
-.hidden {
-  display: none;
-}
-
-.block {
-  display: block;
-}
-
-.h-14 {
-  height: 3.5rem;
-}
-
-.pb-12 {
-  padding-bottom: 3rem;
-}
-
-.max-w-3xl {
-  max-width: 3xl;
-}
-
-.text-muted {
-  color: var(--text-muted);
-}
-
-.gap-3 {
-  gap: 0.75rem;
-}
-
-.checkbox-starlight {
-  appearance: none;
-  width: 1.25rem;
-  height: 1.25rem;
-  background: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  border-radius: 0.375rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.mt-6 {
-  margin-top: 1.5rem;
-}
-
-.w-3\/4 {
-  width: 75.00%;
-}
-
-.h-12 {
-  height: 3rem;
-}
-
-.w-1\/2 {
-  width: 50.00%;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.hover\:text-starlight:hover {
-  color: #00d4ff;
-}
-
-.py-2.5 {
-  padding-top: 2.5;
-  padding-bottom: 2.5;
-}
-
-.gap-1.5 {
-  gap: 1.5;
-}
-
-.h-0.5 {
-  height: 0.5;
-}
-
-.bg-starlight-deep\/98 {
-  background-color: rgba(8, 8, 26, 0.98);
-}
-
-.z-40 {
-  z-index: 40;
-}
-
-.max-w-\[1200px] {
-  max-width: 1200px;
-}
-
-.hover\:bg-starlight:hover {
-  background: linear-gradient(135deg, #ffb38a 0%, #00d4ff 100%);
-}
-
-.py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
-}
-
-.items-end {
-  align-items: flex-end;
-}
-
-.border-starlight {
-  border-color: #00d4ff;
-}
-
-.pb-1 {
-  padding-bottom: 0.25rem;
-}
-
-.hover\:text-white:hover {
-  color: #ffffff;
-}
-
-.hover\:border-white:hover {
-  border-color: #ffffff;
-}
-
-.duration-500 {
-  transition-duration: 500ms;
-}
-
-.gap-2 {
-  gap: 0.5rem;
-}
-
-.mb-32 {
-  margin-bottom: 8rem;
-}
-
-.p-16 {
-  padding: 4rem;
-}
-
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.mb-16 {
-  margin-bottom: 4rem;
-}
-
-.col-span-2 {
-  grid-column: span 2 / span 2;
-}
-
-.max-w-160 {
-  max-width: 160;
-}
-
-.pb-8 {
-  padding-bottom: 2rem;
-}
-
-.hover\:bg-black:hover {
-  background-color: #000000;
-}
-
-.bg-blue-50 {
-  background-color: #eff6ff;
-}
-
-.w-1\/4 {
-  width: 25.00%;
-}
-
-.max-w-128 {
-  max-width: 32rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.text-primary {
-  color: #3b82f6;
-}
-
-.left-0 {
-  left: 0px;
-}
-
-.-z-10 {
-  z-index: -10;
-}
-
-.h-24 {
-  height: 6rem;
-}
-
-.w-8 {
-  width: 2rem;
-}
-
-.h-8 {
-  height: 2rem;
-}
-
-.hover\:text-primary:hover {
-  color: #3b82f6;
-}
-
-.gap-16 {
-  gap: 4rem;
-}
-
-.space-y-16 > * + * {
-  margin-top: 4rem;
-}
-
-.text-secondary {
-  color: #64748b;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
-.border-primary\/30 {
-  border-color: rgba(59, 130, 246, 0.3);
-}
-
-.p-1 {
-  padding: 0.25rem;
-}
-
-.bg-black\/40 {
-  background-color: rgba(0, 0, 0, 0.4);
-}
-
-.max-w-none {
-  max-width: none;
-}
-
-.space-y-10 > * + * {
-  margin-top: 2.5rem;
-}
-
-.w-2 {
-  width: 0.5rem;
-}
-
-.h-10 {
-  height: 2.5rem;
-}
-
-.border-l-4 {
-  border-left-width: 4px;
-}
-
-.border-primary {
-  border-color: #3b82f6;
-}
-
-.bg-primary\/5 {
-  background-color: rgba(59, 130, 246, 0.05);
-}
-
-.bg-white\/5 {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-.mt-12 {
-  margin-top: 3rem;
-}
-
-.mr-2 {
-  margin-right: 0.5rem;
-}
-
-.hover\:bg-white\/10:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-.border-white\/5 {
-  border-color: rgba(255, 255, 255, 0.05);
-}
-
-.hover\:bg-white\/5:hover {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-.group:hover .group-hover\:text-primary {
-  color: #3b82f6;
-}
-
-.backdrop-blur-md {
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-}
-
-.space-x-12 > * + * {
-  margin-left: 3rem;
-}
-
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
-.py-1.5 {
-  padding-top: 1.5;
-  padding-bottom: 1.5;
-}
-
-.rounded-\[2.5rem] {
-  border-radius: 2.5rem;
-}
-
-.max-w-5xl {
-  max-width: 5xl;
-}
-
-.flex-1 {
-  flex: 1 1 0%;
-}
-
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-
-.bg-transparent {
-  background-color: transparent;
-}
-
-.placeholder\:text-white\/10:placeholder {
-  color: rgba(255, 255, 255, 0.1);
-}
-
-.border-l {
-  border-left-width: undefinedpx;
-}
-
-.px-16 {
-  padding-left: 4rem;
-  padding-right: 4rem;
-}
-
-.h-auto {
-  height: auto;
-}
-
-.hover\:glow-blue:hover {
-  box-shadow: 0 0 30px rgba(0, 212, 255, 0.25);
-}
-
-.text-orange-600 {
-  color: #ea580c;
-}
-
-.transition-all {
-  transition-property: all;
-}
-
-.h-80 {
-  height: 80;
-}
-
-.group:hover .group-hover\:scale-110 {
-  transform: scale(1.1);
-}
-
-.duration-700 {
-  transition-duration: 700ms;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.bottom-8 {
-  bottom: 2rem;
-}
-
-.left-8 {
-  left: 2rem;
-}
-
-.z-20 {
-  z-index: 20;
-}
-
-.bg-blue-600\/20 {
-  background-color: rgba(37, 99, 235, 0.2);
-}
-
-.ml-2 {
-  margin-left: 0.5rem;
-}
-
-.hover\:text-black:hover {
-  color: #000000;
-}
-
-.bg-orange-600\/20 {
-  background-color: rgba(234, 88, 12, 0.2);
-}
-
-.rounded-\[3rem] {
-  border-radius: 3rem;
-}
-
-.max-w-xl {
-  max-width: xl;
-}
-
-.placeholder\:text-white\/20:placeholder {
-  color: rgba(255, 255, 255, 0.2);
-}
-
-.space-x-6 > * + * {
-  margin-left: 1.5rem;
-}
-
-.bg-white\/80 {
-  background-color: rgba(255, 255, 255, 0.8);
-}
-
-.max-w-\[1440px] {
-  max-width: 1440px;
-}
-
-.text-slate-900 {
-  color: #0f172a;
-}
-
-.hover\:text-orange-600:hover {
-  color: #ea580c;
-}
-
-.hover\:bg-slate-200:hover {
-  background-color: #e2e8f0;
-}
-
-.right-0 {
-  right: 0px;
-}
-
-.bg-orange-600 {
-  background-color: #ea580c;
-}
-
-.min-w-56 {
-  min-width: 56;
-}
-
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-
-.space-x-4 > * + * {
-  margin-left: 1rem;
-}
-
-.group:hover .group-hover\:text-slate-900 {
-  color: #0f172a;
-}
-
-.w-10 {
-  width: 2.5rem;
-}
-
-.hover\:scale-110:hover {
-  transform: scale(1.1);
-}
-
-.min-w-0 {
-  min-width: 0;
-}
-
-.gap-x-8 {
-  column-gap: 2rem;
-}
-
-.gap-y-16 {
-  row-gap: 4rem;
-}
-
-.aspect-\[3\/4] {
-  aspect-ratio: 3 / 4;
-  width: 100%;
-  height: auto;
-}
-
-.top-4 {
-  top: 1rem;
-}
-
-.left-4 {
-  left: 1rem;
-}
-
-.space-y-2 > * + * {
-  margin-top: 0.5rem;
-}
-
-.bottom-4 {
-  bottom: 1rem;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.bg-slate-900\/80 {
-  background-color: rgba(15, 23, 42, 0.8);
-}
-
-.hover\:border-slate-900:hover {
-  border-color: #0f172a;
-}
-
-.text-slate-200 {
-  color: #e2e8f0;
-}
-
-.bg-slate-950 {
-  background-color: #020617;
-}
-
-.placeholder\:text-slate-600:placeholder {
-  color: #475569;
-}
-
-@media (min-width: 640px) {
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:btn-primary {
-    background-color: #2563eb;
-    color: #ffffff;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-    border-radius: 0.5rem;
-  }
-  
-  .md\:btn-primary:hover {
-    background-color: #1d4ed8;
-  }
-  
-  .md\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  
-  .md\:flex-row {
-    flex-direction: row;
-  }
-  
-  .md\:w-80 {
-    width: 80;
-  }
-  
-  .md\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  
-  .md\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-  
-  .md\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  
-  .md\:flex {
-    display: flex;
-  }
-  
-  .md\:hidden {
-    display: none;
-  }
-  
-  .md\:w-96 {
-    width: 96;
-  }
-  
-  .md\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-  
-  .md\:text-5xl {
-    font-size: 3rem;
-    line-height: 1.2;
-  }
-  
-  .md\:text-lg {
-    font-size: 1.125rem;
-    line-height: 1.5;
-  }
-  
-  .md\:w-1\/2 {
-    width: 50.00%;
-  }
-  
-  .md\:block {
-    display: block;
-  }
-  
-  .md\:h-full {
-    height: 100%;
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  
-  .lg\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-  
-  .lg\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-  
-  .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\:flex {
-    display: flex;
-  }
-  
-  .lg\:flex-row {
-    flex-direction: row;
-  }
-  
-  .lg\:w-64 {
-    width: 16rem;
-  }
-  
-  .lg\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-}
-
-@media (min-width: 1280px) {
-  .xl\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .card-premium {
-    background-color: rgba(255, 255, 255, 0.05);
-    border-color: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
-  }
-}