/* Hiker Trash local utility stylesheet.
   Replaces the former Tailwind Play CDN and remote Google Fonts dependency. */

*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
html.scroll-smooth { scroll-behavior: smooth; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; background:#050505; color:#f5f5f5; }
h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd { margin:0; }
ol,ul,menu { list-style:none; margin:0; padding:0; }
img,svg,video,canvas { display:block; vertical-align:middle; }
img,video { max-width:100%; height:auto; }
button,input,optgroup,select,textarea { font:inherit; color:inherit; margin:0; padding:0; }
button,[role="button"] { cursor:pointer; }
button:disabled { cursor:default; }
a { color:inherit; text-decoration:inherit; }
strong { font-weight:bolder; }
table { border-collapse:collapse; border-color:inherit; text-indent:0; }

.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
.antialiased { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }
.sticky { position:sticky; }
.inset-0 { inset:0; }
.inset-x-0 { left:0; right:0; }
.top-0 { top:0; }
.top-4 { top:1rem; }
.top-1\/2 { top:50%; }
.left-0 { left:0; }
.right-0 { right:0; }
.right-4 { right:1rem; }
.-left-16 { left:-4rem; }
.-right-16 { right:-4rem; }
.-bottom-12 { bottom:-3rem; }
.-z-10 { z-index:-10; }
.z-10 { z-index:10; }
.z-20 { z-index:20; }
.z-30 { z-index:30; }
.z-50 { z-index:50; }

.block { display:block; }
.inline-block { display:inline-block; }
.inline-flex { display:inline-flex; }
.flex { display:flex; }
.grid { display:grid; }
.hidden { display:none; }
.flex-col { flex-direction:column; }
.flex-wrap { flex-wrap:wrap; }
.shrink-0 { flex-shrink:0; }
.items-center { align-items:center; }
.justify-center { justify-content:center; }
.justify-between { justify-content:space-between; }
.self-start { align-self:flex-start; }

.grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.gap-2 { gap:.5rem; }
.gap-3 { gap:.75rem; }
.gap-4 { gap:1rem; }
.gap-6 { gap:1.5rem; }
.gap-8 { gap:2rem; }
.gap-12 { gap:3rem; }
.gap-x-6 { column-gap:1.5rem; }
.gap-x-10 { column-gap:2.5rem; }
.gap-y-3 { row-gap:.75rem; }
.gap-y-6 { row-gap:1.5rem; }

.mx-auto { margin-left:auto; margin-right:auto; }
.mt-auto { margin-top:auto; }
.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-7{margin-top:1.75rem;} .mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;} .mt-14{margin-top:3.5rem;} .mt-16{margin-top:4rem;} .mt-20{margin-top: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;}
.mb-12{margin-bottom:3rem;} .mb-14{margin-bottom:3.5rem;} .mb-16{margin-bottom:4rem;}

.p-4{padding:1rem;} .p-6{padding:1.5rem;} .p-7{padding:1.75rem;} .p-8{padding:2rem;} .p-12{padding:3rem;}
.px-2{padding-left:.5rem;padding-right:.5rem;} .px-3{padding-left:.75rem;padding-right:.75rem;} .px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;} .px-6{padding-left:1.5rem;padding-right:1.5rem;} .px-8{padding-left:2rem;padding-right:2rem;}
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem;} .py-1{padding-top:.25rem;padding-bottom:.25rem;} .py-2{padding-top:.5rem;padding-bottom:.5rem;}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem;} .py-3{padding-top:.75rem;padding-bottom:.75rem;} .py-4{padding-top:1rem;padding-bottom:1rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;} .py-6{padding-top:1.5rem;padding-bottom:1.5rem;} .py-12{padding-top:3rem;padding-bottom:3rem;}
.py-16{padding-top:4rem;padding-bottom:4rem;} .py-20{padding-top:5rem;padding-bottom:5rem;}
.pt-4{padding-top:1rem;} .pt-6{padding-top:1.5rem;} .pt-8{padding-top:2rem;} .pt-12{padding-top:3rem;}
.pb-2{padding-bottom:.5rem;} .pb-4{padding-bottom:1rem;} .pb-6{padding-bottom:1.5rem;} .pb-12{padding-bottom:3rem;} .pb-32{padding-bottom:8rem;}
.pl-5{padding-left:1.25rem;} .pl-6{padding-left:1.5rem;} .pr-0{padding-right:0;}

.w-full{width:100%;} .w-screen{width:100vw;} .w-2{width:.5rem;} .w-4{width:1rem;} .w-6{width:1.5rem;}
.w-12{width:3rem;} .w-16{width:4rem;} .w-28{width:7rem;} .w-40{width:10rem;} .w-48{width:12rem;}
.h-full{height:100%;} .h-screen{height:100vh;} .h-2{height:.5rem;} .h-4{height:1rem;} .h-5{height:1.25rem;}
.h-6{height:1.5rem;} .h-12{height:3rem;} .h-16{height:4rem;} .h-auto{height:auto;} .h-\[580px\]{height:580px;}
.max-h-\[90vh\]{max-height:90vh;}
.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-6xl{max-width:72rem;} .max-w-7xl{max-width:80rem;} .max-w-\[280px\]{max-width:280px;} .max-w-\[290px\]{max-width:290px;}
.max-w-\[450px\]{max-width:450px;}

.overflow-hidden{overflow:hidden;} .overflow-x-auto{overflow-x:auto;} .overflow-y-auto{overflow-y:auto;}
.object-contain{object-fit:contain;} .object-cover{object-fit:cover;} .object-top{object-position:top;}
.break-all{word-break:break-all;} .whitespace-nowrap{white-space:nowrap;} .whitespace-pre-wrap{white-space:pre-wrap;}
.select-all{user-select:all;}

.rounded{border-radius:.25rem;} .rounded-lg{border-radius:.5rem;} .rounded-xl{border-radius:.75rem;} .rounded-2xl{border-radius:1rem;}
.rounded-full{border-radius:9999px;} .rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;}
.rounded-\[2\.5rem\]{border-radius:2.5rem;} .rounded-\[3rem\]{border-radius:3rem;}

.border{border-width:1px;} .border-\[8px\]{border-width:8px;} .border-t{border-top-width:1px;} .border-b{border-bottom-width:1px;}
.border-r{border-right-width:1px;} .border-l-4{border-left-width:4px;} .border-y{border-top-width:1px;border-bottom-width:1px;}
.border-zinc-800{border-color:#27272a;} .border-\[\#1B4D3E\]{border-color:#1B4D3E;} .border-\[\#2e7d63\]{border-color:#2e7d63;}
.border-\[\#FFD700\]{border-color:#FFD700;} .border-white\/5{border-color:rgba(255,255,255,.05);} .border-white\/10{border-color:rgba(255,255,255,.10);}
.border-white\/20{border-color:rgba(255,255,255,.20);} .border-yellow-500\/20{border-color:rgba(234,179,8,.20);}
.border-\[\#2e7d63\]\/20{border-color:rgba(46,125,99,.20);} .border-\[\#2e7d63\]\/30{border-color:rgba(46,125,99,.30);}
.border-\[\#FFD700\]\/20{border-color:rgba(255,215,0,.20);} .border-\[\#FFD700\]\/25{border-color:rgba(255,215,0,.25);}
.border-\[\#FFD700\]\/30{border-color:rgba(255,215,0,.30);}

.bg-black{background-color:#000;} .bg-white{background-color:#fff;} .bg-zinc-800{background-color:#27272a;} .bg-zinc-900{background-color:#18181b;}
.bg-zinc-950{background-color:#09090b;} .bg-zinc-800\/80{background-color:rgba(39,39,42,.80);} .bg-zinc-900\/30{background-color:rgba(24,24,27,.30);}
.bg-zinc-900\/40{background-color:rgba(24,24,27,.40);} .bg-zinc-900\/50{background-color:rgba(24,24,27,.50);}
.bg-zinc-900\/90{background-color:rgba(24,24,27,.90);} .bg-black\/40{background-color:rgba(0,0,0,.40);} .bg-black\/60{background-color:rgba(0,0,0,.60);}
.bg-black\/80{background-color:rgba(0,0,0,.80);} .bg-white\/10{background-color:rgba(255,255,255,.10);}
.bg-\[\#1B4D3E\]\/20{background-color:rgba(27,77,62,.20);} .bg-\[\#2e7d63\]{background-color:#2e7d63;}
.bg-\[\#2e7d63\]\/10{background-color:rgba(46,125,99,.10);} .bg-\[\#3DDC84\]{background-color:#3DDC84;}
.bg-\[\#FFD700\]{background-color:#FFD700;} .bg-\[\#FFD700\]\/5{background-color:rgba(255,215,0,.05);} .bg-\[\#FFD700\]\/10{background-color:rgba(255,215,0,.10);}

.text-black{color:#000;} .text-white{color:#fff;} .text-zinc-300{color:#d4d4d8;} .text-zinc-400{color:#a1a1aa;}
.text-zinc-500{color:#71717a;} .text-zinc-600{color:#52525b;} .text-zinc-800{color:#27272a;}
.text-\[\#2e7d63\]{color:#2e7d63;} .text-\[\#3DDC84\]{color:#3DDC84;} .text-\[\#FFD700\]{color:#FFD700;}

.text-\[10px\]{font-size:10px;} .text-\[11px\]{font-size:11px;} .text-xs{font-size:.75rem;line-height:1rem;}
.text-sm{font-size:.875rem;line-height:1.25rem;} .text-lg{font-size:1.125rem;line-height:1.75rem;} .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;} .text-8xl{font-size:6rem;line-height:1;}
.font-light{font-weight:300;} .font-medium{font-weight:500;} .font-bold{font-weight:700;} .font-black{font-weight:900;}
.italic{font-style:italic;} .uppercase{text-transform:uppercase;}
.tracking-tight{letter-spacing:-.025em;} .tracking-tighter{letter-spacing:-.05em;} .tracking-wider{letter-spacing:.05em;}
.tracking-widest{letter-spacing:.1em;} .tracking-\[0\.2em\]{letter-spacing:.2em;} .tracking-\[0\.3em\]{letter-spacing:.3em;} .tracking-\[0\.4em\]{letter-spacing:.4em;}
.leading-none{line-height:1;} .leading-tight{line-height:1.25;} .leading-relaxed{line-height:1.625;} .leading-loose{line-height:2;}
.text-center{text-align:center;} .text-left{text-align:left;}
.underline{text-decoration-line:underline;} .decoration-zinc-700{text-decoration-color:#3f3f46;} .underline-offset-4{text-underline-offset:4px;}
.list-disc{list-style-type:disc;} .list-decimal{list-style-type:decimal;}

.opacity-20{opacity:.2;} .opacity-30{opacity:.3;} .opacity-50{opacity:.5;} .grayscale{filter:grayscale(100%);}
.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.drop-shadow-2xl{filter:drop-shadow(0 25px 25px rgba(0,0,0,.35));}
.shadow-inner{box-shadow:inset 0 2px 4px rgba(0,0,0,.06);} .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.35),0 4px 6px -4px rgba(0,0,0,.35);}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.35),0 8px 10px -6px rgba(0,0,0,.35);}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.55);} .shadow-yellow-900\/20{box-shadow:0 10px 15px -3px rgba(113,63,18,.20);}
.shadow-\[0_0_30px_-18px_\#FFD700\]{box-shadow:0 0 30px -18px #FFD700;}
.shadow-\[0_0_40px_-10px_\#1B4D3E\]{box-shadow:0 0 40px -10px #1B4D3E;}

.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;}
.transition-opacity{transition-property:opacity;transition-duration:150ms;} .transition-transform{transition-property:transform;transition-duration:150ms;}
.duration-500{transition-duration:500ms;} .duration-700{transition-duration:700ms;}
.transform{transform:translate(var(--tx,0),var(--ty,0)) scale(var(--sx,1),var(--sy,1));}
.-translate-y-1\/2{transform:translateY(-50%);}
.cursor-not-allowed{cursor:not-allowed;} .outline-none{outline:2px solid transparent;outline-offset:2px;}

.snap-x{scroll-snap-type:x var(--snap-strictness,proximity);} .snap-mandatory{--snap-strictness:mandatory;} .snap-center{scroll-snap-align:center;}

.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:.5rem;}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:.75rem;}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem;}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem;}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem;}
.space-y-8 > :not([hidden]) ~ :not([hidden]){margin-top:2rem;}
.space-y-12 > :not([hidden]) ~ :not([hidden]){margin-top:3rem;}
.space-y-14 > :not([hidden]) ~ :not([hidden]){margin-top:3.5rem;}
.space-y-20 > :not([hidden]) ~ :not([hidden]){margin-top:5rem;}

.hover\:bg-\[\#FFD700\]:hover{background-color:#FFD700;} .hover\:bg-white:hover{background-color:#fff;}
.hover\:bg-white\/5:hover{background-color:rgba(255,255,255,.05);} .hover\:bg-zinc-700:hover{background-color:#3f3f46;}
.hover\:bg-zinc-900\/60:hover{background-color:rgba(24,24,27,.60);}
.hover\:border-\[\#FFD700\]\/30:hover{border-color:rgba(255,215,0,.30);} .hover\:border-\[\#FFD700\]\/40:hover{border-color:rgba(255,215,0,.40);}
.hover\:text-\[\#FFD700\]:hover{color:#FFD700;} .hover\:text-white:hover{color:#fff;} .hover\:opacity-80:hover{opacity:.8;}
.hover\:scale-105:hover{transform:scale(1.05);} .hover\:scale-\[1\.02\]:hover{transform:scale(1.02);} .hover\:underline:hover{text-decoration-line:underline;}
.hover\:grayscale-0:hover{filter:grayscale(0);}
.focus\:border-\[\#FFD700\]:focus{border-color:#FFD700;}
.active\:scale-95:active{transform:scale(.95);}
.group:hover .group-hover\:text-\[\#FFD700\]{color:#FFD700;}
.group:hover .group-hover\:border-\[\#FFD700\]\/30{border-color:rgba(255,215,0,.30);}
.selection\:bg-\[\#FFD700\]::selection,.selection\:bg-\[\#FFD700\] *::selection{background:#FFD700;}
.selection\:text-black::selection,.selection\:text-black *::selection{color:#000;}

@keyframes ht-fade-in { from{opacity:0} to{opacity:1} }
.animate-in.fade-in{animation:ht-fade-in .35s ease both;}

@media (min-width:640px){
  .sm\:flex-row{flex-direction:row;}
  .sm\:w-auto{width:auto;}
}
@media (min-width:768px){
  .md\:flex{display:flex;}
  .md\:hidden{display:none;}
  .md\:flex-row{flex-direction:row;}
  .md\:items-center{align-items:center;}
  .md\:justify-between{justify-content:space-between;}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
  .md\:h-\[650px\]{height:650px;}
  .md\:max-w-\[320px\]{max-width:320px;}
  .md\:max-w-lg{max-width:32rem;}
  .md\:mb-0{margin-bottom:0;}
  .md\:p-6{padding:1.5rem;} .md\:p-8{padding:2rem;} .md\:p-10{padding:2.5rem;} .md\:p-12{padding:3rem;} .md\:p-16{padding:4rem;}
  .md\:pr-8{padding-right:2rem;}
  .md\:py-24{padding-top:6rem;padding-bottom:6rem;}
  .md\:text-xl{font-size:1.25rem;line-height:1.75rem;}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
  .md\:text-6xl{font-size:3.75rem;line-height:1;}
  .md\:text-7xl{font-size:4.5rem;line-height:1;}
}
@media (min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .lg\:col-span-2{grid-column:span 2 / span 2;}
}

.accent-glow{box-shadow:0 0 50px -22px rgba(255,215,0,.45);}
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
.hide-scrollbar::-webkit-scrollbar{display:none;}
.status-pulse{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;background:#2e7d63;box-shadow:0 0 0 rgba(46,125,99,.6);animation:ht-pulse 2s infinite;}
@keyframes ht-pulse{0%{box-shadow:0 0 0 0 rgba(46,125,99,.55)}70%{box-shadow:0 0 0 8px rgba(46,125,99,0)}100%{box-shadow:0 0 0 0 rgba(46,125,99,0)}}