/* Amplify webfonts — Google Fonts (Anton, Oswald, Lexend). */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Lexend:wght@300;400;500;600&family=Oswald:wght@400;500;600;700&display=swap");

/* Amplify colour tokens. Dark is the default ground; light via [data-theme="light"]. */
:root{
/* Brand palette (from amplifydubai.com) */
--amp-teal:#1CC8D0;--amp-deep-teal:#0E7C80;--amp-near-black:#141414;--amp-header-black:#1A1A1A;--amp-navy:#141F2C;--amp-navy-tile:#0F1822;--amp-charcoal:#4A4A4A;--amp-near-white:#FAFCFC;--amp-pale-cyan:#E6F7F9;--amp-light-grey:#F0F0F0;--amp-mid-grey:#D9D9D9;--amp-error:#B3261E;--amp-white:#FFFFFF;
/* Extensions for the portal */
--amp-grey-500:#9A9A9A;--amp-grey-600:#6B6B6B;--amp-grey-800:#2A2A2A;--amp-grey-850:#222222;--amp-grey-750:#333333;
--amp-teal-hover:#45D4DA;--amp-teal-press:#16AEB5;--amp-deep-teal-hover:#0A6366;

/* Semantic — dark (default) */
--bg-page:var(--amp-near-black);
--bg-raised:var(--amp-header-black);
--bg-header:var(--amp-header-black);
--bg-band:var(--amp-navy);
--bg-tile:var(--amp-navy-tile);
--bg-sunken:#0E0E0E;
--bg-hover:#242424;
--bg-selected:#10343A;
--bg-overlay:var(--amp-header-black);
--text-strong:var(--amp-white);
--text-body:var(--amp-mid-grey);
--text-muted:var(--amp-grey-500);
--text-disabled:#5C5C5C;
--text-accent:var(--amp-teal);
--text-link:var(--amp-teal);
--text-on-accent:var(--amp-near-black);
--text-error:#FF8A80;
--accent:var(--amp-teal);
--accent-hover:var(--amp-teal-hover);
--accent-press:var(--amp-teal-press);
--border-subtle:var(--amp-grey-850);
--border-default:var(--amp-grey-750);
--border-strong:#5A5A5A;
--border-accent:var(--amp-teal);
--focus-ring:var(--amp-teal);
--disabled-fill:#2A2A2A;
--skeleton:#232323;
--skeleton-sheen:#2C2C2C;
--shadow-pop:0 12px 32px rgba(0,0,0,.45);
color-scheme:dark;
}
[data-theme="light"]{
--bg-page:var(--amp-near-white);
--bg-raised:var(--amp-white);
--bg-header:var(--amp-header-black);
--bg-band:var(--amp-pale-cyan);
--bg-tile:var(--amp-light-grey);
--bg-sunken:var(--amp-light-grey);
--bg-hover:var(--amp-light-grey);
--bg-selected:var(--amp-pale-cyan);
--bg-overlay:var(--amp-white);
--text-strong:var(--amp-near-black);
--text-body:var(--amp-charcoal);
--text-muted:var(--amp-grey-600);
--text-disabled:#A6A6A6;
--text-accent:var(--amp-deep-teal);
--text-link:var(--amp-deep-teal);
--text-on-accent:var(--amp-near-black);
--text-error:var(--amp-error);
--accent:var(--amp-teal);
--accent-hover:var(--amp-teal-hover);
--accent-press:var(--amp-teal-press);
--border-subtle:var(--amp-light-grey);
--border-default:var(--amp-mid-grey);
--border-strong:#A6A6A6;
--border-accent:var(--amp-deep-teal);
--focus-ring:var(--amp-deep-teal);
--disabled-fill:var(--amp-light-grey);
--skeleton:#ECEEEE;
--skeleton-sheen:#F5F7F7;
--shadow-pop:0 12px 32px rgba(20,20,20,.12);
color-scheme:light;
}

/* Amplify type: Anton display, Oswald labels, Lexend body. Floor: 14px. */
:root{
--font-display:"Anton","Oswald",Impact,"Arial Narrow",sans-serif;
--font-label:"Oswald","Arial Narrow",sans-serif;
--font-body:"Lexend",system-ui,-apple-system,"Segoe UI",sans-serif;
--display-line-height:1.08;--display-tracking:0.01em;
--label-weight:700;--label-tracking:0.04em;
--body-weight:300;--body-emphasis-weight:500;--body-line-height:1.6;
--eyebrow-size:14px;--eyebrow-weight:500;--eyebrow-tracking:0.3em;
/* Display scale (Anton, uppercase) */
--fs-hero:clamp(56px, 8.4vw, 120px); /* @kind font */
--fs-display-1:clamp(44px, 6.2vw, 88px); /* @kind font */
--fs-display-2:clamp(36px, 4.5vw, 64px); /* @kind font */
--fs-display-3:44px;--fs-display-4:32px;--fs-display-5:24px;
/* Stat figures (Anton) */
--fs-stat-xl:96px;--fs-stat-l:72px;--fs-stat-m:48px;--fs-stat-s:32px;
/* Labels (Oswald 700 uppercase) */
--fs-label-l:18px;--fs-label-m:15px;--fs-label-s:14px;
/* Body (Lexend) */
--fs-body-l:18px;--fs-body:16px;--fs-body-s:14px;
--numeric:tabular-nums lining-nums; /* @kind other */
}
@media (max-width:640px){:root{--fs-display-3:32px;--fs-display-4:26px;--fs-stat-xl:56px;--fs-stat-l:44px;--fs-stat-m:36px}}

/* Spacing, corners, layout, motion. */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--radius-0:0px;--radius-xs:2px;--radius-sm:3px;--radius-md:6px;--radius-pill:999px;
--border-width:1px;--focus-width:2px;--focus-offset:2px;
--tap-min:48px;--control-h:48px;--control-h-compact:40px;--header-h:72px;
--container-max:1440px;--gutter-desktop:32px;--gutter-tablet:24px;--gutter-phone:16px;--margin-desktop:64px;--margin-tablet:32px;--margin-phone:16px;
--grid-cols-desktop:12; /* @kind other */
--grid-cols-tablet:8; /* @kind other */
--grid-cols-phone:4; /* @kind other */
--bp-tablet:1024px;--bp-phone:390px;
--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.6,0,.3,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
}

/* Element defaults + helper classes for type roles. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body);font-weight:var(--body-weight);font-size:var(--fs-body);line-height:var(--body-line-height);-webkit-font-smoothing:antialiased}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--text-strong)}
strong,b{font-weight:var(--body-emphasis-weight)}
:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.amp-display{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:var(--display-line-height);letter-spacing:var(--display-tracking);color:var(--text-strong);margin:0;text-wrap:balance}
.amp-display em,.amp-em{font-style:normal;color:var(--text-accent)}
.amp-label{font-family:var(--font-label);font-weight:var(--label-weight);text-transform:uppercase;letter-spacing:var(--label-tracking);font-size:var(--fs-label-m);line-height:1.2}
.amp-eyebrow{font-family:var(--font-body);font-weight:var(--eyebrow-weight);font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--text-muted);line-height:1.4}
.amp-body{font-family:var(--font-body);font-weight:var(--body-weight);font-size:var(--fs-body);line-height:var(--body-line-height);text-wrap:pretty}
.amp-num{font-variant-numeric:var(--numeric)}
@keyframes amp-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes amp-spin{to{transform:rotate(360deg)}}
@keyframes amp-caret{0%,100%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}