:root{--hkph-500: #00ADE6;--gray-150: #EBEBEB;--white: #FFFFFF;--slate-600: #4B555A;--hkph-600: #0092C4;--hkph-700: #007AA6;--hkph-100: rgba(0, 173, 230, .1);--hkph-200: rgba(0, 173, 230, .18);--gray-100: #F4F4F4;--slate-700: #394246;--slate-500: #566066;--slate-400: rgba(75, 85, 90, .64);--slate-300: rgba(75, 85, 90, .4);--muted: #7a8388;--muted-2: #9aa1a6;--success: #1F9D57;--danger: #D23B3B;--warning: #E8932A;--info-purple: #5B46C9;--color-primary: var(--hkph-500);--color-primary-hover: var(--hkph-600);--color-primary-press: var(--hkph-700);--color-on-primary: var(--white);--surface-page: var(--white);--surface-subtle: var(--gray-100);--surface-soft: var(--gray-150);--surface-tint: var(--hkph-100);--surface-inverse: var(--slate-600);--text-strong: var(--slate-700);--text-body: var(--slate-600);--text-muted: var(--slate-400);--text-on-primary: var(--white);--text-link: var(--hkph-600);--border-soft: var(--gray-150);--border-strong: var(--slate-300);--border-focus: var(--hkph-500);--font-fa: "Yekan Bakh", "Vazirmatn", Tahoma, sans-serif;--font-fa-num: "Yekan Bakh FaNum", "Yekan Bakh", "Vazirmatn", Tahoma, sans-serif;--font-en: "Pero", "Trebuchet MS", Verdana, sans-serif;--weight-title: 800;--weight-subtitle: 400;--weight-body: 300;--weight-ui: 500;--weight-strong: 700;--text-display: 56px;--leading-display: 1.15;--text-h1: 40px;--leading-h1: 1.25;--text-h2: 30px;--leading-h2: 1.3;--text-h3: 22px;--leading-h3: 1.4;--text-body-lg: 18px;--text-body-md: 16px;--leading-body: 1.85;--text-caption: 13px;--text-button: 15px;--text-label: 12px;--tracking-label: .06em;--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;--container-max: 1200px;--container-pad: 16px;--grid-gap: 16px;--section-gap: 56px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-sheet: 26px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(75, 85, 90, .08), 0 4px 16px rgba(75, 85, 90, .06);--shadow-raised: 0 4px 12px rgba(75, 85, 90, .1), 0 12px 32px rgba(75, 85, 90, .1);--shadow-focus: 0 0 0 2px var(--white), 0 0 0 4px var(--hkph-700);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-ease: cubic-bezier(.25, .1, .25, 1);--ticker-h: 38px;--header-h: 60px;--bottomnav-h: 64px}@media(min-width:1024px){:root{--container-pad: 40px;--grid-gap: 24px;--section-gap: 96px}}