*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root,[data-theme]{--container-width:1105px;--content-width:1280px;--page-top-offset:calc(var(--header-height,120px) + 50px);--section-spacing:160px;--hero-scroll-runway:clamp(1260px, 182vh, 2140px);--hero-scroll-runway-compact:clamp(760px, 122vh, 1080px);--hero-flat-handoff-overlap:clamp(160px, 24vh, 220px);--hero-flat-handoff-overlap-compact:clamp(92px, 15vh, 132px);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px;--space-2xl:80px;--space-3xl:120px;--radius-v-sm:5px;--radius-sm:12px;--radius-md:20px;--radius-lg:24px;--radius-xl:32px;--radius-xxl:50px;--blur-lg:80px;--shadow-sm:0 2px 8px #0000001f;--shadow-md:0 8px 24px #0000002e;--shadow-lg:0 24px 64px #00000047;--transition-base:.3s ease;--transition-fast:.2s ease;--color-accent:#eafd27;--color-primary:var(--color-accent);--color-primary-text:var(--color-accent);--color-secondary:var(--color-accent);--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#000;--color-surface:#0d0d0d;--color-surface-light:#161616;--color-text-primary:#fff;--color-text-primary-reverse:#000;--color-text-secondary:#a1a1aa;--color-border:#ffffff14;--color-border-primary:#fff;--color-card:#ffffff08;--color-scrollbar-track:#000;--color-scrollbar-thumb:#343434;--color-scrollbar-thumb-hover:var(--color-accent);--color-bg-btn:#fff;--color-bg-btn-element:#000;--color-visual-bg:#080810;--color-visual-grid:#ffffff06;--color-visual-badge-bg:#0000008c}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f4f4f5;--color-surface-light:#e4e4e7;--color-text-primary:#000;--color-text-primary-reverse:#fff;--color-text-secondary:#52525b;--color-border:#00000014;--color-border-primary:#000;--color-card:#00000008;--color-scrollbar-track:#fff;--color-scrollbar-thumb:#c7c7cc;--color-scrollbar-thumb-hover:#000;--color-bg-btn:#000;--color-bg-btn-element:#fff;--color-visual-bg:#eeeef4;--color-visual-grid:#0000000b;--color-visual-badge-bg:#ffffffc7}:root{--font-display:var(--font-almarai);--font-body:var(--font-almarai);--font-mono:var(--font-geist-mono);--font-title-accent:var(--font-zalando);--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:19px;--text-xl:22px;--text-2xl:clamp(26px, 3.5vw, 38px);--text-3xl:clamp(32px, 5vw, 56px);--text-display:clamp(40px, 9vw, 130px)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1}html{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scroll-padding-top:100px;overflow-x:clip}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-left:1px solid var(--color-border)}html::-webkit-scrollbar-thumb{border:3px solid var(--color-scrollbar-track);background:var(--color-scrollbar-thumb);border-radius:999px;min-height:48px}html::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-weight:300;overflow-x:clip}*,:before,:after{transition:background-color .4s ease-in-out,color .4s ease-in-out,border-color .4s ease-in-out,box-shadow .4s ease-in-out}::view-transition-old(root){animation-duration:.4s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.4s;animation-timing-function:ease-in-out}html.vt-running *,html.vt-running :before,html.vt-running :after{transition:none!important}html.is-theme-changing *,html.is-theme-changing :before,html.is-theme-changing :after{transition:background-color .4s ease-in-out,color .4s ease-in-out,border-color .4s ease-in-out,box-shadow .4s ease-in-out}html.is-theme-changing canvas,html.is-theme-changing video,html.is-theme-changing img,html.is-theme-changing svg *{transition:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
