@font-face{font-family:"Karla";font-style:normal;font-weight:normal;font-display:swap;src:local("Karla"),url(./fonts/karla.woff2) format("woff2");}:root{--ff:"Karla",sans-serif;--f-head-xl:700 2rem/normal var(--ff);--f-head-xl-ls:-.025rem;--f-head-l:700 clamp(1.25rem,3vw,1.5rem)/normal var(--ff);--f-head-l-ls:clamp(-.01563rem,3vw,-.01875rem);--f-head-m:700 1.125rem/normal var(--ff);--f-head-m-ls:-.01406rem;--f-head-s:700 clamp(.9375rem,3vw,1.125rem)/clamp(100%,3vw,1.25rem) var(--ff);--f-head-s-ls:clamp(-.01169rem,3vw,-.01406rem);--f-body-l:400 1rem/1.625rem var(--ff);--f-body-l-ls:-.0125rem;--f-body-m:400 clamp(.875rem,3vw,1rem)/clamp(1.25rem,3vw,1.625rem) var(--ff);--f-body-m-ls:clamp(-.01094rem,3vw,-.0125rem);--f-body-s:400 .875rem/1.25rem var(--ff);--f-body-s-ls:-.01094rem;--f-button:700 1rem/normal var(--ff);--f-button-ls:-.0125rem;}:root{--clr-primary:oklch(69.77% .111 193.4);--clr-secondary-1:color-mix(in oklab,var(--clr-primary),oklch(100% 0 0) 15.19%);--clr-secondary-2:color-mix(in oklab,var(--clr-primary),oklch(100% 0 0) 50%);--clr-secondary-3:color-mix(in oklab,var(--clr-primary),oklch(100% 0 0) 75%);--clr-accent:oklch(85.29% .187 119.94);--clr-accent-2:color-mix(in oklab,var(--clr-accent),oklch(0% 0 0) 5%);--clr-text:oklch(72.2% .037 261.42);--clr-text-2:oklch(100% 0 0);--clr-body:oklch(94.71% .0319 236.63);--clr-surface:oklch(100% 0 0);}*{padding:0;border:0;margin:0;}*::before,*::after{box-sizing:border-box;}body{min-height:100dvh;display:grid;grid-template-rows:1fr auto;background-color:var(--clr-body);font-family:var(--ff);}main{display:inherit;place-items:center;}.card{width:min(100% - 4rem,39.6875rem);border-radius:.5rem;margin-inline:2rem;margin-block:4.5rem 3.88rem;background:var(--clr-surface);box-shadow:0 15px 30px 0 rgba(0,81,171,.15);overflow:hidden;}.card__join{padding-inline:clamp(1.5rem,5vw,2.5rem);padding-block:clamp(1.5rem,5vw,2.5rem);}.card__title{padding-block-end:1.5rem;font:var(--f-head-l);color:var(--clr-primary);}.card__guarantee{padding-block-end:1rem;color:var(--clr-accent);font:var(--f-head-s);letter-spacing:var(--f-head-s-ls);}.card__descr{color:var(--clr-text);font:var(--f-body-m);letter-spacing:var(--f-body-m-ls);}.card__wrapper{display:flex;flex-wrap:wrap;}.card__wrapper>*{padding-inline:clamp(1.5rem,5vw,2.5rem);padding-block:clamp(1.5rem,5vw,2.5rem);flex:1 1 11.2rem;}.card__sub{padding-block-end:clamp(1.5rem,5vw,2.44rem);background:var(--clr-primary);color:var(--clr-text-2);}.card__sub .card__descr{padding-block-end:1.63rem;color:var(--clr-text-2);font:var(--f-body-l);letter-spacing:var(--f-body-l-ls);}.card__subtitle{padding-block-end:1.12rem;font:var(--f-head-m);letter-spacing:var(--f-head-m-ls);}.card__amount{margin-block-end:.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.69rem;color:var(--clr-secondary-2);font:var(--f-body-l);letter-spacing:var(--f-body-l-ls);}.card__price{color:var(--clr-text-2);font:var(--f-head-xl);letter-spacing:var(--f-head-xl-ls);}.card__btn{width:100%;height:3rem;border-radius:.3125rem;background:var(--clr-accent);color:currentColor;font:var(--f-button);letter-spacing:var(--f-button-ls);cursor:pointer;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);transition:all .3s ease;}.card__btn:hover{background-color:var(--clr-accent-2);box-shadow:0 10px 20px 0 rgba(0,0,0,.15);}.card__why{background:var(--clr-secondary-1);color:var(--clr-text-2);}.card__list{list-style:none;color:var(--clr-secondary-3);font:var(--f-body-s);letter-spacing:var(--f-body-s-ls);}.attribution{padding:1rem;display:grid;place-items:center;font:var(--f-body-s);letter-spacing:var(--f-body-s-ls);color:var(--clr-text);}.attribution a{color:var(--clr-primary);}.attribution a:hover{text-decoration:none;}