*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--clr-white: hsl(0, 0%, 100%);--clr-slate-300: hsl(212, 45%, 89%);--clr-slate-500: hsl(216, 15%, 48%);--clr-slate-700: hsl(217, 19%, 35%);--clr-slate-900: hsl(218, 44%, 22%);--font-base: "Outfit", sans-serif;--fw-regular: 400;--fw-bold: 700;--step--2: clamp(.69rem, calc(.66rem + .18vw) , .8rem);--step--1: clamp(.83rem, calc(.78rem + .29vw) , 1rem);--step-0: clamp(1rem, calc(.91rem + .43vw) , 1.25rem);--step-1: clamp(1.2rem, calc(1.07rem + .63vw) , 1.56rem);--step-2: clamp(1.44rem, calc(1.26rem + .89vw) , 1.95rem);--step-3: clamp(1.73rem, calc(1.48rem + 1.24vw) , 2.44rem);--step-4: clamp(2.07rem, calc(1.73rem + 1.7vw) , 3.05rem);--step-5: clamp(2.49rem, calc(2.03rem + 2.31vw) , 3.82rem);--space-3xs: clamp(.25rem, calc(.23rem + .11vw) , .31rem);--space-2xs: clamp(.5rem, calc(.46rem + .22vw) , .63rem);--space-xs: clamp(.75rem, calc(.68rem + .33vw) , .94rem);--space-s: clamp(1rem, calc(.91rem + .43vw) , 1.25rem);--space-m: clamp(1.5rem, calc(1.37rem + .65vw) , 1.88rem);--space-l: clamp(2rem, calc(1.83rem + .87vw) , 2.5rem);--space-xl: clamp(3rem, calc(2.74rem + 1.3vw) , 3.75rem);--space-2xl: clamp(4rem, calc(3.65rem + 1.74vw) , 5rem);--space-3xl: clamp(6rem, calc(5.48rem + 2.61vw) , 7.5rem);--space-s-m: clamp(1rem, calc(.76rem + 1.2vw) , 1.88rem)}body{font-family:var(--font-base);font-size:var(--step-0);color:var(--clr-slate-500);background-color:var(--clr-slate-300)}[data-compo=center]{display:grid;place-items:center;min-height:100vh;padding:var(--space-m)}[data-compo=flow]>*+*{margin-top:var(--flow-space, 1em)}.card{background-color:var(--clr-white);padding:var(--space-m);border-radius:1.25rem;text-align:center;max-width:20rem;box-shadow:0 1.5rem 1.5rem .75rem #0000000d}.card img{border-radius:.625rem;width:100%;height:auto}.card h1{font-size:var(--step-2);font-weight:var(--fw-bold);color:var(--clr-slate-900);line-height:1.2}.card p{font-size:var(--step-0);color:var(--clr-slate-500);padding-inline:var(--space-xs)}.input{padding:var(--space-xs);border:1px solid var(--clr-slate-300)}.button{background:var(--clr-slate-900);color:var(--clr-white);font-weight:var(--fw-bold);padding:var(--space-xs);border-radius:1.25rem}.button:hover{background:var(--clr-slate-700);color:var(--clr-slate-900);cursor:pointer}.button:focus{outline:2px solid var(--clr-slate-300);outline-offset:2px}