@font-face {
    font-family: 'Madani Arabic';
    src: url('../fonts/MadaniArabic-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Madani Arabic';
    src: url('../fonts/MadaniArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Madani Arabic';
    src: url('../fonts/MadaniArabic-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@layer properties{
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
        *,
        :before,
        :after,
        ::backdrop{
            --tw-translate-x:0;
            --tw-translate-y:0;
            --tw-translate-z:0;
            --tw-scale-x:1;--tw-scale-y:1;
            --tw-scale-z:1;
            --tw-rotate-x:initial;
            --tw-rotate-y:initial;
            --tw-rotate-z:initial;
            --tw-skew-x:initial;
            --tw-skew-y:initial;
            --tw-space-y-reverse:0;
            --tw-border-style:solid;
            --tw-gradient-position:initial;
            --tw-gradient-from:#0000;
            --tw-gradient-via:#0000;
            --tw-gradient-to:#0000;
            --tw-gradient-stops:initial;
            --tw-gradient-via-stops:initial;
            --tw-gradient-from-position:0%;
            --tw-gradient-via-position:50%;
            --tw-gradient-to-position:100%;
            --tw-leading:initial;
            --tw-font-weight:initial;
            --tw-tracking:initial;
            --tw-ordinal:initial;
            --tw-slashed-zero:initial;
            --tw-numeric-figure:initial;
            --tw-numeric-spacing:initial;
            --tw-numeric-fraction:initial;
            --tw-shadow:0 0 #0000;
            --tw-shadow-color:initial;
            --tw-shadow-alpha:100%;
            --tw-inset-shadow:0 0 #0000;
            --tw-inset-shadow-color:initial;
            --tw-inset-shadow-alpha:100%;
            --tw-ring-color:initial;
            --tw-ring-shadow:0 0 #0000;
            --tw-inset-ring-color:initial;
            --tw-inset-ring-shadow:0 0 #0000;
            --tw-ring-inset:initial;
            --tw-ring-offset-width:0px;
            --tw-ring-offset-color:#fff;
            --tw-ring-offset-shadow:0 0 #0000;
            --tw-blur:initial;--tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial;
            --tw-backdrop-blur:initial;
            --tw-backdrop-brightness:initial;
            --tw-backdrop-contrast:initial;
            --tw-backdrop-grayscale:initial;
            --tw-backdrop-hue-rotate:initial;
            --tw-backdrop-invert:initial;
            --tw-backdrop-opacity:initial;
            --tw-backdrop-saturate:initial;
            --tw-backdrop-sepia:initial;
            --tw-duration:initial;
            --tw-ease:initial;
            --tw-outline-style:solid
        }
    }
}
@layer theme{
    :root,
    :host{
        --font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
        --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-zinc-100:oklch(96.7% .001 286.375);
        --color-zinc-200:oklch(92% .004 286.32);
        --color-zinc-300:oklch(87.1% .006 286.286);
        --color-zinc-400:oklch(70.5% .015 286.067);
        --color-zinc-500:oklch(55.2% .016 285.938);
        --color-zinc-900:oklch(21% .006 285.885);
        --color-black:#000;
        --color-white:#fff;
        --spacing:.25rem;
        --container-xl:36rem;
        --container-2xl:42rem;
        --container-3xl:48rem;
        --container-4xl:56rem;
        --container-5xl:64rem;
        --container-6xl:72rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1 / .75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25 / .875);
        --text-base:1rem;
        --text-base--line-height:calc(1.5 / 1);
        --text-lg:1.125rem;
        --text-lg--line-height:calc(1.75 / 1.125);
        --text-xl:1.25rem;
        --text-xl--line-height:calc(1.75 / 1.25);
        --text-2xl:1.5rem;
        --text-2xl--line-height:calc(2 / 1.5);
        --text-3xl:1.875rem;
        --text-3xl--line-height:calc(2.25 / 1.875);
        --text-4xl:2.25rem;
        --text-4xl--line-height:calc(2.5 / 2.25);
        --text-5xl:3rem;
        --text-5xl--line-height:1;
        --text-6xl:3.75rem;
        --text-6xl--line-height:1;
        --text-7xl:4.5rem;
        --text-7xl--line-height:1;
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --font-weight-bold:700;
        --font-weight-extrabold:800;
        --tracking-tight:-.025em;
        --tracking-normal:0em;
        --leading-relaxed:1.625;
        --radius-md:.375rem;
        --radius-lg:.5rem;
        --radius-xl:.75rem;
        --radius-2xl:1rem;
        --radius-3xl:1.5rem;
        --ease-out:cubic-bezier(0, 0, .2, 1);
        --animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        --blur-sm:8px;
        --blur-md:12px;
        --blur-xl:24px;
        --blur-3xl:64px;
        --perspective-dramatic:100px;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
        --default-font-family:var(--font-almarai);
        --default-mono-font-family:var(--font-mono)
    }
}
@layer base{
    *,
    :after,
    :before,
    ::backdrop{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    html,
    :host{
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var( --default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    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;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,
    strong{
        font-weight:bolder
    }
    code,
    kbd,
    samp,
    pre{
        font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small{
        font-size:80%
    }
    sub,
    sup{
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub{
        bottom:-.25em
    }
    sup{
        top:-.5em
    }
    table{
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring{
        outline:auto
    }
    progress{
        vertical-align:baseline
    }
    summary{
        display:list-item
    }
    ol,
    ul,
    menu{
        list-style:none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object{
        vertical-align:middle;
        display:block
    }
    img,
    video{
        max-width:100%;
        height:auto
    }
    button,
    input,
    select,
    optgroup,
    textarea{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup{
        font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option{
        padding-inline-start:20px
    }
    ::file-selector-button{
        margin-inline-end:4px
    }
    ::placeholder{
        opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
        ::placeholder{
            color:currentColor
        }
        @supports (color:color-mix(in lab, red, red)){
            ::placeholder{
                color:color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea{
        resize:vertical
    }
    ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value{
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit{
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper{
        padding:0
    }
    ::-webkit-datetime-edit{
        padding-block:0
    }
    ::-webkit-datetime-edit-year-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-month-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-minute-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-second-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field{
        padding-block:0
    }
    ::-webkit-calendar-picker-indicator{
        line-height:1
    }
    :-moz-ui-invalid{
        box-shadow:none
    }
    button,
    input:where([type=button],[type=reset],[type=submit]){
        appearance:button
    }
    ::file-selector-button{
        appearance:button
    }
    ::-webkit-inner-spin-button{
        height:auto
    }
    ::-webkit-outer-spin-button{
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])){
        display:none!important
    }
}
@layer components;
@layer utilities{
    .pointer-events-none{pointer-events:none}
    .visible{visibility:visible}
    .absolute{position:absolute}
    .fixed{position:fixed}
    .relative{position:relative}
    .static{position:static}
    .-inset-3{inset:calc(var(--spacing) * -3)}
    .inset-0{inset:0}
    .inset-x-0{inset-inline:0}
    .inset-x-1\.5{inset-inline:calc(var(--spacing) * 1.5)}
    .inset-x-2{inset-inline:calc(var(--spacing) * 2)}
    .-start-10{inset-inline-start:calc(var(--spacing) * -10)}
    .-start-32{inset-inline-start:calc(var(--spacing) * -32)}
    .start-0{inset-inline-start:calc(var(--spacing) * 0)}
    .start-3{inset-inline-start:calc(var(--spacing) * 3)}
    .start-4{inset-inline-start:calc(var(--spacing) * 4)}
    .start-6{inset-inline-start:calc(var(--spacing) * 6)}
    .-end-8{inset-inline-end:calc(var(--spacing) * -8)}
    .end-0{inset-inline-end:calc(var(--spacing) * 0)}
    .end-3{inset-inline-end:calc(var(--spacing) * 3)}
    .end-4{inset-inline-end:calc(var(--spacing) * 4)}
    .-top-8{top:calc(var(--spacing) * -8)}
    .-top-36{top:calc(var(--spacing) * -36)}
    .top-0{top:0}
    .top-1\/2{top:50%}
    .top-1\/4{top:25%}
    .top-4{top:calc(var(--spacing) * 4)}
    .top-11{top:calc(var(--spacing) * 11)}
    .top-\[18\%\]{top:18%}
    .top-\[20\%\]{top:20%}
    .right-4{right:calc(var(--spacing) * 4)}
    .-bottom-5{bottom:calc(var(--spacing) * -5)}
    .-bottom-10{bottom:calc(var(--spacing) * -10)}
    .bottom-0{bottom:0}
    .bottom-2{bottom:calc(var(--spacing) * 2)}
    .bottom-3{bottom:calc(var(--spacing) * 3)}
    .bottom-4{bottom:calc(var(--spacing) * 4)}
    .bottom-6{bottom:calc(var(--spacing) * 6)}
    .left-1\/2{left:50%}
    .left-4{left:calc(var(--spacing) * 4)}
    .-z-0{z-index:calc(0 * -1)}
    .-z-10{z-index:calc(10 * -1)}
    .-z-\[1\]{z-index:calc(1 * -1)}
    .z-0{z-index:0}
    .z-10{z-index:10}
    .z-50{z-index:50}
    .z-\[1\]{z-index:1}
    .z-\[2\]{z-index:2}
    .z-\[3\]{z-index:3}
    .z-\[4\]{z-index:4}
    .z-\[60\]{z-index:60}
    .z-\[65\]{z-index:65}
    .z-\[70\]{z-index:70}
    .z-\[100\]{z-index:100}
    .order-1{order:1}
    .order-2{order:2}
    .mx-4{margin-inline:calc(var(--spacing) * 4)}
    .mx-auto{margin-inline:auto}
    .mt-0{margin-top:0}
    .mt-2{margin-top:calc(var(--spacing) * 2)}
    .mt-3{margin-top:calc(var(--spacing) * 3)}
    .mt-4{margin-top:calc(var(--spacing) * 4)}
    .mt-5{margin-top:calc(var(--spacing) * 5)}
    .mt-6{margin-top:calc(var(--spacing) * 6)}
    .mt-7{margin-top:calc(var(--spacing) * 7)}
    .mt-8{margin-top:calc(var(--spacing) * 8)}
    .mt-10{margin-top:calc(var(--spacing) * 10)}
    .mt-12{margin-top:calc(var(--spacing) * 12)}
    .mt-14{margin-top:calc(var(--spacing) * 14)}
    .mb-2{margin-bottom:calc(var(--spacing) * 2)}
    .mb-3{margin-bottom:calc(var(--spacing) * 3)}
    .mb-5{margin-bottom:calc(var(--spacing) * 5)}
    .mb-6{margin-bottom:calc(var(--spacing) * 6)}
    .mb-8{margin-bottom:calc(var(--spacing) * 8)}
    .mb-14{margin-bottom:calc(var(--spacing) * 14)}
    .block{display:block}
    .flex{display:flex}
    .grid{display:grid}
    .hidden{display:none}
    .inline{display:inline}
    .inline-block{display:inline-block}
    .inline-flex{display:inline-flex}
    .aspect-\[4\/3\]{aspect-ratio:4/3}
    .aspect-\[4\/5\]{aspect-ratio:4/5}
    .aspect-\[16\/10\]{aspect-ratio:16/10}
    .h-1{height:var(--spacing)}
    .h-1\.5{height:calc(var(--spacing) * 1.5)}
    .h-2{height:calc(var(--spacing) * 2)}
    .h-3\.5{height:calc(var(--spacing) * 3.5)}
    .h-4{height:calc(var(--spacing) * 4)}
    .h-5{height:calc(var(--spacing) * 5)}
    .h-7{height:calc(var(--spacing) * 7)}
    .h-8{height:calc(var(--spacing) * 8)}
    .h-9{height:calc(var(--spacing) * 9)}
    .h-10{height:calc(var(--spacing) * 10)}
    .h-11{height:calc(var(--spacing) * 11)}
    .h-12{height:calc(var(--spacing) * 12)}
    .h-32{height:calc(var(--spacing) * 32)}
    .h-36{height:calc(var(--spacing) * 36)}
    .h-\[3px\]{height:3px}
    .h-\[56px\]{height:56px}
    .h-\[320px\]{height:320px}
    .h-\[340px\]{height:340px}
    .h-\[420px\]{height:420px}
    .h-\[clamp\(250px\,62svh\,520px\)\]{height:clamp(250px,62svh,520px)}
    .h-\[min\(72vh\,720px\)\]{height:min(72vh,720px)}
    .h-\[min\(75vw\,360px\)\]{height:min(75vw,360px)}
    .h-\[min\(95vw\,480px\)\]{height:min(95vw,480px)}
    .h-\[min\(100\%\,520px\)\]{height:min(100%,520px)}
    .h-\[min\(360px\,62vw\)\]{height:min(360px,62vw)}
    .h-auto{height:auto}
    .h-full{height:100%}
    .max-h-\[95vh\]{max-height:95vh}
    .max-h-\[min\(90vh\,920px\)\]{max-height:min(90vh,920px)}
    .min-h-0{min-height:0}
    .min-h-\[3\.75rem\]{min-height:3.75rem}
    .min-h-\[88vh\]{min-height:88vh}
    .min-h-\[190px\]{min-height:190px}
    .min-h-\[200px\]{min-height:200px}
    .min-h-full{min-height:100%}
    .min-h-screen{min-height:100vh}
    .w-1\.5{width:calc(var(--spacing) * 1.5)}
    .w-2{width:calc(var(--spacing) * 2)}
    .w-3\.5{width:calc(var(--spacing) * 3.5)}
    .w-4{width:calc(var(--spacing) * 4)}
    .w-5{width:calc(var(--spacing) * 5)}
    .w-7{width:calc(var(--spacing) * 7)}
    .w-8{width:calc(var(--spacing) * 8)}
    .w-9{width:calc(var(--spacing) * 9)}
    .w-10{width:calc(var(--spacing) * 10)}
    .w-11{width:calc(var(--spacing) * 11)}
    .w-12{width:calc(var(--spacing) * 12)}
    .w-28{width:calc(var(--spacing) * 28)}
    .w-32{width:calc(var(--spacing) * 32)}
    .w-36{width:calc(var(--spacing) * 36)}
    .w-\[58vw\]{width:58vw}
    .w-\[88\%\]{width:88%}
    .w-\[420px\]{width:420px}
    .w-\[min\(75vw\,360px\)\]{width:min(75vw,360px)}
    .w-\[min\(95vw\,480px\)\]{width:min(95vw,480px)}
    .w-\[min\(100\%\,520px\)\]{width:min(100%,520px)}
    .w-auto{width:auto}
    .w-full{width:100%}
    .w-px{width:1px}
    .max-w-2xl{max-width:var(--container-2xl)}
    .max-w-3xl{max-width:var(--container-3xl)}
    .max-w-4xl{max-width:var(--container-4xl)}
    .max-w-5xl{max-width:var(--container-5xl)}
    .max-w-6xl{max-width:var(--container-6xl)}
    .max-w-\[19rem\]{max-width:19rem}
    .max-w-\[95vw\]{max-width:95vw}
    .max-w-\[120px\]{max-width:120px}
    .max-w-\[360px\]{max-width:360px}
    .max-w-\[520px\]{max-width:520px}
    .max-w-full{max-width:100%}
    .max-w-none{max-width:none}
    .max-w-xl{max-width:var(--container-xl)}
    .min-w-0{min-width:0}
    .min-w-\[150px\]{min-width:150px}
    .flex-1{flex:1}
    .shrink-0{flex-shrink:0}
    .origin-left{transform-origin:0}
    .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
    .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
    .scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}
    .rotate-180{rotate:180deg}
    .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
    .animate-ping{animation:var(--animate-ping)}
    .cursor-pointer{cursor:pointer}
    .resize{resize:both}
    .scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}
    .\[scrollbar-width\:none\]{scrollbar-width:none}
    .flex-col{flex-direction:column}
    .flex-row{flex-direction:row}
    .flex-nowrap{flex-wrap:nowrap}
    .flex-wrap{flex-wrap:wrap}
    .items-center{align-items:center}
    .items-start{align-items:flex-start}
    .justify-between{justify-content:space-between}
    .justify-center{justify-content:center}
    .justify-end{justify-content:flex-end}
    .justify-start{justify-content:flex-start}
    .gap-1{gap:var(--spacing)}
    .gap-1\.5{gap:calc(var(--spacing) * 1.5)}
    .gap-2{gap:calc(var(--spacing) * 2)}
    .gap-3{gap:calc(var(--spacing) * 3)}
    .gap-4{gap:calc(var(--spacing) * 4)}
    .gap-10{gap:calc(var(--spacing) * 10)}
    .gap-14{gap:calc(var(--spacing) * 14)}
    :where(.space-y-3>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-6>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-3{
        column-gap:calc(var(--spacing) * 3)
    }
    .gap-y-1{
        row-gap:var(--spacing)
    }
    .truncate{
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden
    }
    .overflow-hidden{
        overflow:hidden
    }
    .overflow-x-auto{
        overflow-x:auto
    }
    .overflow-x-clip{
        overflow-x:clip
    }
    .overflow-x-hidden{
        overflow-x:hidden
    }
    .scroll-smooth{
        scroll-behavior:smooth
    }
    .rounded-2xl{
        border-radius:var(--radius-2xl)
    }
    .rounded-3xl{
        border-radius:var(--radius-3xl)
    }
    .rounded-\[1\.75rem\]{
        border-radius:1.75rem
    }
    .rounded-\[2rem\]{border-radius:2rem}
    .rounded-full{border-radius:3.40282e38px}
    .rounded-lg{border-radius:var(--radius-lg)}
    .rounded-md{border-radius:var(--radius-md)}
    .rounded-xl{border-radius:var(--radius-xl)}
    .border{border-style:var(--tw-border-style);border-width:1px}
    .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}
    .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
    .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
    .border-\[\#1E3A5F\]\/10{border-color:oklab(28.633% .0464807 -.112995/.1)}
    .border-\[\#1E3A5F\]\/15{border-color:oklab(28.633% .0464807 -.112995/.15)}
    .border-\[\#1E3A5F\]\/20{border-color:oklab(28.633% .0464807 -.112995/.2)}
    .border-\[\#D97706\]\/15{border-color:oklab(57.7308% .141098 -.238786/.15)}
    .border-\[\#D97706\]\/20{border-color:oklab(57.7308% .141098 -.238786/.2)}
    .border-\[\#D97706\]\/25{border-color:oklab(57.7308% .141098 -.238786/.25)}
    .border-\[\#D97706\]\/35{border-color:oklab(57.7308% .141098 -.238786/.35)}
    .border-\[\#D97706\]\/28{border-color:oklab(57.7308% .141098 -.238786/.28)}
    .border-\[\#D97706\]\/30{border-color:oklab(57.7308% .141098 -.238786/.3)}
    .border-\[\#FCD34D\]\/55{border-color:oklab(82.6759% .0641986 -.0871323/.55)}
    .border-\[\#FBBF24\]\/45{border-color:oklab(74.0938% .124905 -.120727/.45)}
    .border-\[\#EA580C\]\/12{border-color:oklab(69.0278% .221712 -.00648153/.12)}
    .border-white\/10{border-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
    }
    .border-white\/12{border-color:#ffffff1f}
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}
    }
    .border-white\/14{border-color:#ffffff24}
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/14{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}
    }
    .border-white\/15{border-color:#ffffff26}
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
    }
    .border-white\/20{border-color:#fff3}
    @supports (color:color-mix(in lab, red, red)){
        .border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}
    }
    .bg-\[\#1E3A5F\]\/55{background-color:oklab(28.633% .0464807 -.112995/.55)}
    .bg-\[\#0F172A\]\/90{background-color:oklab(17.2978% .0215746 -.0472728/.9)}
    .bg-\[\#0F172A\]\/95{background-color:oklab(17.2978% .0215746 -.0472728/.95)}
    .bg-\[\#D97706\]{background-color:#D97706}
    .bg-\[\#D97706\]\/16{background-color:oklab(57.7308% .141098 -.238786/.16)}
    .bg-\[\#D97706\]\/22{background-color:oklab(57.7308% .141098 -.238786/.22)}
    .bg-\[\#D97706\]\/10{background-color:oklab(57.7308% .141098 -.238786/.1)}
    .bg-\[\#06080f\]\/92{background-color:oklab(13.5587% -.00017298 -.0164046/.92)}
    .bg-\[\#030308\]\/92{background-color:oklab(10.1726% .00385501 -.0168381/.92)}
    .bg-\[\#FBBF24\]\/20{background-color:oklab(74.0938% .124905 -.120727/.2)}
    .bg-\[\#60A5FA\]\/12{background-color:oklab(70.8969% .063573 -.145921/.12)}
    .bg-\[\#60A5FA\]\/15{background-color:oklab(70.8969% .063573 -.145921/.15)}
    .bg-\[\#FEF3C7\]{background-color:#FEF3C7}
    .bg-\[\#EA580C\]\/14{background-color:oklab(69.0278% .221712 -.00648153/.14)}
    .bg-black\/35{background-color:#00000059}
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}
        .bg-black\/40{background-color:#0006
        }
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}
    }
    .bg-black\/55{background-color:#0000008c}
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}
    }
    .bg-black\/60{background-color:#0009}
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
    }
    .bg-black\/95{background-color:#000000f2}
    @supports (color:color-mix(in lab, red, red)){
        .bg-black\/95{background-color:color-mix(in oklab, var(--color-black) 95%, transparent)}
    }
    .bg-white{background-color:var(--color-white)}
    .bg-white\/5{background-color:#ffffff0d}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}
    }
    .bg-white\/40{background-color:#fff6}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
    }
    .bg-white\/45{background-color:#ffffff73}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/45{background-color:color-mix(in oklab, var(--color-white) 45%, transparent)}
    }
    .bg-white\/70{background-color:#ffffffb3}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}
    }
    .bg-white\/75{background-color:#ffffffbf}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/75{background-color:color-mix(in oklab, var(--color-white) 75%, transparent)}
    }
    .bg-white\/90{background-color:#ffffffe6}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}
    }
    .bg-white\/\[0\.1\]{background-color:#ffffff1a}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/\[0\.1\]{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}
    }
    .bg-white\/\[0\.03\]{background-color:#ffffff08}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}
    }
    .bg-white\/\[0\.04\]{background-color:#ffffff0a}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}
    }
    .bg-white\/\[0\.06\]{background-color:#ffffff0f}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}
    }
    .bg-white\/\[0\.08\]{background-color:#ffffff14}
    @supports (color:color-mix(in lab, red, red)){
        .bg-white\/\[0\.08\]{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}
    }
    .bg-zinc-900\/40{background-color:#18181b66}
    @supports (color:color-mix(in lab, red, red)){
        .bg-zinc-900\/40{background-color:color-mix(in oklab, var(--color-zinc-900) 40%, transparent)}
    }
    .bg-gradient-to-b{
        --tw-gradient-position:to bottom in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-br{
        --tw-gradient-position:to bottom right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-l{
        --tw-gradient-position:to left in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-r{
        --tw-gradient-position:to right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-t{
        --tw-gradient-position:to top in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-\[linear-gradient\(to_top\,rgba\(18\,10\,36\,0\.9\)_0\%\,rgba\(18\,10\,36\,0\.42\)_42\%\,rgba\(38\,20\,74\,0\.26\)_100\%\)\]{
        background-image:linear-gradient(#1E3A5F42 0%,#0F172A6b 58%,#0F172Ae6 100%)
    }
    .bg-\[radial-gradient\(circle_at_50\%_35\%\,rgba\(153\,45\,255\,0\.22\)\,transparent_58\%\)\]{
        background-image:radial-gradient(circle at 50% 35%,#D9770638,#0000 58%)
    }
    .bg-\[radial-gradient\(ellipse_80\%_50\%_at_50\%_-20\%\,rgba\(153\,45\,255\,0\.14\)\,rgba\(213\,133\,244\,0\.08\)\,transparent\)\]{
        background-image:radial-gradient(80% 50% at 50% -20%,#D9770624,#FBBF2414,#0000)
    }
    .bg-\[radial-gradient\(ellipse_80\%_60\%_at_50\%_0\%\,rgba\(216\,180\,254\,0\.08\)\,transparent_55\%\)\,radial-gradient\(ellipse_50\%_40\%_at_80\%_100\%\,rgba\(192\,132\,252\,0\.07\)\,transparent_50\%\)\]{
        background-image:radial-gradient(80% 60% at 50% 0,#FCD34D14,#0000 55%),radial-gradient(50% 40% at 80% 100%,#FBBF2412,#0000 50%)
    }
    .bg-\[radial-gradient\(ellipse_85\%_55\%_at_50\%_-25\%\,rgba\(153\,45\,255\,0\.08\)\,transparent\)\]{
        background-image:radial-gradient(85% 55% at 50% -25%,#D9770614,#0000)
    }
    .bg-\[radial-gradient\(ellipse_at_center\,rgba\(216\,180\,254\,0\.08\)\,transparent_65\%\)\]{
        background-image:radial-gradient(#FCD34D14,#0000 65%)
    }
    .bg-\[radial-gradient\(ellipse_at_top\,rgba\(153\,45\,255\,0\.22\)\,transparent_55\%\)\]{
        background-image:radial-gradient(at top,#D9770638,#0000 55%)
    }
    .from-\[\#0F172A\]{
        --tw-gradient-from:#0F172A;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#1E3A5F\]\/72{
        --tw-gradient-from:oklab(27.7406% .0409768 -.0884233/.72);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#0F172A\]{
        --tw-gradient-from:#0F172A;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#05060c\]{
        --tw-gradient-from:#05060c;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#05060c\]\/85{
        --tw-gradient-from:oklab(12.4228% .00122377 -.0151099/.85);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#05060c\]\/98{
        --tw-gradient-from:oklab(12.4228% .00122377 -.0151099/.98);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#B45309\]{
        --tw-gradient-from:#B45309;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#1E293B\]{
        --tw-gradient-from:#1E293B;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#1E293B\]\/95{
        --tw-gradient-from:oklab(22.8464% .0366059 -.0767667/.95);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#1E293B\]\/96{
        --tw-gradient-from:oklab(22.8464% .0366059 -.0767667/.96);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#FBBF24\]{
        --tw-gradient-from:#FBBF24;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#FEF3C7\],
    .from-\[\#FEF3C7\]{
        --tw-gradient-from:#FEF3C7;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-\[\#EA580C\]\/0{
        --tw-gradient-from:oklab(0% 0 0/0);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-black\/35{
        --tw-gradient-from:#00000059
    }
    @supports (color:color-mix(in lab, red, red)){
        .from-black\/35{--tw-gradient-from:color-mix(in oklab, var(--color-black) 35%, transparent)}
    }
    .from-black\/35{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-blink-magenta\/35{
        --tw-gradient-from:oklab(57.7308% .141098 -.238786/.35);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-transparent{
        --tw-gradient-from:transparent;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-white{
        --tw-gradient-from:var(--color-white);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-white\/48{
        --tw-gradient-from:#ffffff7a
    }
    @supports (color:color-mix(in lab, red, red)){
        .from-white\/48{--tw-gradient-from:color-mix(in oklab, var(--color-white) 48%, transparent)}
    }
    .from-white\/48{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-white\/\[0\.07\]{
        --tw-gradient-from:#ffffff12
    }
    @supports (color:color-mix(in lab, red, red)){
        .from-white\/\[0\.07\]{--tw-gradient-from:color-mix(in oklab, var(--color-white) 7.0%, transparent)}
    }
    .from-white\/\[0\.07\]{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-white\/\[0\.08\]{
        --tw-gradient-from:#ffffff14
    }
    @supports (color:color-mix(in lab, red, red)){
        .from-white\/\[0\.08\]{
            --tw-gradient-from:color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }
    .from-white\/\[0\.08\]{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-zinc-500{
        --tw-gradient-from:var(--color-zinc-500);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .via-\[\#334155\]\/93{
        --tw-gradient-via:oklab(26.7089% .0447427 -.0993456/.93);
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#334155\]\/62{
        --tw-gradient-via:oklab(31.7799% .0556554 -.106345/.62);
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#1E293B\]{
        --tw-gradient-via:#1E293B;
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#1E293B\]\/97{
        --tw-gradient-via:oklab(19.2614% .026891 -.0593509/.97);
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#D97706\]{
        --tw-gradient-via:#D97706;
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#05060c\]\/85{
        --tw-gradient-via:oklab(12.4228% .00122377 -.0151099/.85);
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#FCD34D\]{
        --tw-gradient-via:#FCD34D;
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#ff9ec7\]{
        --tw-gradient-via:#ff9ec7;
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-black\/5{
        --tw-gradient-via:#0000000d
    }
    @supports (color:color-mix(in lab, red, red)){
        .via-black\/5{
            --tw-gradient-via:color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }
    .via-black\/5{
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-transparent{
        --tw-gradient-via:transparent;
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-white\/10{
        --tw-gradient-via:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)){
        .via-white\/10{
            --tw-gradient-via:color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    .via-white\/10{
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-white\/25{
        --tw-gradient-via:#ffffff40
    }
    @supports (color:color-mix(in lab, red, red)){
        .via-white\/25{
            --tw-gradient-via:color-mix(in oklab, var(--color-white) 25%, transparent)
        }
    }
    .via-white\/25{
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-white\/40{
        --tw-gradient-via:#fff6
    }
    @supports (color:color-mix(in lab, red, red)){
        .via-white\/40{
            --tw-gradient-via:color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }
    .via-white\/40{
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-zinc-100{
        --tw-gradient-via:var(--color-zinc-100);
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-zinc-400{
        --tw-gradient-via:var(--color-zinc-400);
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .to-\[\#020617\]\/98{
        --tw-gradient-to:oklab(15.3172% .0198658 -.0395588/.98);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#0F172A\]{
        --tw-gradient-to:#0F172A;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#D97706\]{
        --tw-gradient-to:#D97706;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#D97706\]\/0{
        --tw-gradient-to:oklab(0% 0 0/0);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#D97706\]\/35{
        --tw-gradient-to:oklab(57.7308% .141098 -.238786/.35);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#06060c\]{
        --tw-gradient-to:#06060c;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#1E293B\]{
        --tw-gradient-to:#1E293B;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#1E293B\]\/95{
        --tw-gradient-to:oklab(22.8464% .0366059 -.0767667/.95);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#172554\]\/70{
        --tw-gradient-to:oklab(23.3244% .0355862 -.0737626/.7);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#FBBF24\]{
        --tw-gradient-to:#FBBF24;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#EA580C\]{
        --tw-gradient-to:#EA580C;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#EA580C\]\/5{
        --tw-gradient-to:oklab(69.0278% .221712 -.00648153/.05);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-\[\#EA580C\]\/\[0\.06\]{
        --tw-gradient-to:oklab(69.0278% .221712 -.00648153/.06);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-blink-violet\/25{
        --tw-gradient-to:oklab(53.8732% .131469 -.261389/.25);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-transparent{
        --tw-gradient-to:transparent;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-white{
        --tw-gradient-to:var(--color-white);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-white\/48{
        --tw-gradient-to:#ffffff7a
    }
    @supports (color:color-mix(in lab, red, red)){
        .to-white\/48{
            --tw-gradient-to:color-mix(in oklab, var(--color-white) 48%, transparent)
        }
    }
    .to-white\/48{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-white\/\[0\.03\]{
        --tw-gradient-to:#ffffff08
    }
    @supports (color:color-mix(in lab, red, red)){
        .to-white\/\[0\.03\]{
            --tw-gradient-to:color-mix(in oklab, var(--color-white) 3%, transparent)
        }
    }
    .to-white\/\[0\.03\]{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-zinc-500{
        --tw-gradient-to:var(--color-zinc-500);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .bg-clip-text{
        -webkit-background-clip:text;background-clip:text
    }
    .object-contain{object-fit:contain}
    .object-cover{object-fit:cover}
    .object-center{object-position:center}
    .p-1\.5{padding:calc(var(--spacing) * 1.5)}
    .p-2{padding:calc(var(--spacing) * 2)}
    .p-4{padding:calc(var(--spacing) * 4)}
    .p-5{padding:calc(var(--spacing) * 5)}
    .p-\[1px\]{padding:1px}
    .px-0{padding-inline:0}
    .px-2{padding-inline:calc(var(--spacing) * 2)}
    .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
    .px-3{padding-inline:calc(var(--spacing) * 3)}
    .px-4{padding-inline:calc(var(--spacing) * 4)}
    .px-5{padding-inline:calc(var(--spacing) * 5)}
    .px-6{padding-inline:calc(var(--spacing) * 6)}
    .py-1{padding-block:var(--spacing)}
    .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}
    .py-2{padding-block:calc(var(--spacing) * 2)}
    .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
    .py-3{padding-block:calc(var(--spacing) * 3)}
    .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
    .py-5{padding-block:calc(var(--spacing) * 5)}
    .py-20{padding-block:calc(var(--spacing) * 20)}
    .py-24{padding-block:calc(var(--spacing) * 24)}
    .pt-5{padding-top:calc(var(--spacing) * 5)}
    .pt-10{padding-top:calc(var(--spacing) * 10)}
    .pt-\[3\.75rem\]{padding-top:3.75rem}
    .pb-0{padding-bottom:0}
    .pb-1{padding-bottom:var(--spacing)}
    .pb-3{padding-bottom:calc(var(--spacing) * 3)}
    .pb-5{padding-bottom:calc(var(--spacing) * 5)}
    .pb-24{padding-bottom:calc(var(--spacing) * 24)}
    .text-center{text-align:center}
    .text-justify{text-align:justify}
    .text-start{text-align:start}
    .font-serif{font-family:var(--font-serif)}
    .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
    .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}
    .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
    .text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
    .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
    .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
    .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
    .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
    .text-\[0\.6em\]{font-size:.6em}
    .text-\[clamp\(0\.9rem\,3\.1vw\,1\.05rem\)\]{font-size:clamp(.9rem,3.1vw,1.05rem)}
    .text-\[clamp\(1rem\,3\.7vw\,1\.25rem\)\]{font-size:clamp(1rem,3.7vw,1.25rem)}
    .leading-\[1\.16\]{--tw-leading:1.16;line-height:1.16}
    .leading-\[1\.18\]{--tw-leading:1.18;line-height:1.18}
    .leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}
    .leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}
    .leading-none{--tw-leading:1;line-height:1}
    .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
    .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
    .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}
    .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
    .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
    .tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}
    .tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}
    .tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}
    .tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}
    .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}
    .text-balance{text-wrap:balance}
    .text-pretty{text-wrap:pretty}
    .break-words{overflow-wrap:break-word}
    .whitespace-normal{white-space:normal}
    .whitespace-nowrap{white-space:nowrap}
    .text-\[\#1E3A5F\]{color:#1E3A5F}
    .text-\[\#25d366\]{color:#25d366}
    .text-\[\#229ed9\]{color:#229ed9}
    .text-\[\#1877f2\]{color:#1877f2}
    .text-\[\#FBBF24\]{color:#FBBF24}
    .text-\[\#FBBF24\]\/90{color:oklab(74.0938% .124905 -.120727/.9)}
    .text-\[\#FEF3C7\]{color:#FEF3C7}
    .text-\[\#e4405f\]{color:#e4405f}
    .text-\[\#ea4335\]{color:#ea4335}
    .text-\[\#FEF3C7\]{color:#FEF3C7}
    .text-blink-lavender\/85{color:#FBBF24}
    .text-transparent{color:#0000}
    .text-white{color:var(--color-white)}
    .text-white\/65{color:#ffffffa6}
    @supports (color:color-mix(in lab, red, red)){
        .text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)
        }
    }
    .text-white\/90{color:#ffffffe6}
    @supports (color:color-mix(in lab, red, red)){
        .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}
    }
    .text-white\/\[0\.04\]{color:#ffffff0a}
    @supports (color:color-mix(in lab, red, red)){
        .text-white\/\[0\.04\]{
            color:color-mix(in oklab, var(--color-white) 4%, transparent)
        }
    }
    .text-zinc-100{color:var(--color-zinc-100)}
    .text-zinc-200{color:var(--color-zinc-200)}
    .text-zinc-300{color:var(--color-zinc-300)}
    .text-zinc-400{color:var(--color-zinc-400)}
    .text-zinc-500{color:var(--color-zinc-500)}
    .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,)
    }
    .underline{text-decoration-line:underline}
    .antialiased{
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    .opacity-0{opacity:0}
    .opacity-40{opacity:.4}
    .opacity-50{opacity:.5}
    .opacity-70{opacity:.7}
    .opacity-80{opacity:.8}
    .opacity-90{opacity:.9}
    .shadow-\[0_0_0_0_rgba\(153\,45\,255\,0\)\]{
        --tw-shadow:0 0 0 0 var(--tw-shadow-color,#D9770600);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.14\)\,0_12px_40px_rgba\(153\,45\,255\,0\.22\)\]{
        --tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff24), 0 12px 40px var(--tw-shadow-color,#D9770638);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_0_10px_\#D97706\]{
        --tw-shadow:0 0 10px var(--tw-shadow-color,#D97706);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_0_40px_-12px_rgba\(153\,45\,255\,0\.2\)\]{
        --tw-shadow:0 0 40px -12px var(--tw-shadow-color,#D9770633);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_0_70px_-10px_rgba\(153\,45\,255\,0\.25\)\,0_0_80px_-20px_rgba\(255\,77\,154\,0\.12\)\]{
        --tw-shadow:0 0 70px -10px var(--tw-shadow-color,#D9770640), 0 0 80px -20px var(--tw-shadow-color,#EA580C1f);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_0_100px_-20px_rgba\(153\,45\,255\,0\.25\)\,0_0_80px_-30px_rgba\(255\,77\,154\,0\.12\)\]{
        --tw-shadow:0 0 100px -20px var(--tw-shadow-color,#D9770640), 0 0 80px -30px var(--tw-shadow-color,#EA580C1f);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_0_100px_-20px_rgba\(153\,45\,255\,0\.25\)\]{
        --tw-shadow:0 0 100px -20px var(--tw-shadow-color,#D9770640);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_12px_30px_-16px_rgba\(153\,45\,255\,0\.7\)\]{
        --tw-shadow:0 12px 30px -16px var(--tw-shadow-color,#D97706b3);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_16px_40px_-20px_rgba\(47\,22\,96\,0\.55\)\]{
        --tw-shadow:0 16px 40px -20px var(--tw-shadow-color,#1E3A5F8c);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_16px_45px_-12px_rgba\(153\,45\,255\,0\.42\)\]{
        --tw-shadow:0 16px 45px -12px var(--tw-shadow-color,#D977066b);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.45\)\]{
        --tw-shadow:0 20px 50px var(--tw-shadow-color,#00000073);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_20px_60px_-24px_rgba\(153\,45\,255\,0\.28\)\,0_0_0_1px_rgba\(213\,133\,244\,0\.16\)\]{
        --tw-shadow:0 20px 60px -24px var(--tw-shadow-color,#D9770647), 0 0 0 1px var(--tw-shadow-color,#FBBF2429);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_24px_60px_-22px_rgba\(0\,0\,0\,0\.65\)\]{
        --tw-shadow:0 24px 60px -22px var(--tw-shadow-color,#000000a6);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_24px_60px_-28px_rgba\(0\,0\,0\,0\.5\)\]{
        --tw-shadow:0 24px 60px -28px var(--tw-shadow-color,#00000080);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[0_28px_80px_-24px_rgba\(153\,45\,255\,0\.34\)\,0_0_0_1px_rgba\(213\,133\,244\,0\.16\)\]{
        --tw-shadow:0 28px 80px -24px var(--tw-shadow-color,#D9770657), 0 0 0 1px var(--tw-shadow-color,#FBBF2429);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]{
        --tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff0f);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-lg{
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .shadow-none{
        --tw-shadow:0 0 #0000;
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .ring-1{
        --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .ring-white\/10{
        --tw-ring-color:#ffffff1a
    }
    @supports (color:color-mix(in lab, red, red)){
        .ring-white\/10{
            --tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    .blur{
        --tw-blur:blur(8px);
        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,)
    }
    .blur-3xl{
        --tw-blur:blur(var(--blur-3xl));
        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,)
    }
    .blur-\[1\.5px\]{
        --tw-blur:blur(1.5px);
        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,)
    }
    .blur-\[1px\]{
        --tw-blur:blur(1px);
        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,)
    }
    .blur-\[95px\]{
        --tw-blur:blur(95px);
        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,)
    }
    .blur-\[100px\]{
        --tw-blur:blur(100px);
        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,)
    }
    .blur-\[110px\]{
        --tw-blur:blur(110px);
        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,)
    }
    .drop-shadow-\[0_0_22px_rgba\(153\,45\,255\,0\.55\)\]{
        --tw-drop-shadow-size:drop-shadow(0 0 22px var(--tw-drop-shadow-color,#D977068c));
        --tw-drop-shadow:var(--tw-drop-shadow-size);
        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,)
    }
    .filter{
        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{
        --tw-backdrop-blur:blur(8px);
        -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(var(--blur-md));
        -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(var(--blur-sm));
        -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-xl{
        --tw-backdrop-blur:blur(var(--blur-xl));
        -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,
        outline-color,
        text-decoration-color,
        fill,
        stroke,
        --tw-gradient-from,
        --tw-gradient-via,
        --tw-gradient-to,
        opacity,
        box-shadow,
        transform,
        translate,
        scale,
        rotate,
        filter,
        -webkit-backdrop-filter,
        backdrop-filter,
        display,
        content-visibility,
        overlay,
        pointer-events;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-\[box-shadow\,border-color\,transform\]{
        transition-property:box-shadow,border-color,transform;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-all{
        transition-property:all;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-colors{
        transition-property:color,
        background-color,
        border-color,
        outline-color,
        text-decoration-color,
        fill,
        stroke,
        --tw-gradient-from,
        --tw-gradient-via,
        --tw-gradient-to;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-transform{
        transition-property:transform,
        translate,
        scale,
        rotate;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .duration-300{
        --tw-duration:.3s;
        transition-duration:.3s
    }
    .duration-500{
        --tw-duration:.5s;
        transition-duration:.5s
    }
    .duration-700{
        --tw-duration:.7s;
        transition-duration:.7s
    }
    .duration-\[1\.1s\]{
        --tw-duration:1.1s;
        transition-duration:1.1s
    }
    .ease-out{
        --tw-ease:var(--ease-out);
        transition-timing-function:var(--ease-out)
    }
    .select-none{
        -webkit-user-select:none;
        user-select:none
    }
    .\[image-rendering\:auto\]{
        image-rendering:auto
    }
    .\[perspective\:1400px\]{perspective:1400px}
    .perspective-dramatic{perspective:var(--perspective-dramatic)}
    .ring-inset{--tw-ring-inset:inset}
    @media (hover:hover){
        .group-hover\:scale-\[1\.045\]:is(:where(.group):hover *){scale:1.045}
        .group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}
        .group-hover\:ring-white\/20:is(:where(.group):hover *){--tw-ring-color:#fff3}
        @supports (color:color-mix(in lab, red, red)){
            .group-hover\:ring-white\/20:is(:where(.group):hover *){
                --tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)
            }
        }
        .group-hover\/img\:scale-105:is(:where(.group\/img):hover *){
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
        .group-hover\/img\:from-\[\#EA580C\]\/10:is(:where(.group\/img):hover *){
            --tw-gradient-from:oklab(69.0278% .221712 -.00648153/.1);
            --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
        }
        .group-hover\/img\:to-\[\#D97706\]\/10:is(:where(.group\/img):hover *){
            --tw-gradient-to:oklab(57.7308% .141098 -.238786/.1);
            --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
        }
        .group-hover\/img\:opacity-100:is(:where(.group\/img):hover *){opacity:1}
        .hover\:-translate-y-1:hover{
            --tw-translate-y:calc(var(--spacing) * -1);
            translate:var(--tw-translate-x) var(--tw-translate-y)
        }
        .hover\:scale-104:hover{
            --tw-scale-x:104%;
            --tw-scale-y:104%;
            --tw-scale-z:104%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }
        .hover\:scale-105:hover{
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x) var(--tw-scale-y)}
            .hover\:scale-108:hover{
                --tw-scale-x:108%;
                --tw-scale-y:108%;
                --tw-scale-z:108%;
                scale:var(--tw-scale-x) var(--tw-scale-y)
            }
            .hover\:scale-\[1\.02\]:hover{scale:1.02}
            .hover\:border-\[\#D97706\]\/45:hover{border-color:oklab(57.7308% .141098 -.238786/.45)
            }
            .hover\:border-\[\#D97706\]\/50:hover{border-color:oklab(57.7308% .141098 -.238786/.5)
            }
            .hover\:border-white\/25:hover{border-color:#ffffff40}
            @supports (color:color-mix(in lab, red, red)){
                .hover\:border-white\/25:hover{
                    border-color:color-mix(in oklab, var(--color-white) 25%, transparent)
                }
            }
            .hover\:bg-\[\#1E3A5F\]:hover{background-color:#1E3A5F}
            .hover\:bg-\[\#D97706\]\/10:hover{background-color:oklab(57.7308% .141098 -.238786/.1)
            }
            .hover\:bg-black\/55:hover{background-color:#0000008c}
            @supports (color:color-mix(in lab, red, red)){
                .hover\:bg-black\/55:hover{
                    background-color:color-mix(in oklab, var(--color-black) 55%, transparent)
                }
            }
            .hover\:bg-black\/80:hover{
                background-color:#000c
            }
            @supports (color:color-mix(in lab, red, red))
            {
                .hover\:bg-black\/80:hover{
                    background-color:color-mix(in oklab, var(--color-black) 80%, transparent)
                }
            }
            .hover\:bg-black\/\[0\.05\]:hover{
                background-color:#0000000d
            }
            @supports (color:color-mix(in lab, red, red))
            {
                .hover\:bg-black\/\[0\.05\]:hover{
                    background-color:color-mix(in oklab, var(--color-black) 5%, transparent)
                }
            }
            .hover\:bg-black\/\[0\.06\]:hover{
                background-color:#0000000f
            }
            @supports (color:color-mix(in lab, red, red)){
                .hover\:bg-black\/\[0\.06\]:hover{
                    background-color:color-mix(in oklab, var(--color-black) 6%, transparent)
                }
            }
            .hover\:bg-white\/10:hover{background-color:#ffffff1a}
            @supports (color:color-mix(in lab, red, red)){
                .hover\:bg-white\/10:hover{
                    background-color:color-mix(in oklab, var(--color-white) 10%, transparent)
                }
            }
            .hover\:bg-gradient-to-l:hover{
                --tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))
            }
            .hover\:from-\[\#D97706\]\/15:hover{
                --tw-gradient-from:oklab(57.7308% .141098 -.238786/.15);
                --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
            }
            .hover\:to-\[\#EA580C\]\/10:hover{
                --tw-gradient-to:oklab(69.0278% .221712 -.00648153/.1);
                --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
            }
            .hover\:text-black:hover{color:var(--color-black)}
            .hover\:text-white:hover{color:var(--color-white)}
            .hover\:shadow-\[0_0_36px_rgba\(153\,45\,255\,0\.22\)\]:hover{
                --tw-shadow:0 0 36px var(--tw-shadow-color,#D9770638);
                box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
            }
        }
        .focus-visible\:outline:focus-visible{
            outline-style:var(--tw-outline-style);
            outline-width:1px
        }
        .focus-visible\:outline-2:focus-visible{
            outline-style:var(--tw-outline-style);
            outline-width:2px
        }
        .focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}
        .focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}
        @media not all and (min-width:48rem){
            .max-md\:hidden{display:none}
            .max-md\:bg-\[radial-gradient\(ellipse_85\%_55\%_at_50\%_-25\%\,rgba\(153\,45\,255\,0\.08\)\,transparent\)\]{
                background-image:radial-gradient(85% 55% at 50% -25%,#D9770614,#0000)
            }
        }
        @media (min-width:40rem){
            .sm\:inset-x-2{inset-inline:calc(var(--spacing) * 2)}
            .sm\:inset-x-3{inset-inline:calc(var(--spacing) * 3)}
            .sm\:right-8{right:calc(var(--spacing) * 8)}
            .sm\:bottom-3{bottom:calc(var(--spacing) * 3)}
            .sm\:left-8{left:calc(var(--spacing) * 8)}
            .sm\:mx-6{margin-inline:calc(var(--spacing) * 6)}
            .sm\:mt-4{margin-top:calc(var(--spacing) * 4)}
            .sm\:mb-10{margin-bottom:calc(var(--spacing) * 10)}
            .sm\:mb-20{margin-bottom:calc(var(--spacing) * 20)}
            .sm\:block{display:block}
            .sm\:h-9{height:calc(var(--spacing) * 9)}
            .sm\:h-16{height:calc(var(--spacing) * 16)}
            .sm\:h-\[72px\]{height:72px}
            .sm\:h-\[390px\]{height:390px}
            .sm\:h-\[clamp\(360px\,70svh\,620px\)\]{
                height:clamp(360px,70svh,620px)
            }
            .sm\:w-9{width:calc(var(--spacing) * 9)}
            .sm\:w-\[24vw\]{width:24vw}
            .sm\:max-w-\[20\.5rem\]{max-width:20.5rem}
            .sm\:max-w-none{max-width:none}
            .sm\:gap-3{gap:calc(var(--spacing) * 3)}
            .sm\:gap-4{gap:calc(var(--spacing) * 4)}
            .sm\:p-6{padding:calc(var(--spacing) * 6)}
            .sm\:p-7{padding:calc(var(--spacing) * 7)}
            .sm\:p-8{padding:calc(var(--spacing) * 8)}
            .sm\:px-4{padding-inline:calc(var(--spacing) * 4)}
            .sm\:px-5{padding-inline:calc(var(--spacing) * 5)}
            .sm\:px-6{padding-inline:calc(var(--spacing) * 6)}
            .sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
            .sm\:py-6{padding-block:calc(var(--spacing) * 6)}
            .sm\:py-28{padding-block:calc(var(--spacing) * 28)}
            .sm\:py-36{padding-block:calc(var(--spacing) * 36)}
            .sm\:pt-14{padding-top:calc(var(--spacing) * 14)}
            .sm\:pt-16{padding-top:calc(var(--spacing) * 16)}
            .sm\:pb-28{padding-bottom:calc(var(--spacing) * 28)}
            .sm\:text-justify{text-align:justify}
            .sm\:text-2xl{
                font-size:var(--text-2xl);
                line-height:var(--tw-leading,var(--text-2xl--line-height))
            }
            .sm\:text-3xl{
                font-size:var(--text-3xl);
                line-height:var(--tw-leading,var(--text-3xl--line-height))
            }
            .sm\:text-4xl{
                font-size:var(--text-4xl);
                line-height:var(--tw-leading,var(--text-4xl--line-height))
            }
            .sm\:text-5xl{
                font-size:var(--text-5xl);
                line-height:var(--tw-leading,var(--text-5xl--line-height))
            }
            .sm\:text-7xl{
                font-size:var(--text-7xl);
                line-height:var(--tw-leading,var(--text-7xl--line-height))
            }
            .sm\:text-lg{
                font-size:var(--text-lg);
                line-height:var(--tw-leading,var(--text-lg--line-height))
            }
            .sm\:text-sm{
                font-size:var(--text-sm);
                line-height:var(--tw-leading,var(--text-sm--line-height))
            }
            .sm\:text-\[0\.58em\]{
                font-size:.58em
            }
            .sm\:text-\[0\.95rem\]{font-size:.95rem}
            .sm\:text-\[1\.7rem\]{font-size:1.7rem}
            .sm\:leading-\[1\.14\]{--tw-leading:1.14;line-height:1.14}
            .sm\:\[text-align-last\:start\]{text-align-last:start}
            .sm\:\[text-justify\:inter-character\]{text-justify:inter-character}
        }
        @media (min-width:48rem){
            .md\:start-\[22\%\]{inset-inline-start:22%}
            .md\:start-\[26\%\]{inset-inline-start:26%}
            .md\:top-\[12\%\]{top:12%}.md\:top-\[18\%\]{top:18%}
            .md\:left-auto{left:auto}
            .md\:order-1{order:1}
            .md\:order-2{order:2}
            .md\:mx-0{margin-inline:0}
            .md\:block{display:block}
            .md\:grid{display:grid}
            .md\:hidden{display:none}
            .md\:h-\[86px\]{height:86px}
            .md\:h-\[calc\(100svh-4rem\)\]{height:calc(100svh - 4rem)}
            .md\:h-\[min\(290px\,42vw\)\]{height:min(290px,42vw)}
            .md\:h-\[min\(430px\,52vw\)\]{height:min(430px,52vw)}
            .md\:min-h-\[260px\]{min-height:260px}
            .md\:min-h-\[520px\]{min-height:520px}
            .md\:max-w-none{max-width:none}
            .md\:min-w-\[320px\]{min-width:320px}
            .md\:translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}
            .md\:grid-cols-\[0\.85fr_1\.3fr_0\.85fr\]{grid-template-columns:.85fr 1.3fr .85fr}
            .md\:grid-cols-\[min\(38vw\,360px\)_minmax\(0\,1fr\)\]{grid-template-columns:min(38vw,360px) minmax(0,1fr)}
            .md\:items-center{align-items:center}
            .md\:items-stretch{align-items:stretch}
            .md\:justify-between{justify-content:space-between}
            .md\:gap-4{gap:calc(var(--spacing) * 4)}
            .md\:gap-7{gap:calc(var(--spacing) * 7)}
            .md\:gap-x-8{column-gap:calc(var(--spacing) * 8)}
            .md\:gap-y-0{row-gap:0}
            .md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
            .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}
            .md\:text-\[0\.56em\]{font-size:.56em}
            .md\:leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}
        }
        @media (min-width:64rem){
            .lg\:max-w-\[21rem\]{max-width:21rem}
            .lg\:translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}
            .lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}
            .lg\:justify-end{justify-content:flex-end}
            .lg\:gap-16{gap:calc(var(--spacing) * 16)}
            .lg\:gap-x-10{column-gap:calc(var(--spacing) * 10)}
            .lg\:px-8{padding-inline:calc(var(--spacing) * 8)}
            .lg\:pt-0{padding-top:0}
            .lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}
            .lg\:text-\[0\.55em\]{font-size:.55em}
            .lg\:text-\[2\.65rem\]{font-size:2.65rem}
            .lg\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}
        }
        .rtl\:origin-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){transform-origin:100%}
        .rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}
        @media (min-width:64rem){
            .rtl\:lg\:translate-x-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){
                --tw-translate-x:0;
                translate:var(--tw-translate-x) var(--tw-translate-y)
            }
        }
        .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}
    }
    @font-face{
        font-family:alfont_com_Madani-Arabic-Medium;
        src:local(alfont_com_Madani-Arabic-Medium),
        local(Madani Arabic Medium),
        local(MadaniArabic-Medium);
        font-style:normal;
        font-weight:500;
        font-display:swap
    }
    :root{
        --font-almarai:"Almarai",
         "Segoe UI",
          Tahoma, sans-serif;
          --font-inter:"Inter", system-ui, -apple-system, sans-serif;
          --bg-deep:#0F172A;
          --bg-card:#ffffff0b;
          --border-subtle:#ffffff1a;
          --accent:#D97706;
          --accent-hot:#EA580C;
          --accent-sky:#FBBF24;
          --accent-dim:#D977062e;
          --foreground:#f4f4f5;
          --muted:#9ca3af;
          --ink-deep:#0F172A;
          --ink-soft:#1E293B
        }
        .font-ar{
            font-family:var(--font-almarai)
        }
        .font-inter{
            font-family:var(--font-inter)
        }
        html{
            scroll-behavior:smooth;
            width:100%;
            max-width:100%;
            overflow-x:hidden!important
        }
        html[dir=rtl] body{direction:rtl}
        html[dir=ltr] body{direction:ltr}
        body{
            background:var(--bg-deep);
            color:var(--foreground);
            overscroll-behavior-x:none;
            width:100%;
            max-width:100%;
            margin:0;
            position:relative;
            overflow-x:hidden!important
        }
        body>*{max-width:100%}
        ::selection{
            background:var(--accent-dim);
            color:var(--foreground)
        }
        .icc-page{
            background:radial-gradient(circle at top,#D9770617,#0000 32%),linear-gradient(#0F172A 0%,#0F172A 46%,#1E293B 100%);
            max-width:100vw;
            overflow-x:hidden!important
        }
        .icc-grid-layer{
            background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);
            background-size:56px 56px;
            -webkit-mask-image:radial-gradient(85% 70% at 50% 20%,#000 20%,#0000 72%);
            mask-image:radial-gradient(85% 70% at 50% 20%,#000 20%,#0000 72%)
        }
        .icc-mesh{
            background:radial-gradient(80% 50% at 20% 0,#D9770624,#0000 55%),radial-gradient(60% 45% at 85% 15%,#EA580C1f,#0000 50%),radial-gradient(50% 40% at 50% 100%,#FBBF2414,#0000 55%);
            animation:18s ease-in-out infinite mesh-breathe
        }
        @keyframes mesh-breathe{
            0%,
            to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}
        }
        .title-hero-glow{
            text-shadow:0 0 60px #D977061f,0 0 100px #EA580C14
        }
        .brand-madani{
            letter-spacing:0;
            font-weight:500;
            font-family:"alfont_com_Madani-Arabic-Medium", "Madani Arabic", "MadaniArabic", "Madani", var(--font-almarai), system-ui, sans-serif!important
        }
        .slogan-gradient-text{
            color:#0000;
            background:linear-gradient(90deg,#B45309 0%,#D97706 35%,#FBBF24 70%,#FEF3C7 100%);
            -webkit-background-clip:text;
            background-clip:text
        }
        @keyframes hero-image-pulse{
            0%,
            to{filter:blur()saturate();transform:scale(1)}50%{filter:blur(1.2px)saturate(1.08);transform:scale(1.018)}
        }
        .hero-image-pulse{
            animation:3.1s ease-in-out infinite hero-image-pulse
        }
        @keyframes icc-glow{
            0%,
            to{opacity:.45;transform:scale(1)}50%{opacity:.88;transform:scale(1.06)}
        }
        @keyframes float-slow{
            0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-14px)translate(8px)}
        }
        @keyframes shimmer-line{
            0%{background-position:200%}to{background-position:-200%}
        }
        .animate-icc-glow{
            animation:3.4s ease-in-out infinite icc-glow
        }
        .animate-float-slow{
            animation:9s ease-in-out infinite float-slow
        }
        .hero-shimmer{
            background:linear-gradient(90deg,#B45309 0%,#D97706 30%,#FBBF24 60%,#FEF3C7 100%) 0 0/200% 100%;
            animation:5s linear infinite shimmer-line
        }
        .noise-overlay{
            pointer-events:none;
            opacity:.035;
            background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
        }
        @keyframes shine-sweep{0%{transform:translate(-120%)skew(-12deg)}to{transform:translate(220%)skew(-12deg)}}
        .card-shine{
            position:relative;
            overflow:hidden
        }
        .card-shine:after{
            content:"";
            pointer-events:none;
            opacity:0;
            background:linear-gradient(105deg,#0000 38%,#ffffff1f 50%,#0000 62%);
            transition:opacity .3s;
            position:absolute;
            inset:0;
            transform:translate(-120%)
        }
        .card-shine:hover:after{
            opacity:1;
            animation:.9s ease-out forwards shine-sweep
        }
        .label-tag-pulse{
            animation:2.8s ease-in-out infinite label-tag-pulse
        }
        @keyframes label-tag-pulse{
            0%,
            to{opacity:.88}50%{opacity:1}
        }
        .btn-nav{
            transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .2s,color .2s,box-shadow .2s
        }
        .nav-active-underline{
            animation:2.6s ease-in-out infinite nav-active-line-pulse;
            box-shadow:0 0 14px #D9770680,0 0 28px #FBBF2440
        }
        @keyframes nav-active-line-pulse{
            0%,
            to{opacity:1;filter:brightness()drop-shadow(0 0 6px #D9770673)}50%{opacity:.92;filter:brightness(1.12)drop-shadow(0 0 10px #EA580C59)}
        }
        .glass-header{
            -webkit-backdrop-filter:blur(20px);
            /* backdrop-filter: var(--bg-card); */
            background:#ffffff3d
        }
        .section-spotlight{
            animation:1.05s cubic-bezier(.22,1,.36,1) section-spotlight-pop
        }
        @keyframes section-spotlight-pop{
            0%{filter:brightness(.96);transform:translateY(18px)}55%{filter:brightness(1.08);transform:translateY(0)}to{filter:brightness();transform:translateY(0)}
        }
        .story-aurora-wrap{background:radial-gradient(120% 80% at 50% 100%,#EA580C0f,#0000 55%)}
        .story-aurora-blob{
            filter:blur(80px);
            pointer-events:none;
            mix-blend-mode:screen;
            border-radius:50%;
            position:absolute
        }
        .story-aurora-blob-a{
            top:-8%;
            background:#D977063d;
            width:min(70vw,420px);
            height:min(70vw,420px);
            animation:14s ease-in-out infinite story-blob-a;
            inset-inline-end:-10%
        }
        .story-aurora-blob-b{
            bottom:-5%;
            background:#EA580C2e;
            width:min(60vw,360px);
            height:min(60vw,360px);
            animation:18s ease-in-out infinite story-blob-b;
            inset-inline-start:-15%
        }
        .story-aurora-blob-c{
            top:40%;
            background:#FBBF2424;
            width:min(50vw,280px);
            height:min(50vw,280px);
            animation:12s ease-in-out infinite story-blob-c;
            inset-inline-start:35%
        }
        @keyframes story-blob-a{
            0%,to{opacity:.55;transform:translate(0)scale(1)}50%{opacity:.92;transform:translate(-6%,8%)scale(1.08)}
        }
        @keyframes story-blob-b{
            0%,to{opacity:.45;transform:translate(0)scale(1)}50%{opacity:.88;transform:translate(10%,-6%)scale(1.12)}
        }
        @keyframes story-blob-c{
            0%,to{opacity:.35;transform:translate(0)scale(1)}50%{opacity:.72;transform:translate(-8%,-10%)scale(1.15)}
        }
        .perspective-dramatic{perspective:1200px}
        .director-orbit{isolation:isolate}
        .director-orbit-ring{
            opacity:.7;
            z-index:0;
            -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask-composite:xor;
            -webkit-mask-composite:xor;
            background:conic-gradient(#D97706a6,#EA580C80,#FBBF248c,#D97706a6);
            border-radius:1.6rem;
            padding:2px;
            animation:10s linear infinite director-ring-spin;
            position:absolute;
            inset:-3px
        }
        @keyframes director-ring-spin{
            to{transform:rotate(-360deg)}
        }
        .director-card-shell{
            z-index:1;background:linear-gradient(135deg,#D9770661,#EA580C38,#FBBF2447) 0 0/200% 200%;
            animation:8s infinite director-shell-shift
        }
        @keyframes director-shell-shift{
            0%,
            to{background-position:0%}50%{background-position:100%}
        }
        .text-gradient-name{
            color:#0000;
            background:linear-gradient(110deg,#fff 0%,#D97706 30%,#EA580C 55%,#FBBF24 80%,#fff 100%) 0 0/240%;
            -webkit-background-clip:text;
            background-clip:text;
            animation:7s linear infinite name-shimmer
        }
        @keyframes name-shimmer{
            0%{background-position:100%}to{background-position:-100%}
        }
        @keyframes spin-slow-orbit{
            to{transform:rotate(360deg)}
        }
        .hero-orbit-ring{
            animation:28s linear infinite spin-slow-orbit
            
        }
        .why-choose-stairs{
            grid-template-columns:repeat(1,minmax(0,1fr));
            gap:.9rem;display:grid
            
        }
        .why-step{
            isolation:isolate;
            transform-style:preserve-3d;
            transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s,background .35s,filter .35s;
            position:relative
        }
        .why-step:hover{
            filter:saturate(1.08);
            border-color:#D977066b;
            transform:translateY(-12px)scale(1.02);
            box-shadow:0 26px 64px -32px #D977065c,0 26px 70px -34px #FBBF2447
            
        }
        .why-step-overlay{
            opacity:0;
            background-color:#0000;
            background-image:
            linear-gradient(#D9770661,#0F172Ad1,#020617f2),linear-gradient(135deg,#D977061f,#EA580C17,#FBBF241a);
            background-position:0 0,0 0;
            background-repeat:repeat,repeat;
            background-size:180% 180%;
            background-attachment:scroll,scroll;
            background-origin:padding-box,padding-box;
            background-clip:border-box,border-box;
            transition:opacity .38s,transform .38s cubic-bezier(.22,1,.36,1);
            transform:translateY(28px)
            
        }
        .why-step:hover 
        .why-step-overlay,
        .why-step:focus-within 
        .why-step-overlay{
            opacity:1;
            animation:8s infinite director-shell-shift;
            transform:translateY(0)
        }
        .why-step:before{
            content:"";
            border-radius:inherit;
            opacity:.2;
            z-index:0;
            -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask-composite:xor;
            -webkit-mask-composite:xor;
            background:linear-gradient(120deg,#D9770652,#EA580C38,#FBBF243d);
            padding:1px;
            transition:opacity .35s,transform .35s;
            position:absolute;
            inset:-1px
        }
        .why-step:hover:before{
            opacity:.95;
            transform:scale(1.01)
        }
        
        
        @media (min-width:1024px){
            .why-choose-stairs{
                grid-template-columns:repeat(5,minmax(0,1fr));
                align-items:end;
                gap:.95rem
            }
            .why-step{
                min-height:360px;
                margin:0
            }
            .why-step:first-child{min-height:420px}
            .why-step:nth-child(2){min-height:395px}
            .why-step:nth-child(3){min-height:370px}
            .why-step:nth-child(4){min-height:345px}
            .why-step:nth-child(5){min-height:320px}
        }
        .icc-page main p:not(.text-center){
            text-align:justify;
            text-justify:inter-word;
            text-align-last:auto
        }
        .icc-page main 
        .text-center p{
            text-align:center;
            text-align-last:center
        }
        .icc-page main,
        .icc-page section{overflow-x:hidden}
        .text-gradient{
            color:#0000;
            background-image:linear-gradient(105deg,#B45309 0%,#D97706 45%,#FEF3C7 100%);
            -webkit-background-clip:text;
            background-clip:text
        }
        .card-hover{
            transition:transform .55s cubic-bezier(.22,1,.36,1),
            box-shadow .55s cubic-bezier(.22,1,.36,1),
            border-color .4s,background-color .4s
        }
        .card-hover:hover{
            background-color:#ffffff0e;
            border-color:#D9770659;
            transform:translateY(-6px);
            box-shadow:0 0 0 1px #D977061f,0 28px 70px #0000006b,0 0 80px -28px #D9770659
        }
        .work-bento-tile{isolation:isolate}
        .work-tile-shine{
            opacity:0;
            background:linear-gradient(118deg,#0000 18%,#ffffff38 48%,#0000 78%);
            transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .45s;
            transform:translate(-130%)skew(-10deg)
        }
        .work-bento-tile:hover 
        .work-tile-shine{
            opacity:1;
            transform:translate(130%)skew(-10deg)
        }
        #scroll-progress{
            transform-origin:0;
            transition:transform 50ms linear;
            transform:scaleX(0)
        }
        html[dir=rtl] 
        #scroll-progress{
            transform-origin:100%
        }
        .word-blur-word{
            /* color: #000; */
            opacity:0;
            filter:blur(14px);
            transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1),filter .58s cubic-bezier(.16,1,.3,1);
            display:inline-block;
            transform:translateY(22px)
            
        }
        .word-blur-line.is-visible 
        .word-blur-word,
        .word-blur-line.is-animate 
        .word-blur-word{
            opacity:1;
            filter:blur();
            transform:translateY(0)
        }
        .reveal-item{
            opacity:0;
            filter:blur(28px);
            transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1);
            transform:translateY(76px)scale(.84)
        }
        .reveal-item.is-visible{
            opacity:1;
            filter:blur();
            transform:translateY(0)scale(1)
        }
        .hero-slide{
            opacity:0;
            filter:blur(8px);
            transition:opacity .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1)
        }
        .hero-slide.is-active{opacity:1;filter:blur()}
        .company-slide-enter{animation:1.15s cubic-bezier(.22,1,.36,1) forwards company-slide-in}
        @keyframes company-slide-in{
            0%{opacity:.92;transform:translateX(var(--slide-from,56px))}to{opacity:1;transform:translate(0)}
        }
        .company-carousel-grid{
            gap:1rem;
            flex-direction:column;
            align-items:center;
            display:flex
        }
        @media (min-width:768px){
            .company-carousel-grid{
                grid-template-columns:.85fr 1.3fr .85fr;
                align-items:center;
                gap:1.5rem;
                display:grid
            }
        }
        .company-carousel-center{
            width:min(calc(100vw - 4.5rem),360px);
            aspect-ratio:1/1;
            margin-inline:auto;
            position:relative;
            background-color:rgb(15 23 42/.82)
        }
        .company-carousel-img{
            object-fit:cover
        }
        .company-carousel-side{
            width:min(72%,240px);
            aspect-ratio:1/1;
            position:relative;
            align-self:center
        }
        @media (min-width:640px){
            .company-carousel-center{
                width:min(100%,400px)
            }
        }
        @media (min-width:768px){
            .company-carousel-center{
                width:min(100%,440px);
                justify-self:center
            }
            .company-carousel-side{
                width:88%;
                max-width:280px;
                justify-self:center
            }
        }
        .works-deck-card{
            aspect-ratio:16/10;
            width:58vw;
            max-width:520px;
            transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1);
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%)
        }
        @media (min-width:640px){
            .works-deck-card{width:24vw}
        }
        .works-tab-active-bg{
            background:linear-gradient(to bottom right,#D9770659,#ffffff1a,#B4530940);
            border-radius:.75rem;
            transition:left .35s cubic-bezier(.22,1,.36,1),top .35s,width .35s,height .35s;
            position:absolute;
            top:0;
            left:0;
            width:0;
            height:0;
            pointer-events:none;
            box-shadow:0 0 0 1px #ffffff24,0 12px 40px #D9770638
        }
        .lightbox-overlay{
            opacity:0;
            pointer-events:none;
            transition:opacity .25s
        }
        .lightbox-overlay.is-open{
            opacity:1;
            pointer-events:auto
        }
        .lightbox-panel{
            opacity:0;
            transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);
            transform:scale(.94)translateY(16px)
        }
        .lightbox-overlay.is-open .lightbox-panel{
            opacity:1;
            transform:scale(1)translateY(0)
        }
        #back-to-top{
            opacity:0;
            pointer-events:none;
            transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);
            transform:translateY(14px)scale(.92)
        }
        #back-to-top.is-visible{
            opacity:1;
            pointer-events:auto;
            transform:translateY(0)scale(1)
        }
        #mobile-nav-panel{display:none}
        #mobile-nav-panel.is-open{display:block}
        .rallying-cry-pulse{animation:2.8s ease-in-out infinite rallying-pulse}
        @keyframes rallying-pulse{0%,to{opacity:.8}50%{opacity:1}}
        @media (hover:none),(max-width:1023px){
            .why-step:hover{filter:none;transform:none}
            .why-step-overlay{
                opacity:1;
                pointer-events:auto;
                background:linear-gradient(#D9770652,#0F172Ac7,#020617eb),linear-gradient(135deg,#D977061a,#EA580C14,#FBBF2414);
                border:1px solid #ffffff1a;
                border-radius:.9rem;
                margin-top:.85rem;
                animation:none;
                position:static;
                transform:none
            }
        }
        @media (prefers-reduced-motion:reduce){
            .icc-mesh,
            .story-aurora-blob-a,
            .story-aurora-blob-b,
            .story-aurora-blob-c,
            .director-orbit-ring,
            .director-card-shell,
            .text-gradient-name,
            .hero-orbit-ring,
            .label-tag-pulse,
            .nav-active-underline,
            .rallying-cry-pulse{animation:none}
            .word-blur-word,
            .reveal-item,
            .hero-slide{
                opacity:1!important;
                filter:none!important;
                transition:none!important;
                transform:none!important
            }
            .why-step,
            .why-step-overlay{
                transition:none;
                transform:none
            }
            .card-hover:hover{
                transform:none
            }
        }
        @property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
        @property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
        @property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
        @property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
        @property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
        @property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
        @property --tw-rotate-x{syntax:"*";inherits:false}
        @property --tw-rotate-y{syntax:"*";inherits:false}
        @property --tw-rotate-z{syntax:"*";inherits:false}
        @property --tw-skew-x{syntax:"*";inherits:false}
        @property --tw-skew-y{syntax:"*";inherits:false}
        @property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
        @property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
        @property --tw-gradient-position{syntax:"*";inherits:false}
        @property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
        @property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
        @property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
        @property --tw-gradient-stops{syntax:"*";inherits:false}
        @property --tw-gradient-via-stops{syntax:"*";inherits:false}
        @property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
        @property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
        @property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
        @property --tw-leading{syntax:"*";inherits:false}
        @property --tw-font-weight{syntax:"*";inherits:false}
        @property --tw-tracking{syntax:"*";inherits:false}
        @property --tw-ordinal{syntax:"*";inherits:false}
        @property --tw-slashed-zero{syntax:"*";inherits:false}
        @property --tw-numeric-figure{syntax:"*";inherits:false}
        @property --tw-numeric-spacing{syntax:"*";inherits:false}
        @property --tw-numeric-fraction{syntax:"*";inherits:false}
        @property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
        @property --tw-shadow-color{syntax:"*";inherits:false}
        @property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
        @property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
        @property --tw-inset-shadow-color{syntax:"*";inherits:false}
        @property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
        @property --tw-ring-color{syntax:"*";inherits:false}
        @property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
        @property --tw-inset-ring-color{syntax:"*";inherits:false}
        @property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
        @property --tw-ring-inset{syntax:"*";inherits:false}
        @property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
        @property --tw-ring-offset-color{
            syntax:"*";
            inherits:false;
            initial-value:#fff
        }
        @property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
        @property --tw-blur{syntax:"*";inherits:false}
        @property --tw-brightness{syntax:"*";inherits:false}
        @property --tw-contrast{syntax:"*";inherits:false}
        @property --tw-grayscale{syntax:"*";inherits:false}
        @property --tw-hue-rotate{syntax:"*";inherits:false}
        @property --tw-invert{syntax:"*";inherits:false}
        @property --tw-opacity{syntax:"*";inherits:false}
        @property --tw-saturate{syntax:"*";inherits:false}
        @property --tw-sepia{syntax:"*";inherits:false}
        @property --tw-drop-shadow{syntax:"*";inherits:false}
        @property --tw-drop-shadow-color{syntax:"*";inherits:false}
        @property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
        @property --tw-drop-shadow-size{syntax:"*";inherits:false}
        @property --tw-backdrop-blur{syntax:"*";inherits:false}
        @property --tw-backdrop-brightness{syntax:"*";inherits:false}
        @property --tw-backdrop-contrast{syntax:"*";inherits:false}
        @property --tw-backdrop-grayscale{syntax:"*";inherits:false}
        @property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
        @property --tw-backdrop-invert{syntax:"*";inherits:false}
        @property --tw-backdrop-opacity{syntax:"*";inherits:false}
        @property --tw-backdrop-saturate{syntax:"*";inherits:false}
        @property --tw-backdrop-sepia{syntax:"*";inherits:false}
        @property --tw-duration{syntax:"*";inherits:false}
        @property --tw-ease{syntax:"*";inherits:false}
        @property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
        @keyframes ping{75%,to{opacity:0;transform:scale(2)}
    }


/* body {
    font-family: 'Madani Arabic', sans-serif;
} */

* {
    font-family: 'Madani Arabic', sans-serif;
}

/* ICC image blocks — services & works */
.service-blocks-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
@media (min-width: 640px) {
  .service-blocks-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
  }
}
@media (min-width: 1024px) {
  .service-blocks-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
}
.service-block {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  border-radius: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  cursor: pointer;
  isolation: isolate;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s, border-color 0.35s;
  box-shadow: 0 22px 55px -28px rgba(0, 0, 0, 0.65);
}
.service-block--featured {
  min-height: 360px;
}
@media (min-width: 768px) {
  .service-block--featured {
    grid-column: span 2;
    min-height: 400px;
  }
}
.service-block-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s;
  animation: service-ken-burns 18s ease-in-out infinite alternate;
}
.service-block:hover .service-block-img,
.service-block.is-expanded .service-block-img {
  transform: scale(1.1);
  filter: saturate(1.08);
  animation-play-state: paused;
}
@keyframes service-ken-burns {
  0% { transform: scale(1.02) translate(0, 0); }
  100% { transform: scale(1.08) translate(-1.5%, -1%); }
}
.service-block-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(2, 6, 23, 0.96) 0%, rgba(15, 23, 42, 0.55) 42%, rgba(15, 23, 42, 0.08) 100%);
  transition: background 0.45s;
}
.service-block:hover .service-block-overlay,
.service-block.is-expanded .service-block-overlay {
  background: linear-gradient(to top, rgba(2, 6, 23, 0.98) 0%, rgba(15, 23, 42, 0.82) 55%, rgba(217, 119, 6, 0.18) 100%);
}
.service-block-shine {
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.14) 50%, transparent 62%);
  transform: translateX(-120%) skewX(-12deg);
  transition: opacity 0.3s;
}
.service-block:hover .service-block-shine {
  opacity: 1;
  animation: 0.95s ease-out forwards shine-sweep;
}
.service-block-content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 2;
  padding: 1.25rem 1.35rem 1.35rem;
  text-align: start;
}
.service-block-num {
  display: inline-flex;
  margin-bottom: 0.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(251, 191, 36, 0.35);
  background: rgba(15, 23, 42, 0.55);
  padding: 0.15rem 0.55rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #FBBF24;
}
.service-block-title {
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
  color: #fff;
}
@media (min-width: 640px) {
  .service-block-title { font-size: 1.28rem; }
}
.service-block-teaser {
  margin-top: 0.45rem;
  font-size: 0.88rem;
  line-height: 1.55;
  color: rgba(251, 191, 36, 0.92);
}
.service-block-details {
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  opacity: 0;
  font-size: 0.82rem;
  line-height: 1.65;
  color: rgba(226, 232, 240, 0.95);
  transition: max-height 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s, margin 0.4s;
}
.service-block:hover .service-block-details,
.service-block.is-expanded .service-block-details {
  max-height: 220px;
  margin-top: 0.65rem;
  opacity: 1;
}
.service-block:hover,
.service-block.is-expanded {
  transform: translateY(-6px);
  border-color: rgba(217, 119, 6, 0.45);
  box-shadow: 0 28px 70px -26px rgba(217, 119, 6, 0.35), 0 24px 60px -30px rgba(0, 0, 0, 0.55);
}

.works-blocks-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
@media (min-width: 640px) {
  .works-blocks-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .works-blocks-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.1rem;
  }
}
.works-block {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.03);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s, box-shadow 0.35s;
}
.works-block:hover {
  transform: translateY(-4px) scale(1.02);
  border-color: rgba(217, 119, 6, 0.4);
  box-shadow: 0 18px 45px -22px rgba(217, 119, 6, 0.35);
}
.works-block-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.works-block:hover .works-block-img {
  transform: scale(1.08);
}
.works-block-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(2, 6, 23, 0.75) 0%, transparent 55%);
  opacity: 0.85;
  transition: opacity 0.35s;
}
.works-block:hover .works-block-overlay {
  opacity: 1;
}
.works-block-shine {
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.12) 50%, transparent 62%);
}
.works-block:hover .works-block-shine {
  opacity: 1;
  animation: 0.85s ease-out forwards shine-sweep;
}
.works-block-caption {
  position: absolute;
  inset-inline: 0.65rem;
  bottom: 0.65rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.works-block-tag {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FEF3C7;
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9999px;
  padding: 0.2rem 0.55rem;
  backdrop-filter: blur(6px);
}
.works-block-zoom {
  display: inline-flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: rgba(15, 23, 42, 0.7);
  color: #FBBF24;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.3s, transform 0.3s;
}
.works-block:hover .works-block-zoom {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .service-block-img,
  .works-block-img,
  .service-block,
  .works-block {
    animation: none !important;
    transition: none !important;
  }
}

:root {
  --icc-header-h: 5.5rem;
}
@media (min-width: 640px) {
  :root {
    --icc-header-h: 6rem;
  }
}

.hero-banner {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  min-height: 100dvh;
  height: 100svh;
  height: 100dvh;
  width: 100%;
}
.hero-media-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-media-layer .hero-banner-media {
  position: absolute;
  inset: 0;
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.hero-slide {
  position: absolute;
  inset: 0;
}
.hero-white-band {
  height: var(--icc-header-h);
  min-height: var(--icc-header-h);
}
.header-bar {
  min-height: var(--icc-header-h);
  align-items: center;
}
#header-logo.header-logo,
img.header-logo {
  max-height: calc(var(--icc-header-h) - 0.85rem);
  max-width: min(340px, 52vw);
  width: auto;
  height: auto;
}
.hero-banner-content {
  min-height: inherit;
  padding-top: calc(var(--icc-header-h) + 1rem);
  box-sizing: border-box;
}

.hero-banner-media {
  display: block;
  background: #0F172A;
}
.hero-banner-img {
  transform: scale(1.06);
  transition: transform 8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.55s ease;
}
.hero-slide.is-active .hero-banner-img {
  animation: 14s ease-in-out infinite alternate hero-banner-kenburns;
}
@keyframes hero-banner-kenburns {
  from { transform: scale(1.04); }
  to { transform: scale(1.12); }
}
.hero-banner-content {
  pointer-events: none;
}
.hero-banner-content a,
.hero-banner-content button,
.hero-banner-content [role="button"] {
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  .hero-banner-img,
  .hero-slide.is-active .hero-banner-img {
    animation: none !important;
    transform: scale(1.04);
  }
}

.site-header {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.hero-white-band {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}
#header-logo {
  transition: max-height 0.25s ease, max-width 0.25s ease;
}

/* Brand palette overrides — no lavender / violet */
.text-blink-lavender\/85,
[class*="text-blink-lavender"] {
  color: #FBBF24 !important;
}
.to-blink-violet\/25,
[class*="to-blink-violet"] {
  --tw-gradient-to: rgba(217, 119, 6, 0.25) !important;
}
.from-blink-magenta\/35,
[class*="from-blink-magenta"] {
  --tw-gradient-from: rgba(217, 119, 6, 0.35) !important;
}
.bg-\[\#60A5FA\]\/12 {
  background-color: rgba(217, 119, 6, 0.12) !important;
}
.bg-\[\#60A5FA\]\/15 {
  background-color: rgba(217, 119, 6, 0.15) !important;
}
.story-aurora-blob {
  mix-blend-mode: plus-lighter;
}
.label-tag-pulse,
.section-kicker {
  color: #FBBF24 !important;
  text-shadow: none;
}
.section-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.section-kicker--wide {
  letter-spacing: 0.35em;
  font-weight: 600;
}
.section-kicker--sm {
  letter-spacing: 0.14em;
  font-weight: 600;
}
.text-\[\#FBBF24\]\/85 {
  color: rgba(251, 191, 36, 0.85) !important;
}
.text-amber-300\/85 {
  color: rgba(251, 191, 36, 0.85) !important;
}

#mobile-nav-toggle {
  color: #0F172A !important;
  border-color: rgba(217, 119, 6, 0.28) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}
#mobile-nav-panel {
  border-color: rgba(217, 119, 6, 0.18) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}
#mobile-nav-panel [data-nav-link] {
  color: #0F172A !important;
}
#mobile-nav-panel [data-nav-link].mobile-nav-link--active,
#mobile-nav-panel [data-nav-link]:hover {
  background: rgba(217, 119, 6, 0.1) !important;
  color: #B45309 !important;
}
#lang-switcher-menu {
  border-color: rgba(217, 119, 6, 0.22) !important;
  background: rgba(15, 23, 42, 0.97) !important;
}
#lang-switcher-menu a {
  color: #e4e4e7 !important;
}
#lang-switcher-menu a[aria-current="true"] {
  background: rgba(217, 119, 6, 0.18) !important;
  color: #FBBF24 !important;
}
#lang-switcher-menu a:not([aria-current="true"]):hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #FBBF24 !important;
}

.contact-section-glow {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(252, 211, 77, 0.08), transparent 55%),
    radial-gradient(ellipse 50% 40% at 80% 100%, rgba(251, 191, 36, 0.07), transparent 50%);
}
.story-section-glow {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(217, 119, 6, 0.14), rgba(251, 191, 36, 0.08), transparent);
}
@media (max-width: 767px) {
  .story-section-glow {
    background: radial-gradient(ellipse 85% 55% at 50% -25%, rgba(217, 119, 6, 0.08), transparent);
  }
}
#mobile-nav-panel .mobile-nav-quote {
  border-color: rgba(217, 119, 6, 0.18) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}
#mobile-nav-panel .mobile-nav-quote a {
  color: #0F172A !important;
}
.text-\[\#1E3A5F\] {
  color: #0F172A !important;
}
.hover\:bg-\[\#1E3A5F\]:hover {
  background-color: #B45309 !important;
}

.about-section-banner img {
  transform: scale(1.02);
}
.about-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.about-stat {
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  padding: 1rem 0.85rem;
  text-align: center;
}
.about-stat-num {
  display: block;
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1;
  color: #FBBF24;
}
.about-stat-label {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
}
.about-vision-panel {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid rgba(217, 119, 6, 0.28);
  background: linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.98));
  box-shadow: 0 24px 60px -28px rgba(0, 0, 0, 0.55);
}
.about-vision-accent {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 4px;
  background: linear-gradient(to bottom, #B45309, #D97706, #FBBF24);
}
.about-vision-inner {
  padding: 1.5rem 1.35rem 1.35rem 1.65rem;
}
html[dir="rtl"] .about-vision-inner {
  padding: 1.5rem 1.65rem 1.35rem 1.35rem;
}

.works-scroll-wrap {
  position: relative;
}
.works-scroll-track {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0.25rem;
  padding: 0.35rem 0.25rem 1rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(217, 119, 6, 0.45) transparent;
}
.works-scroll-track::-webkit-scrollbar {
  height: 6px;
}
.works-scroll-track::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background: rgba(217, 119, 6, 0.45);
}
.works-scroll-card {
  position: relative;
  flex: 0 0 min(78vw, 300px);
  height: min(58vw, 240px);
  scroll-snap-align: start;
  overflow: hidden;
  border-radius: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.03);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s, box-shadow 0.35s;
}
.works-scroll-card--featured {
  flex-basis: min(88vw, 420px);
  height: min(62vw, 280px);
}
@media (min-width: 768px) {
  .works-scroll-card {
    flex-basis: min(42vw, 320px);
    height: 260px;
  }
  .works-scroll-card--featured {
    flex-basis: min(52vw, 480px);
    height: 300px;
  }
}
.works-scroll-card:hover {
  transform: translateY(-5px) scale(1.015);
  border-color: rgba(217, 119, 6, 0.45);
  box-shadow: 0 22px 50px -24px rgba(217, 119, 6, 0.4);
}
.works-scroll-card-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.works-scroll-card:hover .works-scroll-card-img {
  transform: scale(1.07);
}
.works-scroll-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(2, 6, 23, 0.82) 0%, rgba(2, 6, 23, 0.15) 55%, transparent 100%);
}
.works-scroll-card-shine {
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.1) 50%, transparent 62%);
}
.works-scroll-card:hover .works-scroll-card-shine {
  opacity: 1;
  animation: 0.85s ease-out forwards shine-sweep;
}
.works-scroll-card-meta {
  position: absolute;
  inset-inline: 0.85rem;
  bottom: 0.85rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.works-scroll-card-num {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: rgba(251, 191, 36, 0.85);
}
.works-scroll-card-tag {
  font-size: 0.72rem;
  font-weight: 700;
  color: #fff;
  padding: 0.25rem 0.55rem;
  border-radius: 9999px;
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.works-scroll-card-zoom {
  position: absolute;
  top: 0.75rem;
  inset-inline-end: 0.75rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background: rgba(15, 23, 42, 0.72);
  color: #FBBF24;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.3s, transform 0.3s;
}
.works-scroll-card:hover .works-scroll-card-zoom {
  opacity: 1;
  transform: translateY(0);
}
.works-scroll-nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(15, 23, 42, 0.88);
  color: #FBBF24;
  box-shadow: 0 12px 30px -16px rgba(0, 0, 0, 0.65);
  transform: translateY(-50%);
  transition: background 0.25s, transform 0.25s;
}
@media (min-width: 768px) {
  .works-scroll-nav {
    display: inline-flex;
  }
}
.works-scroll-nav:hover {
  background: rgba(30, 41, 59, 0.95);
  transform: translateY(-50%) scale(1.05);
}
.works-scroll-nav--prev {
  inset-inline-start: -0.25rem;
}
.works-scroll-nav--next {
  inset-inline-end: -0.25rem;
}
@media (prefers-reduced-motion: reduce) {
  .works-scroll-card,
  .works-scroll-card-img {
    transition: none !important;
  }
}