html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;font-family:Roboto,sans-serif;color:#212529;display:flex;align-items:center;justify-content:center;background-color:#d3d3d3;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4) 100%),url(../img/bg.jpg);background-image:linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4) 100%),-webkit-image-set(url(../img/bg.avif) type("image/avif"), url(../img/bg.webp) type("image/webp"));background-image:linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4) 100%),image-set(url(../img/bg.avif) type("image/avif"), url(../img/bg.webp) type("image/webp"))}.page__wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;min-block-size:100vh;min-block-size:100dvb;min-inline-size:375px;max-inline-size:460px;inline-size:100%;padding:16px;box-shadow:rgba(0,0,0,.3) 0 0 10px 5px}.page__caption{margin:0;font-size:clamp(1.25rem,.1471rem + 4.7059vw,1.5rem);font-weight:300;margin-block-end:20px}.page__banner-link{inline-size:100%;display:block;text-decoration:none;color:inherit;transition:transform .3s ease;cursor:pointer;margin-block-end:8px}.page__banner-link:hover{transform:translateY(-3px)}.page__banner{position:relative;z-index:1;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;inline-size:100%;min-block-size:clamp(10rem,1.7279rem + 35.2941vw,11.875rem);padding:30px 16px;border-radius:10px;background:#e9ecef}.page__banner.--primary{padding-block:14px;gap:14px;border-radius:10px;background:linear-gradient(83deg,#128ed3 5.6%,#1670d8 94.4%);color:#fff}.page__banner.--primary::before{content:"";position:absolute;z-index:-1;inset:0;background:url(../img/decor.svg) no-repeat right center}.page__banner.--primary .page__image{inset:0 -14px 0 auto}.page__banner.--primary .page__button{padding:8px 16px;border-radius:10px;background:#fff;font-weight:400}.page__tag{margin:0;display:flex;padding:2px 4px;justify-content:center;align-items:center;gap:2px;border-radius:4px;background:#e9f5ff;color:#0073c8;text-align:center;font-size:clamp(.75rem,-.3529rem + 4.7059vw,1rem);font-weight:300}.page__tag-icon{display:block;inline-size:1em;block-size:1em}.page__title{margin:0;font-size:clamp(1.25rem,.1471rem + 4.7059vw,1.5rem);font-weight:500;text-transform:uppercase;line-height:1.5}.page__title-accent{display:block;font-size:.6em;font-weight:300;text-transform:none;line-height:1}.page__image{position:absolute;z-index:-1;inset:14px 0 0 auto;display:block;max-inline-size:100%;width:clamp(9.125rem,-5.7647rem + 63.5294vw,12.5rem)}.page__image img{inline-size:100%}.page__button{margin:0;display:flex;gap:2px;align-items:center;font-size:clamp(.875rem,-.2279rem + 4.7059vw,1.125rem);font-weight:300;color:#495057;text-decoration:none}.page__button:hover{color:#128ed3}.page__button-icon{display:block;inline-size:1em;block-size:1em}