*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (min-width: 375px){body{overflow:hidden}body .card-component{display:flex;flex-direction:column;justify-content:space-evenly;height:100svh;padding:1em}body .card-component .card-image-area{display:flex;justify-content:center;align-items:center;padding:3em;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='697'%20height='657'%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='31.368%25'%20x2='100%25'%20y1='70.497%25'%20y2='22.772%25'%3e%3cstop%20offset='0%25'%20stop-color='%239975D0'/%3e%3cstop%20offset='100%25'%20stop-color='%234A3FDB'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20fill='url(%23a)'%20d='M233.996%20231.082c-62.714%2060.37%2048.746%20169.37%20176.07%20259.677%20127.324%2090.307%20187.825%20151.88%20269.763%2073.005%2081.938-78.874%20114.518-247.228%200-332.682-114.518-85.453-383.12-60.369-445.833%200z'%20transform='matrix(0%201%201%200%2097%20-97)'/%3e%3cpath%20fill='%23F4F4FC'%20d='M14.885%20304.531c-51.873-49.833%2040.32-139.81%20145.634-214.355C265.833%2015.63%20315.877-35.197%20383.651%2029.912c67.774%2065.108%2094.722%20204.08%200%20274.62-94.722%2070.539-316.893%2049.832-368.766%200z'/%3e%3cg%20stroke='%23D3629D'%20stroke-width='4'%3e%3cpath%20d='M344%2045.087L364.087%2025l20.088%2020.087L404.262%2025l20.088%2020.087L444.437%2025'/%3e%3cpath%20d='M344%2063.087L364.087%2043l20.088%2020.087L404.262%2043l20.088%2020.087L444.437%2043'/%3e%3cpath%20d='M344%2081.087L364.087%2061l20.088%2020.087L404.262%2061l20.088%2020.087L444.437%2061'/%3e%3cpath%20d='M344%2099.087L364.087%2079l20.088%2020.087L404.262%2079l20.088%2020.087L444.437%2079'/%3e%3c/g%3e%3cpath%20fill='%23CF6BCB'%20d='M667%20640a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm0-22a3%203%200%20110%206%203%203%200%20010-6zm176%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm-22%200a3%203%200%20110%206%203%203%200%20010-6zm0-22a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm-176%200a3%203%200%20110%206%203%203%200%20010-6zm22-22a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm22%200a3%203%200%20110%206%203%203%200%20010-6zm-176%200a3%203%200%20110%206%203%203%200%20010-6z'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:contain;position:relative}body .card-component .card-image-area__image{display:block;max-width:100%;border-radius:8%;object-fit:cover;z-index:0;box-shadow:1em 5em 3.3em -3.7em #202046}body .card-component .card-image-area .buttons-area{display:flex;justify-content:space-between;align-items:center;position:absolute;background-color:#fff;bottom:2em;min-width:7em;border-radius:8em;padding:.45em;box-shadow:0 .1em .2em .1em #babacf}body .card-component .card-image-area .buttons-area__button-right,body .card-component .card-image-area .buttons-area__button-left{border:none;color:transparent;background-color:transparent;padding:.4em .75em 0;cursor:pointer}body .card-component .card-description{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:1em 0;padding:1em;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='100'%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='31.368%25'%20x2='100%25'%20y1='72.917%25'%20y2='19.557%25'%3e%3cstop%20offset='0%25'%20stop-color='%239975D0'/%3e%3cstop%20offset='100%25'%20stop-color='%234A3FDB'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23a)'%20fill-rule='evenodd'%20d='M52.615%200L24.858%20100H0V0h52.615zM120%200L92.243%20100H67.385V0H120z'%20opacity='.15'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:top center}body .card-component .card-description__about-person{color:#202046;max-width:65ch;text-align:center}body .card-component .card-description .card-person-signature__person-name{color:#202046;font-weight:700}body .card-component .card-description .card-person-signature__person-job{color:#babacf}}@media (min-width: 1024px){body .card-component{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);padding:0}body .card-component .card-image-area{grid-column:4/6;grid-row:2/6;max-height:100%}body .card-component .card-image-area__image{border-radius:1em;min-height:100%;box-shadow:-.1em 5em 3.3em -3.7em #202046}body .card-component .card-image-area .buttons-area{bottom:1em;left:6em}body .card-component .card-description{display:flex;flex-direction:column;justify-content:center;align-items:start;grid-column:2/4;grid-row:2/6;text-align:left;margin-right:1em;background-position:top left 20%}body .card-component .card-description__about-person{text-align:left;font-size:2rem}body .card-component .card-description .card-person-signature{display:flex;justify-content:start;gap:.5em}}@media (min-width: 1440px){body .root{height:100svh}}