body { font-family: 'Public Sans', 'Cairo', sans-serif; overflow-x: hidden; }
        .site-footer,
        .site-footer *:not(.material-symbols-outlined) {
            font-family: 'Cairo', 'El Messiri', 'Public Sans', sans-serif !important;
        }
        .site-footer .material-symbols-outlined {
            font-family: 'Material Symbols Outlined' !important;
        }
        /* Footer brand color (red wine) */
        .site-footer { background-color: #623c11 !important; }
        .site-footer h3,
        .site-footer h4 { color: #ffffff !important; }
        .site-footer p,
        .site-footer a,
        .site-footer .text-slate-500,
        .site-footer .text-slate-600,
        .site-footer .text-on-surface,
        .site-footer .text-on-surface-variant { color: #e7f3c6 !important; }
        .site-footer .text-primary,
        .site-footer .material-symbols-outlined { color: #c6e76b !important; }
        .site-footer a:hover,
        .site-footer a:hover .material-symbols-outlined { color: #ffffff !important; }
        .site-footer [class*="border-neutral-200"] { border-color: rgba(255, 255, 255, 0.18) !important; }
        .site-footer .bg-neutral-100 { background-color: rgba(255, 255, 255, 0.12) !important; }
        .site-footer .bg-neutral-50 { background-color: rgba(255, 255, 255, 0.08) !important; }
        .site-footer .bg-primary { background-color: #c6e76b !important; }
        * {
            scrollbar-width: thin;
            scrollbar-color: rgba(158, 201, 39, 0.48) rgba(237, 241, 238, 0.92);
        }
        *::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }
        *::-webkit-scrollbar-track {
            background: rgba(237, 241, 238, 0.92);
            border-radius: 9999px;
        }
        *::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, rgba(158, 201, 39, 0.55), rgba(158, 201, 39, 0.32));
            border-radius: 9999px;
            border: 2px solid rgba(237, 241, 238, 0.92);
        }
        *::-webkit-scrollbar-thumb:hover {
            background: rgba(158, 201, 39, 0.68);
        }
        *::-webkit-scrollbar-corner {
            background: transparent;
        }
        html.dark * {
            scrollbar-color: rgba(198, 231, 107, 0.52) rgba(26, 34, 32, 0.96);
        }
        html.dark *::-webkit-scrollbar-track {
            background: rgba(26, 34, 32, 0.96);
        }
        html.dark *::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, rgba(198, 231, 107, 0.55), rgba(158, 201, 39, 0.42));
            border-color: rgba(26, 34, 32, 0.96);
        }
        html.dark *::-webkit-scrollbar-thumb:hover {
            background: rgba(198, 231, 107, 0.78);
        }
        .section-carousel {
            display: flex;
            overflow-x: auto;
            overscroll-behavior-x: contain;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
        }
        .section-carousel::-webkit-scrollbar {
            height: 6px;
        }
        .section-carousel::-webkit-scrollbar-thumb {
            background: rgba(158, 201, 39, 0.35);
            border-radius: 9999px;
        }
        .section-carousel__card {
            scroll-snap-align: start;
            flex: 0 0 auto;
        }
        @media (max-width: 767px) {
            .quick-actions-bento .section-carousel {
                gap: 0.65rem;
                padding-bottom: 0.5rem;
                scroll-padding-inline: 1rem;
            }
            .quick-actions-bento .quick-action-card {
                width: min(88vw, 18.5rem) !important;
                min-height: 5.25rem;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: start !important;
                padding: 0.85rem 1rem !important;
                border-radius: 1rem !important;
                gap: 0.75rem;
            }
            .quick-actions-bento .quick-action-text {
                min-width: 0;
                flex: 1;
                text-align: start;
            }
            .quick-actions-bento .quick-action-icon-wrap {
                margin-bottom: 0 !important;
                width: 3rem !important;
                height: 3rem !important;
                min-width: 3rem;
                min-height: 3rem;
            }
            .quick-actions-bento .quick-action-icon-wrap .material-symbols-outlined {
                font-size: 1.5rem !important;
            }
            .quick-actions-bento .quick-action-text h3 {
                font-size: 0.95rem !important;
                line-height: 1.3;
            }
            .quick-actions-bento .quick-action-text p {
                font-size: 0.7rem !important;
                line-height: 1.35;
                margin-top: 0.2rem !important;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                overflow: hidden;
            }
        }
        @media (max-width: 639px) {
            .hero-banner {
                padding-bottom: env(safe-area-inset-bottom, 0px);
            }
            .hero-cta-block {
                width: 100%;
                max-width: none;
                border-radius: 1.15rem;
                padding: 1.125rem 1rem 1.25rem;
                background: rgba(255, 255, 255, 0.16);
                border-color: rgba(255, 255, 255, 0.32);
                box-shadow: 0 14px 44px -14px rgba(0, 0, 0, 0.55);
                backdrop-filter: blur(14px);
                -webkit-backdrop-filter: blur(14px);
            }
            .hero-cta-title {
                font-size: clamp(1.45rem, 5.2vw + 0.55rem, 2rem);
                line-height: 1.2;
                letter-spacing: -0.02em;
                margin-bottom: 0.65rem;
            }
            .hero-cta-lede {
                font-size: 0.8125rem;
                line-height: 1.65;
                margin-bottom: 1rem;
                color: rgba(255, 255, 255, 0.94);
            }
            .hero-cta-actions {
                gap: 0.65rem;
            }
            .hero-cta-actions > button {
                min-height: 3rem;
                border-radius: 0.9rem;
                padding-top: 0.65rem;
                padding-bottom: 0.65rem;
            }
        }
        .hero-slider__slide {
            transition: opacity 0.55s ease;
        }
        .hero-slider__slide:not(.hero-slider__slide--active) {
            opacity: 0;
            pointer-events: none;
        }
        .hero-slider__slide--active {
            opacity: 1;
            z-index: 1;
        }
        .hero-slider__nav-inner {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.35rem 0.45rem;
            border-radius: 9999px;
            background: linear-gradient(
                165deg,
                rgba(255, 255, 255, 0.14) 0%,
                rgba(255, 255, 255, 0.05) 45%,
                rgba(12, 22, 18, 0.55) 100%
            );
            /*border: 1px solid rgba(255, 255, 255, 0.22);*/
            box-shadow:
                0 1px 0 rgba(255, 255, 255, 0.12) inset,
                0 8px 32px rgba(0, 0, 0, 0.38),
                0 2px 8px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
        @media (min-width: 640px) {
            .hero-slider__nav-inner {
                gap: 0.5rem;
                padding: 0.45rem 0.65rem;
            }
        }
        .hero-slider__nav-divider {
            width: 1px;
            height: 1.35rem;
            flex-shrink: 0;
            border-radius: 9999px;
            background: linear-gradient(
                180deg,
                transparent,
                rgba(255, 255, 255, 0.2) 30%,
                rgba(255, 255, 255, 0.2) 70%,
                transparent
            );
            opacity: 0.85;
        }
        .hero-slider__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.75rem;
            height: 2.75rem;
            min-width: 2.75rem;
            min-height: 2.75rem;
            border: none;
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.07);
            color: #fff;
            cursor: pointer;
            touch-action: manipulation;
            transition:
                background 0.2s ease,
                transform 0.2s ease,
                box-shadow 0.2s ease;
        }
        .hero-slider__btn:hover {
            background: rgba(255, 255, 255, 0.16);
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
        }
        .hero-slider__btn:active {
            transform: scale(0.94);
        }
        .hero-slider__btn:focus {
            outline: none;
        }
        .hero-slider__btn:focus-visible {
            outline: 2px solid rgba(255, 255, 255, 0.9);
            outline-offset: 3px;
        }
        .hero-slider__btn .material-symbols-outlined {
            font-size: 1.375rem;
            font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
            opacity: 0.92;
        }
        .hero-slider__dots {
            display: flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0 0.2rem;
        }
        @media (min-width: 640px) {
            .hero-slider__dots {
                gap: 0.55rem;
                padding: 0 0.35rem;
            }
        }
        .hero-slider__dot {
            width: 0.5rem;
            height: 0.5rem;
            padding: 0;
            border: none;
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.38);
            cursor: pointer;
            touch-action: manipulation;
            transition:
                width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.25s ease,
                box-shadow 0.3s ease,
                transform 0.2s ease;
        }
        .hero-slider__dot[aria-selected='true'] {
            width: 1.85rem;
            background: linear-gradient(90deg, #9ec927 0%, #abd43a 55%, #b8e04a 100%);
            box-shadow:
                0 0 0 1px rgba(255, 255, 255, 0.2) inset,
                0 2px 12px rgba(13, 99, 47, 0.55);
        }
        .hero-slider__dot:hover:not([aria-selected='true']) {
            background: rgba(255, 255, 255, 0.62);
            transform: scale(1.08);
        }
        .hero-slider__dot:focus {
            outline: none;
        }
        .hero-slider__dot:focus-visible {
            outline: 2px solid rgba(255, 255, 255, 0.85);
            outline-offset: 3px;
        }
        @media (prefers-reduced-motion: reduce) {
            .hero-slider__slide,
            .hero-slider__btn,
            .hero-slider__dot {
                transition-duration: 0.01ms !important;
            }
            .hero-slider__btn:active {
                transform: none;
            }
        }
        .hero-slider__interact {
            touch-action: none;
            -webkit-user-select: none;
            user-select: none;
        }
        details.footer-accordion summary {
            list-style: none;
        }
        details.footer-accordion summary::-webkit-details-marker {
            display: none;
        }
        details.footer-accordion[open] .footer-accordion-chevron {
            transform: rotate(180deg);
        }
        .tatreez-divider {
            position: relative;
            z-index: 1;
            width: 40%;
            max-width: 40%;
            margin-inline: auto;
            height: clamp(5rem, 14vw, 8rem);
            min-height: 4.5rem;
            padding: 0.35rem 1rem;
            box-sizing: border-box;
            background-color: transparent;
            background-image: url('star ramallah.png');
            background-repeat: repeat-x;
            background-position: center center;
            background-size: calc(100% / 4) auto;
            overflow: hidden;
            flex-shrink: 0;
        }
       .tatreez-divider--between {
    margin-block: clamp(-4rem, -7vw, -2.5rem);
}
        .tatreez-divider--footer {
            max-width: min(100%, 56rem);
            padding-bottom: 0.35rem;
            margin-bottom: 0;
        }
        h1, h2, h3, h4, .headline { font-family: 'El Messiri', 'Cairo', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .header-kufiya {
            position: relative;
            padding-top: env(safe-area-inset-top, 0px);
          /*  background-color: rgba(255, 255, 255, 0.97);
            background-image:
                repeating-linear-gradient(
                    45deg,
                    rgba(0, 0, 0, 0.028) 0,
                    rgba(0, 0, 0, 0.028) 1px,
                    transparent 1px,
                    transparent 10px
                ),
                repeating-linear-gradient(
                    -45deg,
                    rgba(0, 0, 0, 0.022) 0,
                    rgba(0, 0, 0, 0.022) 1px,
                    transparent 1px,
                    transparent 10px
                ),
                linear-gradient(
                    180deg,
                    rgba(255, 255, 255, 0.98) 0%,
                    rgba(250, 250, 250, 0.96) 100%
                );*/
            backdrop-filter: blur(14px) saturate(1.02);
            -webkit-backdrop-filter: blur(14px) saturate(1.02);
          /*  border-bottom: 1px solid rgba(15, 23, 15, 0.08);*/
            box-shadow:
                inset 0 1px 0 0 rgba(255, 255, 255, 1),
                0 1px 0 0 rgba(0, 0, 0, 0.04);
        }
        .header-kufiya::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            background: linear-gradient(
                to left,
                #ce1126 0%,
                #ce1126 25%,
                #007a3d 25%,
                #007a3d 50%,
                #ffffff 50%,
                #ffffff 75%,
                #000000 75%,
                #000000 100%
            );
            opacity: 0.9;
            pointer-events: none;
        }
        .scroll-to-top {
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
        }
        .scroll-to-top.visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
 
 .md\:text-7xl {
        font-size: 3rem !important;
        line-height: 1;
    }
        @media (min-width: 1280px) {
            .xl\:text-7xl {
                font-size: 3rem !important;
                line-height: 1;
            }
        }
        #fs-menu-overlay {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
        }
        body.mobile-nav-open #fs-menu-overlay {
            opacity: 1;
            pointer-events: auto;
        }
        #fs-menu-search-wrap input[type='search'] {
            text-align: start;
        }
        #fs-menu-search-wrap input[type='search']::-webkit-search-cancel-button {
            margin-inline-start: 0.35rem;
            cursor: pointer;
        }
        .fs-menu-track {
            position: absolute;
            inset: 0;
        }
        .fs-menu-view {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .fs-menu-view.fs-menu-view--active {
            opacity: 1;
            pointer-events: auto;
        }
        @media (prefers-reduced-motion: reduce) {
            #fs-menu-overlay,
            .fs-menu-view {
                transition-duration: 0.01ms !important;
            }
        }
        .fs-menu-root-inner {
            width: 100%;
        }
        .fs-menu-section-title {
            letter-spacing: 0.12em;
        }
        .fs-menu-group + .fs-menu-group {
            margin-top: 0.25rem;
            padding-top: 1.5rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        .fs-menu-list--root {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        .fs-menu-list--quick {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 0.65rem;
            overflow-x: auto;
            overflow-y: hidden;
            overscroll-behavior-x: contain;
            scroll-snap-type: x mandatory;
            scroll-padding-inline: 0.25rem;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 0.35rem;
            margin-inline: -0.15rem;
            padding-inline: 0.15rem;
            list-style: none;
        }
        .fs-menu-list--quick::-webkit-scrollbar {
            height: 5px;
        }
        .fs-menu-list--quick::-webkit-scrollbar-thumb {
            border-radius: 9999px;
            background: rgba(233, 246, 198, 0.35);
        }
        .fs-menu-list--quick > li {
            flex: 0 0 auto;
            scroll-snap-align: start;
            width: min(46vw, 10.75rem);
            max-width: 11rem;
        }
        @media (min-width: 640px) {
            .fs-menu-list--quick {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0.5rem;
                overflow: visible;
                flex-wrap: unset;
                margin-inline: 0;
                padding-inline: 0;
                padding-bottom: 0;
                scroll-snap-type: none;
            }
            .fs-menu-list--quick > li {
                width: auto;
                max-width: none;
                min-width: 0;
            }
        }
        .fs-menu-item--quick {
            padding: 0.85rem 0.65rem !important;
            font-size: clamp(0.8rem, 2.7vw, 0.95rem) !important;
            font-weight: 600;
            text-align: center;
            line-height: 1.35;
            min-height: 4.25rem;
            display: flex !important;
            align-items: center;
            justify-content: center;
            border-radius: 1rem;
            box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.45);
        }
        @media (min-width: 640px) {
            .fs-menu-item--quick {
                padding: 0.72rem 0.85rem !important;
                min-height: 3.25rem;
                border-radius: 0.85rem;
                box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.06) inset;
            }
        }
        .fs-menu-list--sub {
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }
        .fs-menu-sub-head {
            direction: ltr;
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        }
        .fs-menu-sub-title {
            flex: 1;
            min-width: 0;
            font-size: clamp(1.05rem, 3.5vw, 1.25rem);
            font-weight: 800;
            line-height: 1.35;
            color: rgba(255, 255, 255, 0.98);
            text-align: start;
        }
        .fs-menu-item {
            display: block;
            width: 100%;
            text-align: center;
            padding: 0.95rem 1.15rem;
            font-size: clamp(0.95rem, 3.2vw, 1.15rem);
            font-weight: 600;
            letter-spacing: 0.03em;
            line-height: 1.45;
            color: rgba(255, 255, 255, 0.94);
            border-radius: 0.85rem;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(255, 255, 255, 0.045);
            box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.06) inset;
            transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.2s ease;
        }
        .fs-menu-item:hover {
            color: #fff;
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
        }
        .fs-menu-item:focus-visible {
            outline: 2px solid rgba(233, 246, 198, 0.45);
            outline-offset: 2px;
        }
        .fs-menu-item--sub {
            font-size: clamp(0.88rem, 2.9vw, 1.02rem);
            font-weight: 500;
            color: rgba(255, 255, 255, 0.82);
            text-align: start;
            padding: 0.75rem 1rem 0.75rem 1.1rem;
            border-radius: 0.65rem;
            border: 1px solid rgba(255, 255, 255, 0.07);
            background: rgba(255, 255, 255, 0.03);
            border-inline-start: 3px solid rgba(158, 201, 39, 0.55);
            box-shadow: none;
        }
        .fs-menu-item--sub:hover {
            color: #fff;
            background: rgba(158, 201, 39, 0.18);
            border-color: rgba(158, 201, 39, 0.35);
        }
        .fs-menu-item--branch {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            flex-wrap: nowrap;
            width: 100%;
        }
        .fs-menu-branch-label {
            flex: 1;
            min-width: 0;
            text-align: start;
            line-height: 1.35;
        }
        .fs-menu-list--sections .fs-menu-item--branch {
            padding-top: 1rem;
            padding-bottom: 1rem;
            border-inline-start: 3px solid rgba(233, 246, 198, 0.45);
            padding-inline-start: 1rem;
            background: linear-gradient(to left, rgba(158, 201, 39, 0.14) 0%, rgba(255, 255, 255, 0.045) 52%, rgba(255, 255, 255, 0.045) 100%);
        }
        .fs-menu-branch-chevron {
            flex-shrink: 0;
        }
        .fs-menu-search-listbox {
            inset-inline: 0;
            top: calc(100% + 0.35rem);
        }
        .fs-menu-search-opt {
            display: block;
            width: 100%;
            text-align: start;
            padding: 0.65rem 1rem;
            font-size: 0.875rem;
            line-height: 1.35;
            color: rgba(255, 255, 255, 0.92);
            transition: background 0.12s ease;
        }
        .fs-menu-search-opt:hover,
        .fs-menu-search-opt.fs-menu-search-opt--active {
            background: rgba(255, 255, 255, 0.08);
        }
        .fs-menu-search-empty {
            padding: 0.65rem 1rem;
            font-size: 0.8125rem;
            color: rgba(255, 255, 255, 0.45);
            text-align: start;
        }
        .fs-menu-back {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            font-size: 0.8125rem;
            font-weight: 600;
            letter-spacing: 0.08em;
            color: rgba(255, 255, 255, 0.65);
            margin-bottom: 1.25rem;
            padding: 0.45rem 1rem;
            border-radius: 9999px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            background: rgba(255, 255, 255, 0.05);
            transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
        }
        .fs-menu-back:hover {
            color: #fff;
            border-color: rgba(255, 255, 255, 0.35);
            background-color: rgba(255, 255, 255, 0.1);
        }
        #fs-menu-source #main-menu {
            display: none;
        }
        /* Seasonal site themes (toggle via header buttons) */
        #festive-layer {
            pointer-events: none;
        }
        .festive-snow,
        .festive-snow--drift,
        .festive-snow--fast,
        .festive-snow--sway,
        .festive-christmas-lights,
        .festive-ramadan-garland {
            z-index: 2;
        }
        .festive-christmas-lights {
            position: absolute;
            left: 0;
            right: 0;
            top: 5rem;
            min-height: 44px;
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            flex-wrap: nowrap;
            gap: 0.15rem;
            padding: 0 1.25%;
            z-index: 2;
            animation: festive-ramadan-row-sway 9s ease-in-out infinite;
        }
        .festive-christmas-drop {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1 1 0;
            min-width: 0;
            max-width: 2.75rem;
            transform-origin: 50% 0;
            animation: festive-ramadan-pendulum 4.2s ease-in-out infinite;
        }
        .festive-christmas-pigtail {
            width: 2px;
            height: 11px;
            border-radius: 1px;
            background: linear-gradient(180deg, #4f5c2a, #9ec927 55%, #6a8916);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            transform-origin: top center;
            animation: festive-string-shimmer 2.8s ease-in-out infinite;
        }
        .festive-christmas-socket {
            width: 10px;
            height: 5px;
            margin-top: -1px;
            border-radius: 3px 3px 1px 1px;
            background: linear-gradient(180deg, #111827 0%, #1f2937 55%, #374151 100%);
            box-shadow:
                0 1px 0 rgba(255, 255, 255, 0.06) inset,
                0 2px 3px rgba(0, 0, 0, 0.35);
        }
        .festive-christmas-bulb {
            width: 14px;
            height: 17px;
            margin-top: -1px;
            border-radius: 50% 50% 48% 48% / 55% 55% 45% 45%;
            opacity: 1;
            border: 1px solid rgba(255, 255, 255, 0.6);
            background:
                radial-gradient(ellipse 65% 50% at 32% 18%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.12) 30%, transparent 52%),
                radial-gradient(ellipse 95% 75% at 50% 100%, rgba(0, 0, 0, 0.28) 0%, transparent 48%),
                linear-gradient(
                    168deg,
                    rgba(255, 255, 255, 0.55) 0%,
                    rgba(255, 255, 255, 0.08) 22%,
                    currentColor 38%,
                    currentColor 72%,
                    rgba(0, 0, 0, 0.18) 100%
                );
            box-shadow:
                0 0 6px rgba(255, 255, 255, 0.65),
                0 0 14px currentColor,
                0 0 26px currentColor,
                0 0 38px currentColor,
                0 4px 10px rgba(0, 0, 0, 0.3),
                inset 0 -5px 12px rgba(0, 0, 0, 0.2),
                inset 0 3px 5px rgba(255, 255, 255, 0.45);
            animation:
                festive-bulb-pulse 1.85s ease-in-out infinite,
                festive-bulb-motion 3.4s ease-in-out infinite;
        }
        @keyframes festive-bulb-pulse {
            0%,
            100% {
                filter: brightness(1.05) saturate(1.08);
            }
            50% {
                filter: brightness(1.5) saturate(1.25);
            }
        }
        @keyframes festive-bulb-motion {
            0%,
            100% {
                transform: translate3d(0, 0, 0) scale(1) rotate(-2.5deg);
            }
            25% {
                transform: translate3d(1px, -5px, 0) scale(1.06) scaleY(1.12) rotate(2deg);
            }
            50% {
                transform: translate3d(0, -2px, 0) scale(1.04) scaleY(1.08) rotate(0.5deg);
            }
            75% {
                transform: translate3d(-1px, -6px, 0) scale(1.07) scaleY(1.1) rotate(-1.5deg);
            }
        }
        .festive-ramadan-garland {
            position: absolute;
            left: 0;
            right: 0;
            top: 5rem;
            min-height: 44px;
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            flex-wrap: nowrap;
            padding: 0 1.25%;
            gap: 0.15rem;
            z-index: 2;
            animation: festive-ramadan-row-sway 9s ease-in-out infinite;
        }
        @keyframes festive-ramadan-row-sway {
            0%,
            100% {
                transform: translate3d(0, 0, 0);
            }
            33% {
                transform: translate3d(7px, 2px, 0);
            }
            66% {
                transform: translate3d(-6px, 1px, 0);
            }
        }
        .festive-ramadan-drop {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1 1 0;
            min-width: 0;
            max-width: 3rem;
            transform-origin: 50% 0;
            animation: festive-ramadan-pendulum 4.2s ease-in-out infinite;
        }
        @keyframes festive-ramadan-pendulum {
            0%,
            100% {
                transform: rotate(-5.5deg);
            }
            50% {
                transform: rotate(5.5deg);
            }
        }
        .festive-ramadan-string {
            width: 2px;
            height: 11px;
            border-radius: 1px;
            background: linear-gradient(180deg, #4f5c2a, #9ec927 55%, #6a8916);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            transform-origin: top center;
            animation: festive-string-shimmer 2.8s ease-in-out infinite;
        }
        @keyframes festive-string-shimmer {
            0%,
            100% {
                opacity: 1;
                transform: scaleY(1);
                filter: brightness(1);
            }
            50% {
                opacity: 0.92;
                transform: scaleY(1.12);
                filter: brightness(1.25);
            }
        }
        .festive-ramadan-icon {
            margin-top: 1px;
            font-size: clamp(0.85rem, 2.3vw, 1.35rem);
            line-height: 1;
            color: #ebf7cc;
            text-shadow:
                0 0 6px rgba(223, 242, 173, 1),
                0 0 14px rgba(197, 231, 104, 0.95),
                0 0 24px rgba(184, 225, 70, 0.75),
                0 2px 3px rgba(0, 0, 0, 0.45);
            animation: festive-ramadan-icon-glow 2.2s ease-in-out infinite;
        }
        @keyframes festive-ramadan-icon-glow {
            0%,
            100% {
                filter: brightness(1) drop-shadow(0 0 4px rgba(210, 236, 139, 0.9));
                transform: scale(1);
            }
            50% {
                filter: brightness(1.28) drop-shadow(0 0 12px rgba(230, 244, 191, 1));
                transform: scale(1.06);
            }
        }
        .festive-snow--drift {
            animation-name: festive-snow-fall-drift;
        }
        @keyframes festive-snow-fall-drift {
            0% {
                transform: translate3d(0, -10vh, 0) rotate(0deg);
            }
            100% {
                transform: translate3d(-28px, 110vh, 0) rotate(-280deg);
            }
        }
        .festive-snow--fast {
            animation-duration: 5s !important;
            opacity: 0.75;
        }
        .festive-snow--sway {
            animation-name: festive-snow-fall-sway;
        }
        @keyframes festive-snow-fall-sway {
            0% {
                transform: translate3d(10px, -10vh, 0) rotate(0deg);
            }
            100% {
                transform: translate3d(-36px, 110vh, 0) rotate(520deg);
            }
        }
        body[data-site-theme="christmas"] .header-kufiya {
         /*   background-image:
                repeating-linear-gradient(
                    45deg,
                    rgba(196, 30, 58, 0.04) 0,
                    rgba(196, 30, 58, 0.04) 1px,
                    transparent 1px,
                    transparent 10px
                ),
                linear-gradient(180deg, rgba(255, 250, 248, 0.98) 0%, rgba(248, 252, 248, 0.96) 100%);*/
        }
        body[data-site-theme="christmas"] .header-kufiya::after {
            background: linear-gradient(
                to left,
                #c41e3a 0%,
                #c41e3a 22%,
                #1a472a 22%,
                #1a472a 44%,
                #bce350 44%,
                #bce350 66%,
                #1a472a 66%,
                #1a472a 88%,
                #c41e3a 88%,
                #c41e3a 100%
            );
            background-size: 200% 100%;
            animation:
                festive-header-stripe-flow 9s linear infinite,
                festive-header-bar-glimmer 6s ease-in-out infinite;
        }
        body[data-site-theme="ramadan"] .header-kufiya {
           /* background-image: linear-gradient(
                180deg,
                rgba(30, 58, 95, 0.04) 0%,
                rgba(255, 255, 255, 0.97) 100%
            );*/
        }
        body[data-site-theme="ramadan"] .header-kufiya::after {
            height: 4px;
            background: linear-gradient(
                to left,
                #1e3a5f 0%,
                #9ec927 18%,
                #1e3a5f 36%,
                #9ec927 54%,
                #1e3a5f 72%,
                #9ec927 90%,
                #1e3a5f 100%
            );
            background-size: 220% 100%;
            opacity: 1;
            animation:
                festive-header-stripe-flow 11s linear infinite reverse,
                festive-header-bar-glimmer 7s ease-in-out infinite reverse;
        }
        @keyframes festive-header-stripe-flow {
            0% {
                background-position: 0% 0%;
            }
            100% {
                background-position: 200% 0%;
            }
        }
        @keyframes festive-header-bar-glimmer {
            0%,
            100% {
                filter: brightness(1);
                opacity: 1;
            }
            50% {
                filter: brightness(1.2) saturate(1.15);
                opacity: 0.95;
            }
        }
        .festive-snow {
            position: absolute;
            top: -2rem;
            opacity: 0.9;
            color: rgba(255, 255, 255, 0.95);
            animation: festive-snow-fall linear infinite;
            will-change: transform;
        }
        @keyframes festive-snow-fall {
            0% {
                transform: translate3d(0, -10vh, 0) rotate(0deg);
            }
            100% {
                transform: translate3d(12px, 110vh, 0) rotate(360deg);
            }
        }
        .theme-btn[aria-pressed="true"] {
            background-color: rgba(158, 201, 39, 0.12);
            color: rgb(158, 201, 39);
        }
        body[data-site-theme="christmas"] .theme-btn[aria-pressed="true"] {
            background-color: rgba(158, 201, 39, 0.12);
            color: #8fb81f;
        }
        body[data-site-theme="ramadan"] .theme-btn[aria-pressed="true"] {
            background-color: rgba(98, 60, 17, 0.12);
            color: #623c11;
        }
        @media (prefers-reduced-motion: reduce) {
            body[data-site-theme="christmas"] .header-kufiya::after,
            body[data-site-theme="ramadan"] .header-kufiya::after {
                animation: none !important;
            }
            .festive-snow,
            .festive-snow--drift,
            .festive-snow--fast,
            .festive-snow--sway,
            .festive-christmas-bulb,
            .festive-christmas-lights,
            .festive-christmas-drop,
            .festive-christmas-pigtail,
            .festive-ramadan-garland,
            .festive-ramadan-drop,
            .festive-ramadan-string,
            .festive-ramadan-icon {
                animation: none !important;
            }
            .festive-christmas-bulb {
                opacity: 0.92;
            }
            .festive-ramadan-icon {
                filter: none !important;
                transform: none !important;
            }
        }
        .modern-surface {
            position: relative;
            isolation: isolate;
        }
        .modern-surface::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
        }
        .modern-surface > * {
            position: relative;
            z-index: 1;
        }
        .modern-surface--soft::before {
            background:
                radial-gradient(90rem 38rem at -8% 8%, rgba(158, 201, 39, 0.06) 0%, transparent 52%),
                radial-gradient(72rem 34rem at 108% 98%, rgba(146, 102, 51, 0.06) 0%, transparent 48%),
                linear-gradient(180deg, #fbfdfb 0%, #f5f8f6 48%, #ffffff 100%);
        }
        .modern-surface--frost::before {
            background:
                radial-gradient(60rem 28rem at 80% -8%, rgba(158, 201, 39, 0.06) 0%, transparent 58%),
                radial-gradient(54rem 24rem at 10% 92%, rgba(98, 60, 17, 0.05) 0%, transparent 56%),
                linear-gradient(180deg, #ffffff 0%, #f7faf8 50%, #ffffff 100%);
        }
        .modern-surface--violet::before {
            background:
                radial-gradient(80rem 34rem at -6% 0%, rgba(115, 104, 255, 0.07) 0%, transparent 50%),
                radial-gradient(58rem 26rem at 102% 100%, rgba(158, 201, 39, 0.05) 0%, transparent 52%),
                linear-gradient(180deg, #f7f8ff 0%, #f5f7fc 52%, #ffffff 100%);
        }
        .modern-divider-top::after {
            content: "";
            position: absolute;
            inset-inline: 0;
            top: 0;
            height: 1px;
            z-index: 2;
            pointer-events: none;
            background: linear-gradient(90deg, transparent 0%, rgba(140, 149, 142, 0.35) 18%, rgba(140, 149, 142, 0.5) 50%, rgba(140, 149, 142, 0.35) 82%, transparent 100%);
        }
        html[data-a11y-fs="110"] { font-size: 110%; }
        html[data-a11y-fs="125"] { font-size: 125%; }
        html[data-a11y-fs="150"] { font-size: 150%; }
        html[data-a11y-lh="comfortable"] body { line-height: 1.65; }
        html[data-a11y-lh="relaxed"] body { line-height: 1.85; }
        html[data-a11y-ls="wide"] body { letter-spacing: 0.05em; }
        html[data-a11y-ls="wider"] body { letter-spacing: 0.1em; }
        html[data-a11y-ws="wide"] body { word-spacing: 0.05em; }
        html[data-a11y-ws="wider"] body { word-spacing: 0.1em; }
        html[data-a11y-fw="500"] body { font-weight: 500; }
        html[data-a11y-fw="600"] body { font-weight: 600; }
        html[data-a11y-ta="justify"] main,
        html[data-a11y-ta="justify"] footer { text-align: justify; }
        html[data-a11y-ta="center"] main,
        html[data-a11y-ta="center"] footer { text-align: center; }
        html.a11y-rm *,
        html.a11y-rm *::before,
        html.a11y-rm *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
        }
        /* High contrast is painted by a fixed full-viewport overlay, NOT a
           `filter` on <body>. A non-`none` filter on an ancestor makes that
           ancestor the containing block for every position:fixed descendant,
           which detached the floating action buttons (.ram-fab-stack), the
           sticky header, the menu overlay and the festive layer from the
           viewport — they scrolled with the page and stuck mid-screen while
           high contrast was on. A fixed ::before with backdrop-filter tints
           everything painted behind it without becoming a containing block for
           any real element; pointer-events:none lets clicks pass through. */
        html.a11y-hc::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: 2147483647;
            pointer-events: none;
            -webkit-backdrop-filter: contrast(1.18) saturate(1.08);
            backdrop-filter: contrast(1.18) saturate(1.08);
        }
        html.dark {
            color-scheme: dark;
        }
        html.dark body {
            background-color: #100a0e;
            color: #f5f0e8;
        }
        html.dark main {
            color: #f5f0e8;
        }
        html.dark .header-kufiya {
            background-color: rgba(20, 8, 14, 0.96) !important;
            background-image:
                repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 0, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 10px),
                repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 10px),
                linear-gradient(180deg, rgba(22, 8, 14, 0.98) 0%, rgba(16, 6, 10, 0.96) 100%);
            border-bottom-color: rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.35);
        }
        html.dark #header-search {
            background-color: #243038 !important;
            border-color: rgba(148, 163, 184, 0.35) !important;
            color: #f5f0e8 !important;
        }
        html.dark #header-search::placeholder {
            color: rgba(180, 196, 188, 0.65) !important;
        }
        html.dark #header-search:focus {
            background-color: #1c1410 !important;
            border-color: rgba(198, 231, 107, 0.45) !important;
        }
        .header-search-listbox {
            position: absolute;
            inset-inline: 0;
            top: calc(100% + 0.35rem);
            z-index: 50;
            margin: 0;
            max-height: min(42vh, 20rem);
            list-style: none;
            overflow-x: hidden;
            overflow-y: auto;
            border-radius: 1rem;
            border: 1px solid rgba(148, 163, 184, 0.35);
            background: rgba(255, 255, 255, 0.98);
            padding: 0.35rem 0;
            box-shadow:
                0 10px 40px -12px rgba(0, 0, 0, 0.2),
                0 0 0 1px rgba(0, 0, 0, 0.04);
            -webkit-overflow-scrolling: touch;
        }
        html.dark .header-search-listbox {
            border-color: rgba(148, 163, 184, 0.28);
            background: rgba(22, 30, 34, 0.98);
            box-shadow:
                0 12px 48px -8px rgba(0, 0, 0, 0.55),
                inset 0 1px 0 rgba(255, 255, 255, 0.06);
        }
        .header-search-section {
            padding: 0.4rem 1rem 0.25rem;
            font-size: 0.65rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: rgba(158, 201, 39, 0.85);
            text-align: start;
        }
        html.dark .header-search-section {
            color: rgba(233, 246, 198, 0.75);
        }
        .header-search-opt {
            display: block;
            width: 100%;
            text-align: start;
            padding: 0.55rem 1rem;
            font-size: 0.8125rem;
            line-height: 1.35;
            font-weight: 600;
            color: #2a1a10;
            transition: background 0.12s ease;
        }
        html.dark .header-search-opt {
            color: rgba(232, 236, 232, 0.95);
        }
        .header-search-opt:hover,
        .header-search-opt.header-search-opt--active {
            background: rgba(158, 201, 39, 0.08);
        }
        html.dark .header-search-opt:hover,
        html.dark .header-search-opt.header-search-opt--active {
            background: rgba(233, 246, 198, 0.1);
        }
        .header-search-empty {
            padding: 0.65rem 1rem;
            font-size: 0.8125rem;
            color: rgba(100, 116, 108, 0.9);
            text-align: start;
        }
        html.dark .header-search-empty {
            color: rgba(180, 196, 188, 0.55);
        }
        html.dark .hover\:bg-neutral-100:hover {
            background-color: #2a3430 !important;
        }
        html.dark .bg-white\/90 {
            background-color: rgba(26, 34, 32, 0.94) !important;
        }
        html.dark .bg-white\/12 {
            background-color: rgba(255, 255, 255, 0.07) !important;
        }
        html.dark .bg-white\/10 {
            background-color: rgba(255, 255, 255, 0.06) !important;
        }
        html.dark .bg-white\/5 {
            background-color: rgba(255, 255, 255, 0.05) !important;
        }
        html.dark .bg-white\/15 {
            background-color: rgba(255, 255, 255, 0.1) !important;
        }
        html.dark .modern-surface--soft::before {
            background:
                radial-gradient(90rem 38rem at -8% 8%, rgba(198, 231, 107, 0.08) 0%, transparent 52%),
                radial-gradient(72rem 34rem at 108% 98%, rgba(240, 203, 160, 0.06) 0%, transparent 48%),
                linear-gradient(180deg, #121a20 0%, #0f171c 48%, #0c1216 100%);
        }
        html.dark .modern-surface--frost::before {
            background:
                radial-gradient(60rem 28rem at 80% -8%, rgba(198, 231, 107, 0.07) 0%, transparent 58%),
                radial-gradient(54rem 24rem at 10% 92%, rgba(224, 202, 176, 0.05) 0%, transparent 56%),
                linear-gradient(180deg, #101820 0%, #0f171c 50%, #0d1418 100%);
        }
        html.dark .modern-surface--violet::before {
            background:
                radial-gradient(80rem 34rem at -6% 0%, rgba(115, 104, 255, 0.12) 0%, transparent 50%),
                radial-gradient(58rem 26rem at 102% 100%, rgba(198, 231, 107, 0.06) 0%, transparent 52%),
                linear-gradient(180deg, #121826 0%, #0f141c 52%, #0f171c 100%);
        }
        html.dark .modern-divider-top::after {
            background: linear-gradient(90deg, transparent 0%, rgba(148, 163, 184, 0.28) 18%, rgba(148, 163, 184, 0.4) 50%, rgba(148, 163, 184, 0.28) 82%, transparent 100%);
        }
        html.dark .text-on-surface { color: #f5f0e8 !important; }
        html.dark .text-on-surface-variant { color: #b5c4bc !important; }
        html.dark .bg-surface-container-lowest { background-color: #1c1410 !important; }
        html.dark .bg-surface-container { background-color: #1e2824 !important; }
        html.dark .bg-surface-container-high { background-color: #24302a !important; }
        html.dark .bg-surface-container-lowest\/95 {
            background-color: rgba(26, 34, 32, 0.96) !important;
        }
        html.dark .border-outline-variant\/25 { border-color: rgba(196, 203, 192, 0.22) !important; }
        html.dark .border-outline-variant\/15 { border-color: rgba(196, 203, 192, 0.16) !important; }
        html.dark .border-outline-variant\/50 { border-color: rgba(196, 203, 192, 0.35) !important; }
        html.dark .ring-outline-variant\/15 {
            --tw-ring-color: rgba(196, 176, 192, 0.18);
        }
        html.dark [class*="border-neutral-200"] {
            border-color: rgba(148, 163, 184, 0.32) !important;
        }
        html.dark [class*="border-neutral-300"] {
            border-color: rgba(148, 163, 184, 0.42) !important;
        }
        html.dark footer.border-t,
        html.dark .border-t.border-neutral-200 {
            border-color: rgba(148, 163, 184, 0.28) !important;
        }
        html.dark .border-b.border-neutral-200 {
            border-color: rgba(148, 163, 184, 0.28) !important;
        }
        html.dark .text-slate-400 { color: #94a3b8 !important; }
        html.dark .text-slate-500 { color: #94a3b8 !important; }
        html.dark .text-slate-600 { color: #cbd5e1 !important; }
        html.dark .bg-neutral-50 { background-color: #1c1410 !important; }
        html.dark .bg-neutral-50\/80 {
            background-color: rgba(26, 34, 32, 0.88) !important;
        }
        html.dark .bg-white { background-color: #1c1410 !important; }
        html.dark .bg-neutral-100 { background-color: #243038 !important; }
        html.dark .shadow-black\/\[0\.04\] {
            --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px -4px rgba(0, 0, 0, 0.35);
            --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
        html.dark .shadow-black\/10 {
            --tw-shadow-color: rgba(0, 0, 0, 0.55);
        }
        html.dark .shadow-lg.shadow-black\/10 {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.55), 0 4px 6px -4px rgba(0, 0, 0, 0.45) !important;
        }
        html.dark .ring-black\/5 {
            --tw-ring-color: rgba(255, 255, 255, 0.08);
        }
        html.dark .ring-black\/10 {
            --tw-ring-color: rgba(255, 255, 255, 0.12);
        }
        html.dark article.bg-gradient-to-br[class*="via-white"][class*="to-primary"] {
            background-image: linear-gradient(to bottom right, #1c1410, #1c2520, rgba(158, 201, 39, 0.12)) !important;
        }
        html.dark article.bg-gradient-to-br[class*="via-white"][class*="to-tertiary"] {
            background-image: linear-gradient(to bottom right, #1c1410, #1e1f28, rgba(146, 91, 28, 0.12)) !important;
        }
        html.dark span.rounded-full.border-white.bg-primary,
        html.dark span.rounded-full.border-white.bg-secondary,
        html.dark span.rounded-full.border-white.bg-tertiary {
            border-color: #1c1410 !important;
        }
        html.dark footer.bg-white,
        html.dark footer {
            background-color: #0f171c !important;
        }
        html.dark details.border-neutral-200 {
            border-color: rgba(148, 163, 184, 0.28) !important;
        }
        html.dark details.bg-neutral-50 {
            background-color: #161d22 !important;
        }
        html.dark .ring-outline-variant\/20 {
            --tw-ring-color: rgba(196, 203, 192, 0.2);
        }
        html.dark .border-outline-variant\/40 {
            border-color: rgba(196, 203, 192, 0.28) !important;
        }
        html.dark .bg-outline-variant\/30 {
            background-color: rgba(196, 203, 192, 0.22) !important;
        }
        html.dark .bg-primary\/5 {
            background-color: rgba(158, 201, 39, 0.16) !important;
        }
        html.dark .bg-primary\/10 {
            background-color: rgba(158, 201, 39, 0.18) !important;
        }
        html.dark .bg-primary\/12 {
            background-color: rgba(158, 201, 39, 0.22) !important;
        }
        html.dark .hover\:bg-primary\/10:hover {
            background-color: rgba(158, 201, 39, 0.22) !important;
        }
        html.dark .hover\:bg-primary\/15:hover {
            background-color: rgba(158, 201, 39, 0.26) !important;
        }
        html.dark .hover\:bg-primary\/5:hover {
            background-color: rgba(158, 201, 39, 0.14) !important;
        }
        html.dark .group:hover .group-hover\:bg-white\/20 {
            background-color: rgba(255, 255, 255, 0.12) !important;
        }
        html.dark .hover\:bg-white:hover {
            background-color: #243038 !important;
        }
        html.dark [class*="shadow-black/"][class*="0.04"] {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4) !important;
        }
        html.dark .bg-on-surface {
            background-color: #141c22 !important;
        }
        html.dark .shadow-on-surface\/10 {
            --tw-shadow-color: rgba(0, 0, 0, 0.55);
        }
        #a11y-dialog {
            position: fixed;
            inset: 0 auto 0 0;
            width: min(26rem, calc(100vw - env(safe-area-inset-left, 0px)));
            max-width: 26rem;
            height: 100%;
            max-height: none;
            margin: 0;
            border: none;
            border-radius: 0 1rem 1rem 0;
            padding: 0;
            box-shadow: 8px 0 40px -12px rgba(0, 0, 0, 0.35);
            display: flex;
            flex-direction: column;
            transform: translateX(-100%);
            transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
        }
        #a11y-dialog[open].a11y-dialog--visible {
            transform: translateX(0);
        }
        @media (prefers-reduced-motion: reduce) {
            #a11y-dialog {
                transition-duration: 0.01ms;
            }
        }
        #a11y-dialog::backdrop {
            background: rgba(0, 0, 0, 0.5);
        }
        #a11y-dialog .a11y-chip-group {
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
        }
        html.dark #a11y-dialog .a11y-chip-group {
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
        }
        #a11y-dialog .a11y-chip:focus-visible {
            outline: 2px solid rgba(158, 201, 39, 0.9);
            outline-offset: 2px;
        }
        #a11y-dialog .a11y-toggle-card:focus-within {
            outline: 2px solid rgba(158, 201, 39, 0.55);
            outline-offset: 2px;
        }
        #a11y-dialog .a11y-switch-track {
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
        }
        .events-city-timeline {
            position: relative;
            isolation: isolate;
            min-height: 100%;
        }
        .events-city-timeline__rail {
            position: absolute;
            inset-block: 0.35rem;
            inset-inline-end: 0.875rem;
            width: 3px;
            border-radius: 9999px;
            background: linear-gradient(
                180deg,
                rgba(158, 201, 39, 0.45) 0%,
                rgba(158, 201, 39, 0.18) 45%,
                rgba(146, 91, 28, 0.35) 100%
            );
            pointer-events: none;
        }
        .events-city-timeline__list {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 0.65rem;
            min-height: 100%;
            flex: 1 1 auto;
            padding-inline-end: 0.25rem;
        }
        .events-city-timeline__item {
            position: relative;
            flex: 1 1 0;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }
        .events-city-timeline__marker {
            position: absolute;
            inset-inline-end: calc(0.875rem + 1.5px - 0.4375rem);
            top: 90%;
            z-index: 2;
            width: 0.875rem;
            height: 0.875rem;
            border-radius: 9999px;
            border: 2px solid #fff;
            box-shadow: 0 0 0 2px rgba(158, 201, 39, 0.2);
            transform: translateY(-50%);
        }
        .events-city-timeline__card {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 0;
        }
        @media (max-width: 1023px) {
            .events-city-timeline {
                min-height: 0;
            }
            .events-city-timeline__rail {
                inset-inline-end: auto;
                inset-inline-start: 0.5rem;
                inset-block: 0.45rem 0.45rem;
                width: 2px;
            }
            .events-city-timeline__list {
                justify-content: flex-start;
                gap: 0.875rem;
                min-height: auto;
                flex: none;
                padding-inline-end: 0;
                padding-inline-start: 1.85rem;
            }
            .events-city-timeline__item {
                flex: 0 0 auto;
            }
            .events-city-timeline__marker {
                inset-inline-end: auto;
                inset-inline-start: calc(0.5rem + 1px - 0.4375rem);
                top: 1.15rem;
                transform: none;
                width: 0.75rem;
                height: 0.75rem;
            }
            .events-city-timeline__card {
                justify-content: flex-start;
            }
        }
        @media (min-width: 1024px) {
            .events-city-timeline__list {
                gap: 0.75rem;
                padding-inline-end: 2.25rem;
            }
        }
        html.dark .events-city-timeline__marker {
            border-color: #141c18;
        }
        .border-white\/25,
        [class*='border-white/25'] {
            border-color: rgb(255 255 255 / 8%) !important;
        }

*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, 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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;}[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset}[type='checkbox'],[type='radio']{-webkit-appearance:none;appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='checkbox']:checked{-webkit-appearance:auto;appearance:auto}}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}@media (forced-colors: active) {[type='radio']:checked{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}@media (forced-colors: active) {[type='checkbox']:indeterminate{-webkit-appearance:auto;appearance:auto}}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.inset-\[5px\]{inset:5px}.inset-x-0{left:0px;right:0px}.inset-y-0{top:0px;bottom:0px}.-bottom-1{bottom:-0.25rem}.-left-1{left:-0.25rem}.-left-6{left:-1.5rem}.bottom-0{bottom:0px}.bottom-3{bottom:0.75rem}.bottom-\[max\(1rem\2c env\(safe-area-inset-bottom\2c 0px\)\)\]{bottom:max(1rem,env(safe-area-inset-bottom,0px))}.end-0{inset-inline-end:0px}.left-0{left:0px}.left-3{left:0.75rem}.left-\[max\(1rem\2c env\(safe-area-inset-left\2c 0px\)\)\]{left:max(1rem,env(safe-area-inset-left,0px))}.right-0{right:0px}.right-3{right:0.75rem}.right-4{right:1rem}.start-0{inset-inline-start:0px}.start-3\.5{inset-inline-start:0.875rem}.top-0{top:0px}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[58\]{z-index:58}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1 / span 1}.m-0{margin:0px}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0{margin-left:0px;margin-right:0px}.mx-auto{margin-left:auto;margin-right:auto}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:0.25rem}.mb-1\.5{margin-bottom:0.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-1\.5{margin-top:0.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.h-1{height:0.25rem}.h-1\.5{height:0.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:0.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-\[3\.75rem\]{height:3.75rem}.h-\[min\(64svh\2c 26rem\)\]{height:min(64svh,26rem)}.h-full{height:100%}.max-h-10{max-height:2.5rem}.max-h-\[100dvh\]{max-height:100dvh}.max-h-\[28rem\]{max-height:28rem}.max-h-\[min\(40vh\2c 18rem\)\]{max-height:min(40vh,18rem)}.min-h-0{min-height:0px}.min-h-\[12rem\]{min-height:12rem}.min-h-\[18rem\]{min-height:18rem}.min-h-\[2\.85rem\]{min-height:2.85rem}.min-h-\[200px\]{min-height:200px}.min-h-\[22rem\]{min-height:22rem}.min-h-\[240px\]{min-height:240px}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-\[4\.25rem\]{min-height:4.25rem}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.w-1{width:0.25rem}.w-1\.5{width:0.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:0.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\/4{width:75%}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[min\(88vw\2c 19\.5rem\)\]{width:min(88vw,19.5rem)}.w-\[min\(88vw\2c 20rem\)\]{width:min(88vw,20rem)}.w-\[min\(92vw\2c 22rem\)\]{width:min(92vw,22rem)}.w-\[min\(92vw\2c 26rem\)\]{width:min(92vw,26rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[2\.25rem\]{min-width:2.25rem}.min-w-\[44px\]{min-width:44px}.min-w-\[4rem\]{min-width:4rem}.min-w-\[5\.5rem\]{min-width:5.5rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-\[1440px\]{max-width:1440px}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[min\(78vw\2c 17rem\)\]{max-width:min(78vw,17rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%, 100%{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;user-select:none}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:0.125rem}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-2{gap:0.5rem}.gap-2\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-3{column-gap:0.75rem}.gap-y-1{row-gap:0.25rem}.gap-y-1\.5{row-gap:0.375rem}.space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:0.75rem}.rounded-lg{border-radius:0.25rem}.rounded-md{border-radius:0.375rem}.rounded-sm{border-radius:0.125rem}.rounded-xl{border-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-neutral-200\/70{border-color:rgb(229 229 229 / 0.7)}.border-neutral-200\/80{border-color:rgb(229 229 229 / 0.8)}.border-neutral-200\/90{border-color:rgb(229 229 229 / 0.9)}.border-outline-variant\/20{border-color:rgb(196 203 192 / 0.2)}.border-outline-variant\/25{border-color:rgb(196 203 192 / 0.25)}.border-outline-variant\/40{border-color:rgb(196 203 192 / 0.4)}.border-outline-variant\/50{border-color:rgb(196 203 192 / 0.5)}.border-outline-variant\/55{border-color:rgb(196 203 192 / 0.55)}.border-primary{--tw-border-opacity:1;border-color:rgb(13 99 27 / var(--tw-border-opacity, 1))}.border-primary\/15{border-color:rgb(13 99 27 / 0.15)}.border-primary\/20{border-color:rgb(13 99 27 / 0.2)}.border-primary\/25{border-color:rgb(13 99 27 / 0.25)}.border-secondary\/25{border-color:rgb(71 102 68 / 0.25)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:rgb(255 255 255 / 0.1)}.border-white\/15{border-color:rgb(255 255 255 / 0.15)}.border-white\/25{border-color:rgb(255 255 255 / 0.25)}.border-white\/30{border-color:rgb(255 255 255 / 0.3)}.bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-\[\#1a2228\]{--tw-bg-opacity:1;background-color:rgb(26 34 40 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:rgb(0 0 0 / 0.5)}.bg-current{background-color:currentColor}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-neutral-200\/70{background-color:rgb(229 229 229 / 0.7)}.bg-neutral-300\/90{background-color:rgb(212 212 212 / 0.9)}.bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-on-surface{--tw-bg-opacity:1;background-color:rgb(13 30 37 / var(--tw-bg-opacity, 1))}.bg-on-surface\/20{background-color:rgb(13 30 37 / 0.2)}.bg-outline-variant\/30{background-color:rgb(196 203 192 / 0.3)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(13 99 27 / var(--tw-bg-opacity, 1))}.bg-primary-container\/95{background-color:rgb(46 125 50 / 0.95)}.bg-primary-fixed{--tw-bg-opacity:1;background-color:rgb(163 246 156 / var(--tw-bg-opacity, 1))}.bg-primary\/10{background-color:rgb(13 99 27 / 0.1)}.bg-primary\/5{background-color:rgb(13 99 27 / 0.05)}.bg-primary\/90{background-color:rgb(13 99 27 / 0.9)}.bg-primary\/\[0\.09\]{background-color:rgb(13 99 27 / 0.09)}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(71 102 68 / var(--tw-bg-opacity, 1))}.bg-secondary\/15{background-color:rgb(71 102 68 / 0.15)}.bg-secondary\/5{background-color:rgb(71 102 68 / 0.05)}.bg-secondary\/90{background-color:rgb(71 102 68 / 0.9)}.bg-surface-container{--tw-bg-opacity:1;background-color:rgb(240 241 240 / var(--tw-bg-opacity, 1))}.bg-surface-container-high{--tw-bg-opacity:1;background-color:rgb(228 232 228 / var(--tw-bg-opacity, 1))}.bg-surface-container-lowest{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-surface-container-lowest\/95{background-color:rgb(255 255 255 / 0.95)}.bg-tertiary{--tw-bg-opacity:1;background-color:rgb(146 51 87 / var(--tw-bg-opacity, 1))}.bg-tertiary\/15{background-color:rgb(146 51 87 / 0.15)}.bg-tertiary\/90{background-color:rgb(146 51 87 / 0.9)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}.bg-white\/15{background-color:rgb(255 255 255 / 0.15)}.bg-white\/5{background-color:rgb(255 255 255 / 0.05)}.bg-white\/60{background-color:rgb(255 255 255 / 0.6)}.bg-white\/90{background-color:rgb(255 255 255 / 0.9)}.bg-primary\/15{background-color:rgb(201 162 39 / 0.15)}.bg-\[conic-gradient\(\#c9a227_0\%_35\%\2c \#d4e5ef_35\%_100\%\)\]{background-image:conic-gradient(#9ec927 0% 35%,#d4e5ef 35% 100%)}.bg-\[conic-gradient\(\#c9a227_0\%_75\%\2c \#d4e5ef_75\%_100\%\)\]{background-image:conic-gradient(#9ec927 0% 75%,#d4e5ef 75% 100%)}.bg-\[linear-gradient\(135deg\2c rgba\(46\2c 125\2c 50\2c 0\.35\)_0\%\2c transparent_55\%\)\]{background-image:linear-gradient(135deg,rgba(171, 212, 58,0.35) 0%,transparent 55%)}.bg-\[radial-gradient\(circle_at_80\%_20\%\2c rgba\(71\2c 102\2c 68\2c 0\.45\)\2c transparent_55\%\)\]{background-image:radial-gradient(circle at 80% 20%,rgba(98, 60, 17,0.45),transparent 55%)}.bg-\[repeating-linear-gradient\(-40deg\2c transparent\2c transparent_10px\2c rgba\(13\2c 99\2c 27\2c 0\.06\)_10px\2c rgba\(13\2c 99\2c 27\2c 0\.06\)_11px\)\]{background-image:repeating-linear-gradient(-40deg,transparent,transparent 10px,rgba(158, 201, 39,0.06) 10px,rgba(158, 201, 39,0.06) 11px)}.bg-\[repeating-linear-gradient\(-45deg\2c transparent\2c transparent_10px\2c rgba\(13\2c 99\2c 27\2c 0\.2\)_10px\2c rgba\(13\2c 99\2c 27\2c 0\.2\)_11px\)\]{background-image:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(158, 201, 39,0.2) 10px,rgba(158, 201, 39,0.2) 11px)}.bg-\[repeating-linear-gradient\(90deg\2c transparent\2c transparent_14px\2c rgba\(146\2c 51\2c 87\2c 0\.15\)_14px\2c rgba\(146\2c 51\2c 87\2c 0\.15\)_15px\)\]{background-image:repeating-linear-gradient(90deg,transparent,transparent 14px,rgba(146, 91, 28,0.15) 14px,rgba(146, 91, 28,0.15) 15px)}.bg-\[repeating-linear-gradient\(90deg\2c transparent\2c transparent_18px\2c rgba\(255\2c 255\2c 255\2c 0\.06\)_18px\2c rgba\(255\2c 255\2c 255\2c 0\.06\)_19px\)\]{background-image:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,0.06) 18px,rgba(255,255,255,0.06) 19px)}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-\[\#2a1a10\]{--tw-gradient-from:#2a1a10 var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 30 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#2a1a10\]\/75{--tw-gradient-from:rgb(13 30 37 / 0.75) var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 30 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#2a1a10\]\/80{--tw-gradient-from:rgb(13 30 37 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 30 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#2a1a10\]\/85{--tw-gradient-from:rgb(13 30 37 / 0.85) var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 30 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/40{--tw-gradient-from:rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-neutral-50\/50{--tw-gradient-from:rgb(250 250 250 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 250 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-neutral-50\/95{--tw-gradient-from:rgb(250 250 250 / 0.95) var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 250 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#9ec927 var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 99 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-container{--tw-gradient-from:#abd43a var(--tw-gradient-from-position);--tw-gradient-to:rgb(46 125 50 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/\[0\.07\]{--tw-gradient-from:rgb(13 99 27 / 0.07) var(--tw-gradient-from-position);--tw-gradient-to:rgb(13 99 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-secondary{--tw-gradient-from:#623c11 var(--tw-gradient-from-position);--tw-gradient-to:rgb(71 102 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-surface-container-lowest{--tw-gradient-from:#ffffff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#2a1a10\]\/20{--tw-gradient-to:rgb(13 30 37 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(13 30 37 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#2a1a10\]\/25{--tw-gradient-to:rgb(13 30 37 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(13 30 37 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#2a1a10\]\/30{--tw-gradient-to:rgb(13 30 37 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(13 30 37 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#2a1a10\]\/35{--tw-gradient-to:rgb(13 30 37 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(13 30 37 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#2a1a10\]\/50{--tw-gradient-to:rgb(13 30 37 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(13 30 37 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#2a1a10\]\/55{--tw-gradient-to:rgb(13 30 37 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(13 30 37 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary{--tw-gradient-to:rgb(13 99 27 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #9ec927 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary-container{--tw-gradient-to:rgb(46 125 50 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #abd43a var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-secondary{--tw-gradient-to:rgb(71 102 68 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #623c11 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-surface-container-lowest{--tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#2a1a10\]\/10{--tw-gradient-to:rgb(13 30 37 / 0.1) var(--tw-gradient-to-position)}.to-\[\#2a1a10\]\/20{--tw-gradient-to:rgb(13 30 37 / 0.2) var(--tw-gradient-to-position)}.to-\[\#23333a\]\/20{--tw-gradient-to:rgb(35 51 58 / 0.2) var(--tw-gradient-to-position)}.to-black\/50{--tw-gradient-to:rgb(0 0 0 / 0.5) var(--tw-gradient-to-position)}.to-neutral-50\/40{--tw-gradient-to:rgb(250 250 250 / 0.4) var(--tw-gradient-to-position)}.to-neutral-50\/50{--tw-gradient-to:rgb(250 250 250 / 0.5) var(--tw-gradient-to-position)}.to-primary-container{--tw-gradient-to:#abd43a var(--tw-gradient-to-position)}.to-primary-container\/80{--tw-gradient-to:rgb(46 125 50 / 0.8) var(--tw-gradient-to-position)}.to-primary\/60{--tw-gradient-to:rgb(13 99 27 / 0.6) var(--tw-gradient-to-position)}.to-primary\/\[0\.04\]{--tw-gradient-to:rgb(13 99 27 / 0.04) var(--tw-gradient-to-position)}.to-primary\/\[0\.06\]{--tw-gradient-to:rgb(13 99 27 / 0.06) var(--tw-gradient-to-position)}.to-secondary\/60{--tw-gradient-to:rgb(71 102 68 / 0.6) var(--tw-gradient-to-position)}.to-tertiary\/\[0\.06\]{--tw-gradient-to:rgb(146 51 87 / 0.06) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.object-right{object-position:right}.p-0{padding:0px}.p-0\.5{padding:0.125rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0px;padding-right:0px}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}.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}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:0.25rem}.pb-3{padding-bottom:0.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-\[4\.75rem\]{padding-bottom:4.75rem}.pb-\[env\(safe-area-inset-bottom\2c 0px\)\]{padding-bottom:env(safe-area-inset-bottom,0px)}.pb-\[max\(0\.65rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(0.65rem,env(safe-area-inset-bottom))}.pe-4{padding-inline-end:1rem}.pl-4{padding-left:1rem}.pr-12{padding-right:3rem}.ps-11{padding-inline-start:2.75rem}.ps-7{padding-inline-start:1.75rem}.pt-0{padding-top:0px}.pt-2{padding-top:0.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[calc\(3\.75rem\+env\(safe-area-inset-top\2c 0px\)\)\]{padding-top:calc(3.75rem + env(safe-area-inset-top,0px))}.pt-\[max\(1rem\2c env\(safe-area-inset-top\2c 0px\)\)\]{padding-top:max(1rem,env(safe-area-inset-top,0px))}.text-center{text-align:center}.text-right{text-align: start}.text-start{text-align:start}.font-body{font-family:Public Sans, Cairo}.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-\[0\.65rem\]{font-size:0.65rem}.text-\[0\.6rem\]{font-size:0.6rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[2\.75rem\]{font-size:2.75rem}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[3\.25rem\]{font-size:3.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.2\]{line-height:1.2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:0.14em}.tracking-\[0\.28em\]{letter-spacing:0.28em}.tracking-\[0\.2em\]{letter-spacing:0.2em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-on-primary-container{--tw-text-opacity:1;color:rgb(203 255 194 / var(--tw-text-opacity, 1))}.text-on-primary-fixed{--tw-text-opacity:1;color:rgb(0 34 4 / var(--tw-text-opacity, 1))}.text-on-secondary{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity:1;color:rgb(13 30 37 / var(--tw-text-opacity, 1))}.text-on-surface-variant{--tw-text-opacity:1;color:rgb(61 69 60 / var(--tw-text-opacity, 1))}.text-on-surface-variant\/80{color:rgb(61 69 60 / 0.8)}.text-on-tertiary{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(13 99 27 / var(--tw-text-opacity, 1))}.text-primary-container{--tw-text-opacity:1;color:rgb(46 125 50 / var(--tw-text-opacity, 1))}.text-primary-fixed{--tw-text-opacity:1;color:rgb(163 246 156 / var(--tw-text-opacity, 1))}.text-primary\/60{color:rgb(13 99 27 / 0.6)}.text-primary\/70{color:rgb(13 99 27 / 0.7)}.text-primary\/80{color:rgb(13 99 27 / 0.8)}.text-primary\/90{color:rgb(13 99 27 / 0.9)}.text-secondary{--tw-text-opacity:1;color:rgb(71 102 68 / var(--tw-text-opacity, 1))}.text-secondary\/90{color:rgb(71 102 68 / 0.9)}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-surface{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-tertiary{--tw-text-opacity:1;color:rgb(146 51 87 / var(--tw-text-opacity, 1))}.text-tertiary\/80{color:rgb(146 51 87 / 0.8)}.text-tertiary\/90{color:rgb(146 51 87 / 0.9)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:rgb(255 255 255 / 0.4)}.text-white\/45{color:rgb(255 255 255 / 0.45)}.text-white\/75{color:rgb(255 255 255 / 0.75)}.text-white\/80{color:rgb(255 255 255 / 0.8)}.text-white\/85{color:rgb(255 255 255 / 0.85)}.text-white\/90{color:rgb(255 255 255 / 0.9)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.decoration-\[\#9ec927\]{-webkit-text-decoration-color:#9ec927;text-decoration-color:#9ec927}.decoration-primary\/30{-webkit-text-decoration-color:rgb(13 99 27 / 0.3);text-decoration-color:rgb(13 99 27 / 0.3)}.decoration-secondary\/30{-webkit-text-decoration-color:rgb(71 102 68 / 0.3);text-decoration-color:rgb(71 102 68 / 0.3)}.decoration-tertiary\/30{-webkit-text-decoration-color:rgb(146 51 87 / 0.3);text-decoration-color:rgb(146 51 87 / 0.3)}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:0.25}.opacity-30{opacity:0.3}.opacity-55{opacity:0.55}.opacity-60{opacity:0.6}.opacity-75{opacity:0.75}.opacity-90{opacity:0.9}.opacity-95{opacity:0.95}.opacity-\[0\.08\]{opacity:0.08}.opacity-\[0\.12\]{opacity:0.12}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(13\2c 99\2c 27\2c 0\.2\)\]{--tw-shadow:0 0 0 2px rgba(158, 201, 39,0.2);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(146\2c 51\2c 87\2c 0\.2\)\]{--tw-shadow:0 0 0 2px rgba(146, 102, 51,0.2);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(71\2c 102\2c 68\2c 0\.25\)\]{--tw-shadow:0 0 0 2px rgba(98, 60, 17,0.25);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-\[0_24px_60px_-24px_rgba\(13\2c 99\2c 27\2c 0\.35\)\]{--tw-shadow:0 24px 60px -24px rgba(158, 201, 39,0.35);--tw-shadow-colored:0 24px 60px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-black\/10{--tw-shadow-color:rgb(0 0 0 / 0.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/\[0\.04\]{--tw-shadow-color:rgb(0 0 0 / 0.04);--tw-shadow:var(--tw-shadow-colored)}.shadow-on-surface\/10{--tw-shadow-color:rgb(13 30 37 / 0.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/15{--tw-shadow-color:rgb(13 99 27 / 0.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/20{--tw-shadow-color:rgb(13 99 27 / 0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/25{--tw-shadow-color:rgb(13 99 27 / 0.25);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-2{--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-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-black\/10{--tw-ring-color:rgb(0 0 0 / 0.1)}.ring-black\/5{--tw-ring-color:rgb(0 0 0 / 0.05)}.ring-outline-variant\/15{--tw-ring-color:rgb(196 203 192 / 0.15)}.ring-outline-variant\/20{--tw-ring-color:rgb(196 203 192 / 0.2)}.ring-primary-container\/25{--tw-ring-color:rgb(46 125 50 / 0.25)}.ring-primary\/15{--tw-ring-color:rgb(13 99 27 / 0.15)}.ring-primary\/25{--tw-ring-color:rgb(13 99 27 / 0.25)}.ring-secondary\/20{--tw-ring-color:rgb(71 102 68 / 0.2)}.ring-secondary\/25{--tw-ring-color:rgb(71 102 68 / 0.25)}.ring-secondary\/30{--tw-ring-color:rgb(71 102 68 / 0.3)}.ring-tertiary\/20{--tw-ring-color:rgb(146 51 87 / 0.2)}.ring-tertiary\/25{--tw-ring-color:rgb(146 51 87 / 0.25)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-white\/30{--tw-ring-color:rgb(255 255 255 / 0.3)}.ring-primary\/35{--tw-ring-color:rgb(13 99 27 / 0.35)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.selection\:bg-primary\/15 *::selection{background-color:rgb(201 162 39 / 0.15)}.selection\:text-on-surface *::selection{--tw-text-opacity:1;color:rgb(13 30 37 / var(--tw-text-opacity, 1))}.selection\:bg-primary\/15::selection{background-color:rgb(201 162 39 / 0.15)}.selection\:text-on-surface::selection{--tw-text-opacity:1;color:rgb(13 30 37 / var(--tw-text-opacity, 1))}.placeholder\:text-on-surface-variant\/60::placeholder{color:rgb(61 69 60 / 0.6)}.placeholder\:text-white\/40::placeholder{color:rgb(255 255 255 / 0.4)}.after\:absolute::after{content:var(--tw-content);position:absolute}.after\:-bottom-1::after{content:var(--tw-content);bottom:-0.25rem}.after\:right-0::after{content:var(--tw-content);right:0px}.after\:h-0\.5::after{content:var(--tw-content);height:0.125rem}.after\:w-full::after{content:var(--tw-content);width:100%}.after\:bg-primary::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(13 99 27 / var(--tw-bg-opacity, 1))}.after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:gap-2:hover{gap:0.5rem}.hover\:border-outline-variant\/40:hover{border-color:rgb(196 203 192 / 0.4)}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(13 99 27 / var(--tw-border-opacity, 1))}.hover\:border-primary\/25:hover{border-color:rgb(13 99 27 / 0.25)}.hover\:border-primary\/30:hover{border-color:rgb(13 99 27 / 0.3)}.hover\:border-primary\/35:hover{border-color:rgb(13 99 27 / 0.35)}.hover\:border-primary\/40:hover{border-color:rgb(13 99 27 / 0.4)}.hover\:border-primary\/45:hover{border-color:rgb(13 99 27 / 0.45)}.hover\:border-secondary\/30:hover{border-color:rgb(71 102 68 / 0.3)}.hover\:border-tertiary\/30:hover{border-color:rgb(146 51 87 / 0.3)}.hover\:border-tertiary\/35:hover{border-color:rgb(146 51 87 / 0.35)}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/5:hover{background-color:rgb(0 0 0 / 0.05)}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(13 99 27 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-container:hover{--tw-bg-opacity:1;background-color:rgb(46 125 50 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/10:hover{background-color:rgb(13 99 27 / 0.1)}.hover\:bg-primary\/15:hover{background-color:rgb(201 162 39 / 0.15)}.hover\:bg-primary\/5:hover{background-color:rgb(13 99 27 / 0.05)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)}.hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)}.hover\:bg-white\/95:hover{background-color:rgb(255 255 255 / 0.95)}.hover\:text-\[\#9ec927\]:hover{--tw-text-opacity:1;color:rgb(13 99 27 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(13 99 27 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:decoration-primary:hover{-webkit-text-decoration-color:#9ec927;text-decoration-color:#9ec927}.hover\:decoration-secondary:hover{-webkit-text-decoration-color:#623c11;text-decoration-color:#623c11}.hover\:decoration-tertiary:hover{-webkit-text-decoration-color:#925b1c;text-decoration-color:#925b1c}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:ring-primary\/20:hover{--tw-ring-color:rgb(13 99 27 / 0.2)}.hover\:ring-primary\/25:hover{--tw-ring-color:rgb(13 99 27 / 0.25)}.hover\:ring-primary\/30:hover{--tw-ring-color:rgb(13 99 27 / 0.3)}.hover\:ring-secondary\/25:hover{--tw-ring-color:rgb(71 102 68 / 0.25)}.hover\:ring-secondary\/30:hover{--tw-ring-color:rgb(71 102 68 / 0.3)}.hover\:ring-tertiary\/25:hover{--tw-ring-color:rgb(146 51 87 / 0.25)}.focus\:border-primary\/25:focus{border-color:rgb(13 99 27 / 0.25)}.focus\:border-primary\/40:focus{border-color:rgb(13 99 27 / 0.4)}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.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-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary\/20:focus{--tw-ring-color:rgb(13 99 27 / 0.2)}.focus\:ring-primary\/25:focus{--tw-ring-color:rgb(13 99 27 / 0.25)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.group:focus-within .group-focus-within\:text-primary{--tw-text-opacity:1;color:rgb(13 99 27 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:gap-2{gap:0.5rem}.group:hover .group-hover\:gap-3{gap:0.75rem}.group:hover .group-hover\:bg-white\/20{background-color:rgb(255 255 255 / 0.2)}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(13 99 27 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white\/80{color:rgb(255 255 255 / 0.8)}.peer:checked ~ .peer-checked\:justify-end{justify-content:flex-end}.peer:checked ~ .peer-checked\:bg-primary{--tw-bg-opacity:1;background-color:rgb(13 99 27 / var(--tw-bg-opacity, 1))}@media (prefers-reduced-motion: no-preference){.motion-safe\:transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.motion-safe\:duration-300{transition-duration:300ms}.motion-safe\:hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.motion-safe\:hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.motion-safe\:hover\:border-primary\/30:hover{border-color:rgb(13 99 27 / 0.3)}.motion-safe\:hover\:border-secondary\/35:hover{border-color:rgb(71 102 68 / 0.35)}.motion-safe\:hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}}@media (prefers-reduced-motion: reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}.dark\:border-surface-container-lowest:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:rgb(255 255 255 / 0.1)}.dark\:border-white\/15:is(.dark *){border-color:rgb(255 255 255 / 0.15)}.dark\:bg-\[\#0f171c\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 28 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#141c18\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 28 24 / var(--tw-bg-opacity, 1))}.dark\:bg-primary\/15:is(.dark *){background-color:rgb(201 162 39 / 0.15)}.dark\:bg-primary\/\[0\.18\]:is(.dark *){background-color:rgb(13 99 27 / 0.18)}.dark\:bg-white\/10:is(.dark *){background-color:rgb(255 255 255 / 0.1)}.dark\:bg-white\/20:is(.dark *){background-color:rgb(255 255 255 / 0.2)}.dark\:bg-white\/\[0\.04\]:is(.dark *){background-color:rgb(255 255 255 / 0.04)}.dark\:from-\[\#0a1014\]\/80:is(.dark *){--tw-gradient-from:rgb(10 16 20 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(10 16 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-surface-container-lowest:is(.dark *){--tw-gradient-from:#ffffff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-white\/\[0\.05\]:is(.dark *){--tw-gradient-from:rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-\[\#141c18\]:is(.dark *){--tw-gradient-to:rgb(20 28 24 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #141c18 var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-primary\/\[0\.12\]:is(.dark *){--tw-gradient-to:rgb(13 99 27 / 0.12) var(--tw-gradient-to-position)}.dark\:to-white\/\[0\.02\]:is(.dark *){--tw-gradient-to:rgb(255 255 255 / 0.02) var(--tw-gradient-to-position)}.dark\:text-\[\#f5f0e8\]:is(.dark *){--tw-text-opacity:1;color:rgb(232 236 232 / var(--tw-text-opacity, 1))}.dark\:ring-primary\/25:is(.dark *){--tw-ring-color:rgb(13 99 27 / 0.25)}.dark\:ring-surface-container-lowest:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:rgb(255 255 255 / 0.1)}@media not all and (min-width: 1024px){.max-lg\:flex-none{flex:none}.max-lg\:justify-center{justify-content:center}.max-lg\:gap-px{gap:1px}.max-lg\:rounded-2xl{border-radius:1rem}.max-lg\:p-2\.5{padding:0.625rem}}@media (min-width: 360px){.min-\[360px\]\:gap-1\.5{gap:0.375rem}}@media (min-width: 380px){.min-\[380px\]\:max-w-\[9rem\]{max-width:9rem}}@media (min-width: 400px){.min-\[400px\]\:gap-1{gap:0.25rem}.min-\[400px\]\:gap-2{gap:0.5rem}.min-\[400px\]\:gap-3{gap:0.75rem}.min-\[400px\]\:px-2\.5{padding-left:0.625rem;padding-right:0.625rem}.min-\[400px\]\:px-3{padding-left:0.75rem;padding-right:0.75rem}}@media (min-width: 480px){.min-\[480px\]\:inline{display:inline}}@media (min-width: 640px){.sm\:bottom-8{bottom:2rem}.sm\:left-8{left:2rem}.sm\:mx-0{margin-left:0px;margin-right:0px}.sm\:-mt-14{margin-top:-3.5rem}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-2{margin-bottom:0.5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-2{margin-top:0.5rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-14{height:3.5rem}.sm\:h-20{height:5rem}.sm\:h-28{height:7rem}.sm\:h-56{height:14rem}.sm\:h-9{height:2.25rem}.sm\:h-\[4\.5rem\]{height:4.5rem}.sm\:h-\[min\(62svh\2c 26rem\)\]{height:min(62svh,26rem)}.sm\:max-h-12{max-height:3rem}.sm\:max-h-\[32rem\]{max-height:32rem}.sm\:min-h-0{min-height:0px}.sm\:min-h-\[19rem\]{min-height:19rem}.sm\:min-h-\[260px\]{min-height:260px}.sm\:min-h-\[280px\]{min-height:280px}.sm\:w-10{width:2.5rem}.sm\:w-14{width:3.5rem}.sm\:w-28{width:7rem}.sm\:w-32{width:8rem}.sm\:w-56{width:14rem}.sm\:w-9{width:2.25rem}.sm\:w-\[4\.5rem\]{width:4.5rem}.sm\:w-\[min\(46vw\2c 22rem\)\]{width:min(46vw,22rem)}.sm\:w-auto{width:auto}.sm\:min-w-0{min-width:0px}.sm\:max-w-\[11rem\]{max-width:11rem}.sm\:max-w-\[20rem\]{max-width:20rem}.sm\:snap-none{scroll-snap-type:none}.sm\:scroll-mt-28{scroll-margin-top:7rem}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-1{gap:0.25rem}.sm\:gap-1\.5{gap:0.375rem}.sm\:gap-10{gap:2.5rem}.sm\:gap-2{gap:0.5rem}.sm\:gap-3{gap:0.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:self-auto{align-self:auto}.sm\:self-start{align-self:flex-start}.sm\:overflow-visible{overflow:visible}.sm\:rounded-xl{border-radius:0.5rem}.sm\:border-0{border-width:0px}.sm\:bg-transparent{background-color:transparent}.sm\:p-10{padding:2.5rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0px;padding-right:0px}.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-0{padding-top:0px;padding-bottom:0px}.sm\:py-1{padding-top:0.25rem;padding-bottom:0.25rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem}.sm\:py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pb-0{padding-bottom:0px}.sm\:pb-4{padding-bottom:1rem}.sm\:pb-\[5\.25rem\]{padding-bottom:5.25rem}.sm\:ps-8{padding-inline-start:2rem}.sm\:pt-3{padding-top:0.75rem}.sm\:pt-8{padding-top:2rem}.sm\:pt-\[calc\(5rem\+env\(safe-area-inset-top\2c 0px\)\)\]{padding-top:calc(5rem + env(safe-area-inset-top,0px))}.sm\:text-right{text-align: start}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[3\.5rem\]{font-size:3.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:0.75rem;line-height:1rem}.sm\:hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 768px){.md\:pointer-events-none{pointer-events:none}.md\:col-span-1{grid-column:span 1 / span 1}.md\:mx-0{margin-left:0px;margin-right:0px}.md\:-mt-24{margin-top:-6rem}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-12{margin-bottom:3rem}.md\:mb-14{margin-bottom:3.5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mt-5{margin-top:1.25rem}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-24{height:6rem}.md\:h-\[870px\]{height:870px}.md\:max-h-none{max-height:none}.md\:min-h-0{min-height:0px}.md\:min-h-\[320px\]{min-height:320px}.md\:min-h-\[360px\]{min-height:360px}.md\:w-24{width:6rem}.md\:w-auto{width:auto}.md\:min-w-0{min-width:0px}.md\:max-w-\[13\.5rem\]{max-width:13.5rem}.md\:cursor-default{cursor:default}.md\:snap-none{scroll-snap-type:none}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:gap-12{gap:3rem}.md\:gap-3{gap:0.75rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:overflow-visible{overflow:visible}.md\:rounded-xl{border-radius:0.5rem}.md\:border-0{border-width:0px}.md\:border-t-0{border-top-width:0px}.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0px;padding-right:0px}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-top:0px;padding-bottom:0px}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pb-0{padding-bottom:0px}.md\:pb-20{padding-bottom:5rem}.md\:pb-4{padding-bottom:1rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pb-\[7\.5rem\]{padding-bottom:7.5rem}.md\:pt-0{padding-top:0px}.md\:pt-14{padding-top:3.5rem}.md\:pt-8{padding-top:2rem}.md\:text-center{text-align:center}.md\:text-right{text-align: start}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[11px\]{font-size:11px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:order-none{order:0}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:mb-12{margin-bottom:3rem}.lg\:flex{display:flex}.lg\:h-8{height:2rem}.lg\:min-h-0{min-height:0px}.lg\:min-h-\[400px\]{min-height:400px}.lg\:w-8{width:2rem}.lg\:w-\[min\(46vw\2c 24rem\)\]{width:min(46vw,24rem)}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:self-auto{align-self:auto}.lg\:rounded-lg{border-radius:0.25rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:pb-24{padding-bottom:6rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[2\.5rem\]{font-size:2.5rem}.lg\:hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 1280px){.xl\:mx-0{margin-left:0px;margin-right:0px}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:w-auto{width:auto}.xl\:min-w-0{min-width:0px}.xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.xl\:gap-6{gap:1.5rem}.xl\:gap-8{gap:2rem}.xl\:overflow-visible{overflow:visible}.xl\:px-0{padding-left:0px;padding-right:0px}.xl\:pb-0{padding-bottom:0px}.xl\:text-7xl{font-size:4.5rem;line-height:1}}