/* ============================================================
   NeoSkills Academy — Compiled Stylesheet
   Tailwind-compatible utilities + brand design tokens
   ============================================================ */

/* --- CSS Reset (Preflight) --- */
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-feature-settings:normal}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}

/* --- Tailwind CSS variable defaults (required by site-utilities.css) --- */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* --- Brand Design Tokens --- */
:root{
  --color-brand-navy:#1a1a2e;
  --color-brand-blue:#0066ff;
  --color-brand-blue-dark:#0052cc;
  --color-brand-teal:#14b8a6;
  --color-brand-grey:#6b7280;
  --color-brand-light:#f8fafc;
}

/* --- Layout --- */
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.sticky{position:sticky}
.static{position:static}
.inset-0{inset:0}
.top-0{top:0}
.left-0{left:0}
.right-0{right:0}
.bottom-0{bottom:0}
.-top-4{top:-1rem}
.-top-24{top:-6rem}
.-top-32{top:-8rem}
.-right-32{right:-8rem}
.-left-24{left:-6rem}
.top-20{top:5rem}
.top-1\/2{top:50%}
.left-1\/2{left:50%}
.start-2{inset-inline-start:.5rem}
.-end-5{inset-inline-end:-1.25rem}
.z-10{z-index:10}
.z-20{z-index:20}
.z-50{z-index:50}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.contents{display:contents}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.flex-grow{flex-grow:1}
.flex-shrink-0{flex-shrink:0}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-end{justify-content:flex-end}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-14{gap:3.5rem}
.overflow-hidden{overflow:hidden}
.min-w-0{min-width:0}
.min-h-\[110vh\]{min-height:110vh}
.min-h-\[14rem\]{min-height:14rem}

/* --- Grid --- */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* --- Spacing --- */
.p-2{padding:.5rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pt-1{padding-top:.25rem}
.pt-4{padding-top:1rem}
.pt-8{padding-top:2rem}
.pt-24{padding-top:6rem}
.pt-28{padding-top:7rem}
.pb-10{padding-bottom:2.5rem}
.pb-16{padding-bottom:4rem}
.ps-3{padding-inline-start:.75rem}
.ms-1{margin-inline-start:.25rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}
.mb-14{margin-bottom:3.5rem}
.mt-1{margin-top:.25rem}
.mt-14{margin-top:3.5rem}

/* --- Sizing --- */
.w-1{width:.25rem}
.w-1\.5{width:.375rem}
.w-2{width:.5rem}
.w-3{width:.75rem}
.w-3\.5{width:.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-32{width:8rem}
.w-56{width:14rem}
.w-auto{width:auto}
.w-full{width:100%}
.h-1{height:.25rem}
.h-1\.5{height:.375rem}
.h-2{height:.5rem}
.h-3{height:.75rem}
.h-3\.5{height:.875rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-24{height:6rem}
.h-32{height:8rem}
.h-full{height:100%}
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-full{max-width:100%}
.max-w-\[11rem\]{max-width:11rem}
.w-\[1000px\]{width:1000px}
.h-\[1000px\]{height:1000px}
.w-\[600px\]{width:600px}
.h-\[600px\]{height:600px}
.w-\[500px\]{width:500px}
.h-\[500px\]{height:500px}
.w-\[400px\]{width:400px}
.h-\[400px\]{height:400px}

/* --- Typography --- */
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-\[15px\]{font-size:15px}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-\[12rem\]{font-size:12rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.uppercase{text-transform:uppercase}
.normal-case{text-transform:none}
.leading-none{line-height:1}
.leading-snug{line-height:1.375}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.leading-\[1\.05\]{line-height:1.05}
.leading-\[1\.1\]{line-height:1.1}
.leading-\[1\.75\]{line-height:1.75}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.tracking-normal{letter-spacing:0}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.tracking-\[0\.3em\]{letter-spacing:.3em}
.whitespace-nowrap{white-space:nowrap}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-center{text-align:center}
.text-balance{text-wrap:balance}
.select-none{user-select:none}

/* --- Colors --- */
.text-white{color:#fff}
.text-white\/30{color:rgba(255,255,255,.3)}
.text-white\/60{color:rgba(255,255,255,.6)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/75{color:rgba(255,255,255,.75)}
.text-white\/80{color:rgba(255,255,255,.8)}
.text-brand-navy{color:var(--color-brand-navy)}
.text-brand-blue{color:var(--color-brand-blue)}
.text-brand-teal{color:var(--color-brand-teal)}
.text-brand-grey{color:var(--color-brand-grey)}
.text-brand-navy\/70{color:rgba(26,26,46,.7)}
.text-transparent{color:transparent}
.bg-white{background-color:#fff}
.bg-brand-navy{background-color:var(--color-brand-navy)}
.bg-brand-navy\/70{background-color:rgba(26,26,46,.7)}
.bg-brand-navy\/95{background-color:rgba(26,26,46,.95)}
.bg-brand-blue{background-color:var(--color-brand-blue)}
.bg-brand-teal{background-color:var(--color-brand-teal)}
.bg-brand-light{background-color:var(--color-brand-light)}
.bg-brand-blue\/15{background-color:rgba(0,102,255,.15)}
.bg-white\/5{background-color:rgba(255,255,255,.05)}
.bg-white\/10{background-color:rgba(255,255,255,.1)}
.bg-white\/15{background-color:rgba(255,255,255,.15)}
.bg-white\/\[0\.06\]{background-color:rgba(255,255,255,.06)}
.bg-white\/\[0\.1\]{background-color:rgba(255,255,255,.1)}
.bg-purple-500{background-color:#a855f7}

/* --- Gradients --- */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-brand-blue{--tw-gradient-from:var(--color-brand-blue);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,102,255,0))}
.from-brand-blue\/10{--tw-gradient-from:rgba(0,102,255,.1);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(0,102,255,0))}
.from-brand-navy{--tw-gradient-from:var(--color-brand-navy);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(26,26,46,0))}
.to-brand-teal{--tw-gradient-to:var(--color-brand-teal)}
.to-brand-teal\/10{--tw-gradient-to:rgba(20,184,166,.1)}
.to-\[\#14b8a6\]{--tw-gradient-to:#14b8a6}
.via-\[\#141428\]{--tw-gradient-stops:var(--tw-gradient-from),#141428,var(--tw-gradient-to,rgba(20,20,40,0))}
.to-\[\#0a1220\]{--tw-gradient-to:#0a1220}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}

/* --- Borders --- */
.border{border-width:1px}
.border-t{border-top-width:1px}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.border-white\/15{border-color:rgba(255,255,255,.15)}
.border-white\/20{border-color:rgba(255,255,255,.2)}
.border-brand-blue\/20{border-color:rgba(0,102,255,.2)}
.border-brand-blue\/30{border-color:rgba(0,102,255,.3)}
.border-brand-teal\/40{border-color:rgba(20,184,166,.4)}
.border-gray-100{border-color:#f3f4f6}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-\[2px\]{border-radius:2px}

/* --- Shadows --- */
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);box-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.shadow-black\/40{--tw-shadow-color:rgba(0,0,0,.4);box-shadow:0 25px 50px -12px var(--tw-shadow-color)}
.shadow-brand-blue\/25{--tw-shadow-color:rgba(0,102,255,.25);box-shadow:0 10px 15px -3px var(--tw-shadow-color)}
.shadow-brand-blue\/30{--tw-shadow-color:rgba(0,102,255,.3);box-shadow:0 10px 15px -3px var(--tw-shadow-color)}

/* --- Effects --- */
.opacity-\[0\.07\]{opacity:.07}
.opacity-\[0\.025\]{opacity:.025}
.blur-3xl{filter:blur(64px)}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.backdrop-blur-xl{backdrop-filter:blur(24px)}
.pointer-events-none{pointer-events:none}
.drop-shadow-\[0_0_8px_rgba\(20\2c 184\2c 166\2c 0\.7\)\]{filter:drop-shadow(0 0 8px rgba(20,184,166,.7))}

/* --- Transforms --- */
.-translate-x-1\/2{transform:translateX(-50%)}
.-translate-y-1\/2{transform:translateY(-50%)}
.translate-x-1\/2{transform:translateX(50%)}
.-rotate-90{transform:rotate(-90deg)}
.rotate-0{transform:rotate(0deg)}
.-scale-x-100{transform:scaleX(-1)}

/* --- Transitions --- */
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}

/* --- Animations --- */
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* --- Custom: dot-grid-bg --- */
.dot-grid-bg{background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px}

/* --- Hover States --- */
.hover\:text-white:hover{color:#fff}
.hover\:text-brand-blue:hover{color:var(--color-brand-blue)}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:bg-white\/15:hover{background-color:rgba(255,255,255,.15)}
.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,.2)}
.hover\:bg-brand-blue:hover{background-color:var(--color-brand-blue)}
.hover\:bg-brand-blue-dark:hover{background-color:var(--color-brand-blue-dark)}
.hover\:border-brand-blue\/30:hover{border-color:rgba(0,102,255,.3)}
.hover\:border-brand-teal\/40:hover{border-color:rgba(20,184,166,.4)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.hover\:shadow-brand-blue\/15:hover{--tw-shadow-color:rgba(0,102,255,.15);box-shadow:0 25px 50px -12px var(--tw-shadow-color)}
.hover\:shadow-brand-blue\/30:hover{--tw-shadow-color:rgba(0,102,255,.3);box-shadow:0 20px 25px -5px var(--tw-shadow-color)}
.hover\:shadow-brand-teal\/20:hover{--tw-shadow-color:rgba(20,184,166,.2);box-shadow:0 10px 15px -3px var(--tw-shadow-color)}
.hover\:shadow-brand-teal\/50:hover{--tw-shadow-color:rgba(20,184,166,.5)}
.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:bg-\[white\/\[0\.1\]\]:hover,.hover\:bg-white\/\[0\.1\]:hover{background-color:rgba(255,255,255,.1)}

/* --- Group Hover --- */
.group:hover .group-hover\:stroke-white{stroke:#fff}
.group:hover .group-hover\:fill-white{fill:#fff}
.group:hover .group-hover\:fill-brand-navy{fill:var(--color-brand-navy)}
.group:hover .group-hover\:bg-white{background-color:#fff}
.group:hover .group-hover\:from-brand-blue{--tw-gradient-from:var(--color-brand-blue);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.group:hover .group-hover\:to-brand-teal{--tw-gradient-to:var(--color-brand-teal)}
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}
.group:hover .group-hover\:rotate-\[360deg\]{transform:rotate(360deg)}
.group:hover .group-hover\:shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.group:hover .group-hover\:shadow-brand-blue\/30{--tw-shadow-color:rgba(0,102,255,.3);box-shadow:0 10px 15px -3px var(--tw-shadow-color)}
.group:hover .group-hover\:shadow-brand-teal\/50{--tw-shadow-color:rgba(20,184,166,.5)}
.group:hover .group-hover\:drop-shadow-\[0_0_18px_rgba\(20\2c 184\2c 166\2c 0\.45\)\]{filter:drop-shadow(0 0 18px rgba(20,184,166,.45))}

/* --- RTL support --- */
.rtl\:normal-case:where([dir=rtl],[dir=rtl] *){text-transform:none}
.rtl\:tracking-normal:where([dir=rtl],[dir=rtl] *){letter-spacing:0}
.rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *){transform:scaleX(-1)}
.rtl\:group-hover\:-translate-x-1:where([dir=rtl],[dir=rtl] *){transform:translateX(-.25rem)}

/* --- Responsive: sm --- */
@media(min-width:640px){
  .sm\:flex-row{flex-direction:row}
  .sm\:block{display:block}
  .sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:text-sm{font-size:.875rem;line-height:1.25rem}
  .sm\:pt-16{padding-top:4rem}
  .sm\:w-6{width:1.5rem}
  .sm\:h-6{height:1.5rem}
  .sm\:-end-6{inset-inline-end:-1.5rem}
}

/* --- Responsive: md --- */
@media(min-width:768px){
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:col-span-2{grid-column:span 2/span 2}
  .md\:px-4{padding-left:1rem;padding-right:1rem}
}

/* --- Responsive: lg --- */
@media(min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:hidden{display:none}
  .lg\:block{display:block}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-\[240px_minmax\(0\2c 1fr\)\]{grid-template-columns:240px minmax(0,1fr)}
  .lg\:flex-row{flex-direction:row}
  .lg\:items-end{align-items:flex-end}
  .lg\:justify-between{justify-content:space-between}
  .lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}
  .lg\:py-12{padding-top:3rem;padding-bottom:3rem}
  .lg\:py-16{padding-top:4rem;padding-bottom:4rem}
  .lg\:py-18{padding-top:4.5rem;padding-bottom:4.5rem}
  .lg\:py-20{padding-top:5rem;padding-bottom:5rem}
  .lg\:py-16{padding-top:4rem;padding-bottom:4rem}
  .lg\:pt-36{padding-top:9rem}
  .lg\:pb-24{padding-bottom:6rem}
  .lg\:text-5xl{font-size:3rem;line-height:1}
  .lg\:text-6xl{font-size:3.75rem;line-height:1}
  .lg\:text-7xl{font-size:4.5rem;line-height:1}
  .lg\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .lg\:gap-8{gap:2rem}
  .lg\:gap-10{gap:2.5rem}
  .lg\:gap-12{gap:3rem}
  .lg\:gap-14{gap:3.5rem}
  .lg\:w-7{width:1.75rem}
  .lg\:h-7{height:1.75rem}
  .lg\:w-36{width:9rem}
  .lg\:h-36{height:9rem}
  .lg\:-end-7{inset-inline-end:-1.75rem}
  .lg\:mb-2{margin-bottom:.5rem}
  .lg\:self-end{align-self:flex-end}
  .lg\:sticky{position:sticky}
  .lg\:top-24{top:6rem}
  .lg\:min-h-\[16rem\]{min-height:16rem}
  .lg\:col-span-2{grid-column:span 2/span 2}
}

/* --- Astro island display --- */
astro-island,astro-slot,astro-static-slot{display:contents}

/* --- Scroll margin for anchors --- */
[id]{scroll-margin-top:6rem}

/* --- Additional text sizes used --- */
.text-\[12rem\]{font-size:12rem}
.shrink-0{flex-shrink:0}