/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
:root {
    --tw-border-style: solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: #0000;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: #0000;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: #0000;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000
}
*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}
:before,:after {
    --tw-content: ""
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}
body {
    margin: 0;
    line-height: inherit
}
h1,h2,h3,p {
    margin: 0
}
h1,h2,h3 {
    font-size: inherit;
    font-weight: inherit
}
a {
    color: inherit;
    text-decoration: inherit
}
button,input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}
button,input {
    text-transform: none
}
button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}
:-moz-focusring {
    outline: auto
}
:-moz-ui-invalid {
    box-shadow: none
}
img {
    display: block;
    vertical-align: middle
}
img {
    max-width: 100%;
    height: auto
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mb-12 {
    margin-bottom: 3rem
}
.mb-16 {
    margin-bottom: 4rem
}
.mb-2 {
    margin-bottom: .5rem
}
.mb-4 {
    margin-bottom: 1rem
}
.mb-8 {
    margin-bottom: 2rem
}
.grid {
    display: grid
}
.min-h-screen {
    min-height: 100vh
}
.w-full {
    width: 100%
}
.max-w-2xl {
    max-width: 42rem
}
.max-w-3xl {
    max-width: 48rem
}
.max-w-4xl {
    max-width: 56rem
}
.max-w-5xl {
    max-width: 64rem
}
.max-w-md {
    max-width: 28rem
}
.max-w-xl {
    max-width: 36rem
}
.flex-grow {
    flex-grow: 1
}
.flex {
    display: flex
}
.flex-col {
    flex-direction: column
}
.items-center {
    align-items: center
}
.justify-center {
    justify-content: center
}
.gap-12 {
    gap: 3rem
}
.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}
.rounded-lg {
    border-radius: .5rem
}
.rounded-md {
    border-radius: .375rem
}
.rounded-r-md {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}
.rounded-full {
    border-radius: 9999px
}
.border {
    border-width: 1px
}
.border-gray-600 {
    border-color: #4b5563
}
.border-gray-800 {
    border-color: #1f2937
}
.border-gold\/30 {
    border-color: rgb(212 175 55 / .3)
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-charcoal {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--tw-bg-opacity))
}
.bg-gold {
    --tw-bg-opacity: 1;
    background-color: rgb(212 175 55 / var(--tw-bg-opacity))
}
.bg-gold\/10 {
    background-color: rgb(212 175 55 / .1)
}
.bg-gray-800\/80 {
    background-color: rgb(31 41 55 / .8)
}
.p-2 {
    padding: .5rem
}
.p-8 {
    padding: 2rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}
.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}
.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.font-black {
    font-weight: 900
}
.font-bold {
    font-weight: 700
}
.font-medium {
    font-weight: 500
}
.h-16 {
    height: 4rem
}
.h-8 {
    height: 2rem
}
.w-16 {
    width: 4rem
}
.w-8 {
    width: 2rem
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.leading-tight {
    line-height: 1.25
}
.tracking-tight {
    letter-spacing: -.025em
}
.text-charcoal {
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity))
}
.text-gold {
    --tw-text-opacity: 1;
    color: rgb(212 175 55 / var(--tw-text-opacity))
}
.text-ivory {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}
.text-ivory\/70 {
    color: rgb(243 244 246 / .7)
}
.text-ivory\/80 {
    color: rgb(243 244 246 / .8)
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px #0000;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-gold\/10 {
    --tw-shadow-color: rgb(212 175 55 / .1);
    --tw-shadow: var(--tw-shadow-colored)
}
.placeholder\:text-ivory\/40::placeholder {
    color: rgb(243 244 246 / .4)
}
.hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity))
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.focus\:ring-gold:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 175 55 / var(--tw-ring-opacity))
}
@media (min-width: 640px) {
    .sm\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .sm\:text-center {
        text-align: center
    }
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
@media (min-width: 1024px) {
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}