*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Raveo Display;src:url(/fonts/Raveo%20Display%20Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raveo Display;src:url(/fonts/Raveo%20Display%20Medium.woff2) format("woff2");font-weight:520;font-style:normal;font-display:swap}@font-face{font-family:Raveo Display;src:url(/fonts/Raveo%20Display%20SemiBold.woff2) format("woff2");font-weight:630;font-style:normal;font-display:swap}@font-face{font-family:Raveo Display;src:url(/fonts/Raveo%20Display%20Bold.woff2) format("woff2");font-weight:730;font-style:normal;font-display:swap}:root{--color-primary: #823fff;--color-secondary: #3a00da;--color-secondary-dark: #2c007a;--color-disabled: #848484;--color-muted: #3d3a44;--color-dark: #1c1b1f;--color-deep-blue-base: #3a00da;--color-deep-blue-2: #2c007a;--color-deep-blue-3: #21005c;--color-deep-blue-4: #3642ae;--color-purple-base: #823fff;--color-purple-2: #6e3cc2;--color-purple-3: #45237e;--color-purple-4: #d4bcff;--color-purple-disabled: #998dbb;--color-purple-light: #dfcdff;--color-purple-dark: #6e39ff;--color-purple-dark-2: #6200da;--color-purple-dark-3: #501ab7;--color-pink-base: #f4317f;--color-orange-base: #f4823f;--color-accent-yellow: #ffd700;--color-accent-orange: #ff8c42;--color-accent-orange-light: #f4b43f;--color-mustard-base: #f4b43f;--color-mustard-2: #d19a34;--color-mustard-3: #977434;--color-mustard-4: #ffd91a;--color-mustard-5: #fdb800;--color-accent-green: #25b800;--color-accent-pink: #f4317f;--color-white: #f9f9f9;--color-black: #000000;--color-light-gray: #f3f4f7;--color-light-gray-card: #ebeef7;--color-gray-50: #f9fafb;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-family: "Raveo Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-sm2: .935rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-28: 1.75rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-4xl-big: 2.375rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 520;--font-weight-semibold: 630;--font-weight-bold: 730;--font-weight-extrabold: 900;--line-height-heading: 1.2;--line-height-heading2: 1.1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-tight2: .95;--line-height-body-small: 20px;--line-height-body-medium: 24px;--letter-spacing-tight-sm: -.56px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-6: .375rem;--spacing-10: .625rem;--spacing-12: .75rem;--spacing-md: 1rem;--spacing-md2: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-36: 2.25rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--size-30: 1.875rem;--size-36: 2.25rem;--size-40: 2.5rem;--size-44: 2.75rem;--size-48: 3rem;--size-50: 3.125rem;--size-60: 3.75rem;--size-64: 4rem;--size-80: 5rem;--size-100: 6.25rem;--size-120: 7.5rem;--size-200: 12.5rem;--size-300: 18.75rem;--size-400: 25rem;--size-500: 31.25rem;--size-900: 56.25rem;--size-250: 15.625rem;--size-440: 27.5rem;--size-557: 34.8125rem;--size-600: 37.5rem;--size-800: 50rem;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1440px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-solid-100: 0 8px 0 rgba(0, 0, 0, .1);--shadow-solid-200: 0 8px 0 rgba(0, 0, 0, .2);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-18: 1.125rem;--radius-2xl: 1.25rem;--radius-full: 9999px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-white);margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;line-height:var(--line-height-relaxed)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;transition:all var(--transition-base)}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}mark{background-color:var(--color-accent-yellow);padding:0 var(--spacing-sm);letter-spacing:-.5px}.text-purple-base{color:var(--color-purple-base)}.text-secondary{color:var(--color-secondary)}.text-pink-base{color:var(--color-pink-base)}.text-mustard{color:var(--color-mustard-base)}.text-purple-2{color:#5b21fa}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-md)}.heicoders-breadcrumb{font-size:var(--font-size-sm);color:var(--color-gray-600)}@media(max-width:768px){.container{padding:0 var(--spacing-md2)}}@media(min-width:1200px)and (max-width:1439px){.container{max-width:1130px}}@media(min-width:1440px){.container{padding:0 var(--spacing-4xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:767px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}