:root {--radius-s: .8rem;--text-s: clamp(1.25rem, 0.38vi + 1.17rem, 1.5rem);--container-gap: clamp(4rem, 4rem + 0vi, 4rem);--radius-xs: .4rem;--radius-m: 1.2rem;--text-xs: clamp(1rem, 0.19vi + 0.96rem, 1.13rem);--radius-l: 1.8rem;--radius-xl: 2.2rem;--content-gap: clamp(3rem, 3rem + 0vi, 3rem);--space-xs: clamp(0.875rem, 0.875rem + 0vi, 0.875rem);--space-s: clamp(1.125rem, 1.125rem + 0vi, 1.125rem);--space-m: clamp(1.6875rem, 1.6875rem + 0vi, 1.6875rem);--space-l: clamp(2.25rem, 2.25rem + 0vi, 2.25rem);--space-xl: clamp(3.375rem, 3.375rem + 0vi, 3.375rem);--radius-circle: 500px;--site-bg: hsl(180, 80%, 96%);--black: hsl(0, 100%, 0%);--white: hsl(0, 100%, 100%);--text-m: clamp(1.56rem, 0.67vi + 1.43rem, 2rem);--text-l: clamp(1.95rem, 1.09vi + 1.74rem, 2.66rem);--text-xl: clamp(2.44rem, 1.7vi + 2.1rem, 3.55rem);--h-6: clamp(0.96rem, 0.1vi + 0.92rem, 1.05rem);--h-5: clamp(1.2rem, 0.23vi + 1.11rem, 1.4rem);--h-4: clamp(1.5rem, 0.42vi + 1.33rem, 1.87rem);--h-3: clamp(1.88rem, 0.7vi + 1.6rem, 2.49rem);--h-2: clamp(2.34rem, 1.1vi + 1.9rem, 3.32rem);--h-1: clamp(2.93rem, 1.69vi + 2.25rem, 4.42rem);--transparent: hsl(0, 100%, 100%, 0);--border: hsla(0, 0%, 70%, 0.8);--space-xxl: clamp(2.75rem, 3.3vi + 1.92rem, 4.74rem);--space-xxxl: clamp(3.43rem, 4.77vi + 2.24rem, 6.31rem);--grid-2-1: 2fr 1fr;--grid-1-1: 1fr 1fr;--text-body: hsl(190, 90%, 4%);--placeholder: hsl(0, 0%, 64%);--tilt-divider-tinggi: min(8rem, 8vh);;--tilt-divider-lebar: 130%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-h: 190;--primary-s: 89%;--primary-l: 60%;--primary-trans-9: hsl(var(--primary-h), var(--primary-s), var(--primary-l), .9);--primary-trans-8: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.8);--primary-trans-7: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.7);--primary-trans-6: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.6);--primary-trans-5: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.5);--primary-trans-4: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.4);--primary-trans-3: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.3);--primary-trans-2: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.2);--primary-trans-1: hsl(var(--primary-h), var(--primary-s), var(--primary-l), 0.1);--primary-hover: hsl(190, 89%, 50%);--secondary: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));--secondary-h: 40;--secondary-s: 91%;--secondary-l: 28%;--secondary-trans-9: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.9);--secondary-trans-8: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.8);--secondary-trans-7: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.7);--secondary-trans-6: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.6);--secondary-trans-5: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.5);--secondary-trans-4: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.4);--secondary-trans-3: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.3);--secondary-trans-2: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.2);--secondary-trans-1: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.1);--secondary-hover: hsl(40, 91%, 38%);--base: hsl(var(--base-h), var(--base-s), var(--base-l));--base-h: 0;--base-s: 0%;--base-l: 13%;--base-trans-9: hsl(var(--base-h), var(--base-s), var(--base-l), 0.9);--base-trans-8: hsl(var(--base-h), var(--base-s), var(--base-l), 0.8);--base-trans-7: hsl(var(--base-h), var(--base-s), var(--base-l), 0.7);--base-trans-6: hsl(var(--base-h), var(--base-s), var(--base-l), 0.6);--base-trans-5: hsl(var(--base-h), var(--base-s), var(--base-l), 0.5);--base-trans-4: hsl(var(--base-h), var(--base-s), var(--base-l), 0.4);--base-trans-3: hsl(var(--base-h), var(--base-s), var(--base-l), 0.3);--base-trans-2: hsl(var(--base-h), var(--base-s), var(--base-l), 0.2);--base-trans-1: hsl(var(--base-h), var(--base-s), var(--base-l), 0.1);--primary-dark: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l));--primary-dark-h: 190;--primary-dark-s: 89%;--primary-dark-l: 20%;--primary-dark-trans-9: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.9);--primary-dark-trans-8: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.8);--primary-dark-trans-7: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.7);--primary-dark-trans-6: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.6);--primary-dark-trans-5: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.5);--primary-dark-trans-4: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.4);--primary-dark-trans-3: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.3);--primary-dark-trans-2: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.2);--primary-dark-trans-1: hsl(var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l), 0.1);--primary-dark-hover: hsl(190, 90%, 20%);--primary-light: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l));--primary-light-h: 190;--primary-light-s: 60%;--primary-light-l: 96%;--primary-light-trans-9: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.9);--primary-light-trans-8: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.8);--primary-light-trans-7: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.7);--primary-light-trans-6: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.6);--primary-light-trans-5: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.5);--primary-light-trans-4: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.4);--primary-light-trans-3: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.3);--primary-light-trans-2: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.2);--primary-light-trans-1: hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l), 0.1);}