@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;line-height:1.5}
img,video{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

:root{
  --bg:#08090d;--bg-2:#0e1018;--bg-3:#151720;--bg-4:#1c1f2e;--bg-5:#252840;
  --border:#1e2130;--border-2:#2a2e44;--border-hl:#3d4270;
  --text:#edf0f7;--text-2:#a8adc4;--text-3:#636882;--text-4:#404460;
  --accent:#7c6ff7;--accent-d:#5f52e8;--accent-l:#a89cf9;
  --accent-glow:rgba(124,111,247,.25);
  --green:#22d17a;--red:#f05252;--yellow:#f5c842;
  --orange:#f97316;--blue:#38bdf8;--purple:#c084fc;
  --r:10px;--r-lg:16px;--r-xl:22px;--r-2xl:28px;
  --shadow:0 4px 24px rgba(0,0,0,.6);
  --shadow-lg:0 12px 48px rgba(0,0,0,.7);
}

body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
h1,h2,h3,.font-display{font-family:'Syne',sans-serif}

.text-xs{font-size:.72rem;line-height:1rem}.text-sm{font-size:.85rem;line-height:1.3rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.1rem;line-height:1.7rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.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-5xl{font-size:3rem;line-height:1.1}.text-6xl{font-size:3.75rem;line-height:1}
.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:800}
.font-mono{font-family:ui-monospace,'Fira Code',monospace}
.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.7}
.tracking-wide{letter-spacing:.04em}.tracking-wider{letter-spacing:.08em}.tracking-widest{letter-spacing:.14em}
.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}
.underline{text-decoration:underline}.no-underline{text-decoration:none}

.text-white{color:#fff}.text-gray-100{color:var(--text)}.text-gray-200{color:#d4d8ee}.text-gray-300{color:#b8bdda}.text-gray-400{color:var(--text-2)}.text-gray-500{color:var(--text-3)}.text-gray-600{color:var(--text-4)}
.text-indigo-300{color:var(--accent-l)}.text-indigo-400{color:var(--accent)}.text-indigo-600{color:var(--accent-d)}
.text-green-300{color:#6eefaa}.text-green-400{color:var(--green)}.text-green-500{color:#16a34a}
.text-red-400{color:#f87171}.text-red-500{color:var(--red)}
.text-yellow-300{color:#fde68a}.text-yellow-400{color:var(--yellow)}.text-yellow-500{color:#d97706}
.text-orange-300{color:#fdba74}.text-orange-400{color:var(--orange)}
.text-purple-400{color:var(--purple)}.text-blue-300{color:#7dd3fc}.text-blue-400{color:var(--blue)}

.bg-transparent{background:transparent}.bg-white{background:#fff}
.bg-gray-700{background:var(--bg-5)}.bg-gray-800{background:var(--bg-4)}.bg-gray-900{background:var(--bg-3)}.bg-gray-950{background:var(--bg-2)}
.bg-indigo-600{background:var(--accent-d)}.bg-indigo-700{background:#4a3ed4}
.bg-green-600{background:#16a34a}.bg-green-700{background:#15803d}
.bg-red-600{background:#dc2626}.bg-red-700{background:#b91c1c}

.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}
.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}
.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}
.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-28{width:7rem}.w-48{width:12rem}
.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-28{height:7rem}.h-32{height:8rem}
.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}
.mx-auto{margin-left:auto;margin-right:auto}
.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.inset-0{inset:0}.top-0{top:0}.top-16{top:4rem}.right-0{right:0}.left-0{left:0}.bottom-0{bottom:0}
.z-50{z-index:50}.z-40{z-index:40}.z-30{z-index:30}
.object-cover{object-fit:cover}.object-contain{object-fit:contain}
.pointer-events-none{pointer-events:none}.select-all{user-select:all}.cursor-pointer{cursor:pointer}

.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}
.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-5{padding-inline:1.25rem}.px-6{padding-inline:1.5rem}.px-8{padding-inline:2rem}
.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-2\.5{padding-block:.625rem}.py-3{padding-block:.75rem}.py-3\.5{padding-block:.875rem}.py-4{padding-block:1rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.py-8{padding-block:2rem}.py-10{padding-block:2.5rem}.py-12{padding-block:3rem}.py-16{padding-block:4rem}.py-20{padding-block:5rem}
.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}
.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}
.m-0{margin:0}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}
.ml-auto{margin-left:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}
.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}
.space-x-2>*+*{margin-left:.5rem}

.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.border{border:1px solid var(--border)}.border-2{border:2px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-y{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.border-gray-700{border-color:var(--bg-5)}.border-gray-800{border-color:var(--border)}
.border-indigo-500{border-color:var(--accent)}.border-indigo-600{border-color:var(--accent-d)}
.border-green-600{border-color:#16a34a}.border-red-500{border-color:var(--red)}
.rounded{border-radius:var(--r)}.rounded-lg{border-radius:var(--r-lg)}.rounded-xl{border-radius:var(--r-xl)}.rounded-2xl{border-radius:var(--r-2xl)}.rounded-3xl{border-radius:2rem}.rounded-full{border-radius:9999px}

.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-2xl{box-shadow:0 24px 64px rgba(0,0,0,.8)}
.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}
.visible{visibility:visible}.invisible{visibility:hidden}
.transition{transition:all .2s ease}.transition-all{transition:all .2s ease}.duration-150{transition-duration:150ms}.duration-200{transition-duration:200ms}

.scrollbar-hide::-webkit-scrollbar{display:none}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}

/* ── Navbar ── */
.app-nav,.bg-gray-900\/95{background:rgba(8,9,13,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.bg-gray-900\/50{background:rgba(21,23,32,.5)}

/* ── Logo mark ── */
.nav-logo-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--accent),var(--accent-d));border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px var(--accent-glow);flex-shrink:0}

/* ── Search ── */
.bg-gray-800{background:var(--bg-4)}
input.bg-gray-800,textarea.bg-gray-800,select.bg-gray-800{background:var(--bg-4);border-color:var(--border-2);color:var(--text)}
input[class*="bg-gray-800"]:focus,textarea[class*="bg-gray-800"]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}

/* ── Buttons ── */
.bg-indigo-600,.bg-indigo-600:not(:hover){background:var(--accent-d)}
a.bg-indigo-600:hover,button.bg-indigo-600:hover,.hover\:bg-indigo-700:hover{background:#4a3ed4;box-shadow:0 4px 20px var(--accent-glow)}
.hover\:bg-gray-700:hover{background:var(--bg-5)}
.hover\:bg-gray-800:hover{background:var(--bg-5)}
.hover\:bg-indigo-700:hover{background:#4a3ed4}
.hover\:text-indigo-400:hover{color:var(--accent)}
.hover\:text-white:hover{color:#fff}
.hover\:underline:hover{text-decoration:underline}

/* ── Cards ── */
.bg-gray-900{background:var(--bg-3)}
.bg-gray-950{background:var(--bg-2)}
[class*="border-gray-800"]{border-color:var(--border)}
[class*="border-gray-700"]{border-color:var(--border-2)}

/* ── App card hover ── */
a.group:has(img){transition:all .2s}

/* ── Rounded overrides ── */
.rounded-2xl{border-radius:var(--r-2xl)}
.rounded-xl{border-radius:var(--r-xl)}
.rounded-lg{border-radius:var(--r-lg)}

/* ── Gradient hero ── */
.gradient-hero{
  background:
    radial-gradient(ellipse 70% 50% at 50% -10%, rgba(124,111,247,.22) 0%, transparent 65%),
    radial-gradient(ellipse 40% 30% at 80% 60%, rgba(192,132,252,.07) 0%, transparent 60%),
    var(--bg);
  position:relative;
}

/* ── Gradient text ── */
.bg-clip-text,.text-transparent{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-indigo-400{--tw-gradient-from:var(--accent);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.to-violet-400{--tw-gradient-to:#a78bfa}

/* ── Badges ── */
.badge-apk{background:rgba(34,209,122,.1);color:var(--green);border:1px solid rgba(34,209,122,.22);display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .5rem;border-radius:6px}
.badge-zip{background:rgba(249,115,22,.1);color:var(--orange);border:1px solid rgba(249,115,22,.22);display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .5rem;border-radius:6px}
.badge-exe{background:rgba(192,132,252,.1);color:var(--purple);border:1px solid rgba(192,132,252,.22);display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .5rem;border-radius:6px}
.badge-ipa,.badge-dmg{background:rgba(56,189,248,.1);color:var(--blue);border:1px solid rgba(56,189,248,.22);display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.18rem .5rem;border-radius:6px}

/* ── App card redesign ── */
a[class*="group"][class*="flex"][class*="items-center"]{
  background:var(--bg-3);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:.9rem 1rem;
  transition:all .2s;
}
a[class*="group"]:hover{
  border-color:rgba(124,111,247,.35);
  background:var(--bg-4);
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 0 1px rgba(124,111,247,.08);
}
a[class*="group"] [class*="w-12"],[class*="w-14"]{
  border-radius:14px;
  border:1px solid var(--border-2);
}

/* ── Stat card tint ── */
.text-indigo-400{color:var(--accent)}
.text-green-400{color:var(--green)}
.text-blue-400{color:var(--blue)}
.text-yellow-400{color:var(--yellow)}
.text-purple-400{color:var(--purple)}
.text-orange-400{color:var(--orange)}

/* ── Flash messages ── */
.bg-red-900\/30{background:rgba(240,82,82,.1);border:1px solid rgba(240,82,82,.25)}
.text-red-300{color:#fca5a5}
.border-red-500\/40{border-color:rgba(240,82,82,.25)}

/* ── Section label ── */
.font-bold.uppercase.tracking-widest{
  font-family:'Syne',sans-serif;
  color:var(--text-3);
  font-size:.7rem;
  letter-spacing:.14em;
}

/* ── Categories ── */
a[class*="rounded-full"][class*="bg-gray-800"]{
  background:var(--bg-4);
  border:1px solid var(--border-2);
  color:var(--text-2);
  transition:all .2s;
  font-size:.78rem;
  font-weight:500;
}
a[class*="rounded-full"]:hover{
  background:rgba(124,111,247,.15);
  border-color:rgba(124,111,247,.4);
  color:var(--accent-l);
}

/* ── Dashboard/Admin sidebar ── */
.bg-gray-900.border.border-gray-800.rounded-2xl.p-5{
  background:var(--bg-3);
  border-color:var(--border);
}
a[class*="sidebar"] span,
a[href*="dashboard"]:not([class*="btn"]):not(.nav-link){
  color:var(--text-3);transition:color .15s
}
a[href*="dashboard"]:not([class*="btn"]):hover{color:var(--text)}

/* ── Table ── */
table{border-collapse:collapse}
thead th{font-family:'Syne',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);padding:.75rem 1rem;text-align:left;white-space:nowrap}
tbody td{padding:.875rem 1rem;font-size:.85rem;color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover td{background:var(--bg-4);color:var(--text)}

/* ── Form inputs deep override ── */
input:not([type=checkbox]):not([type=radio]):not([type=file]),
textarea,select{
  background:var(--bg-4) !important;
  border:1px solid var(--border-2) !important;
  border-radius:var(--r) !important;
  color:var(--text) !important;
  padding:.65rem 1rem;
  font-size:.875rem;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
  width:100%;
}
input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,
textarea:focus,select:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px var(--accent-glow) !important;
}
input.border-red-500,textarea.border-red-500{
  border-color:var(--red) !important;
  box-shadow:0 0 0 3px rgba(240,82,82,.15) !important;
}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23636882' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right .75rem center !important;background-size:1rem !important;padding-right:2.5rem !important}
label{font-size:.82rem;font-weight:600;color:var(--text-2)}

/* ── Footer ── */
footer{background:var(--bg-2) !important;border-top:1px solid var(--border) !important;margin-top:4rem}

/* ── Sidebar nav items ── */
.space-y-1 a{transition:all .15s}

/* ── Animations ── */
@keyframes shimmer{to{background-position:-200% 0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes pbar{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes ring{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.animate-spin{animation:spin .7s linear infinite}
.animate-pulse{animation:pulse 2s ease-in-out infinite}
.bar-anim{animation:pbar 1.2s ease-in-out infinite}
.ring-pulse{animation:ring 1s ease-in-out infinite}
.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r)}

/* ── Prose ── */
.prose h1{font-family:'Syne',sans-serif;font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:var(--text)}
.prose h2{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:700;margin-top:1.75rem;margin-bottom:.5rem;color:var(--text-2);padding-bottom:.4rem;border-bottom:1px solid var(--border)}
.prose h3{font-family:'Syne',sans-serif;font-size:1rem;font-weight:600;margin-top:1.25rem;color:var(--text-2)}
.prose p{margin-bottom:.875rem;color:var(--text-2);line-height:1.75}
.prose ul,.prose ol{margin-left:1.5rem;margin-bottom:.875rem;color:var(--text-2)}
.prose li{margin-bottom:.3rem}
.prose strong{color:var(--text);font-weight:600}
.prose a{color:var(--accent);text-decoration:underline}
.prose code{background:var(--bg-4);color:var(--accent-l);padding:.1rem .4rem;border-radius:5px;font-size:.875em}

/* ── Misc ── */
.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}
.object-fit-cover{object-fit:cover}
.col-span-2{grid-column:span 2/span 2}

/* ══ RESPONSIVE ══ */
@media(min-width:640px){
  .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\:flex{display:flex!important}.sm\:hidden{display:none!important}
  .sm\:inline{display:inline}
  .sm\:text-5xl{font-size:3rem;line-height:1.1}
  .sm\:text-2xl{font-size:1.5rem;line-height:2rem}
  .sm\:w-32{width:8rem}.sm\:h-full{height:100%}
  .sm\:flex-row{flex-direction:row}
  .sm\:block{display:block}
  .sm\:gap-12{gap:3rem}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:inline-block{display:inline-block}
}
@media(min-width:768px){
  .md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:block{display:block!important}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:flex-row{flex-direction:row}
  .md\:col-span-1{grid-column:span 1/span 1}
}
@media(min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:flex-row{flex-direction:row}.lg\:block{display:block}
  .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(max-width:767px){
  .text-5xl,.text-6xl{font-size:2.25rem!important}
  .text-4xl{font-size:1.875rem!important}
  .text-3xl{font-size:1.5rem!important}
  .md\:flex{display:none!important}
  .md\:block{display:none!important}
  .hidden.md\:flex{display:none!important}
  .hidden.md\:block{display:none!important}
  table{min-width:600px}
}
@supports(padding:env(safe-area-inset-bottom)){
  body{padding-bottom:env(safe-area-inset-bottom)}
}