.cardo{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:15px;padding:max(1rem,min(3vw,1.5rem));transition:all .2s;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.05)}.cardo:hover{border-color:transparent;transform:translateY(-8px);box-shadow:0 8px 15px rgba(0,0,0,.075)}.cardo:before{content:"";opacity:0;-webkit-mask-composite:xor;pointer-events:none;z-index:-1;background:linear-gradient(270deg,#e2818b,#7fdc93,#6da1c9,#e2818b) 0 0/300% 300%;border-radius:15px;padding:2px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cardo:hover:before{opacity:1;animation:3s linear infinite gradientBorder}.container{margin:0 auto;flex-direction:column;align-items:center;gap:max(1.5rem,min(3vw,2rem));max-width:1200px;margin-top:max(1.5rem,min(3vw,2rem));padding:max(1rem,min(3vw,2rem));display:flex}.container .about-section{flex-direction:row;gap:max(1.5rem,min(3vw,2rem));width:100%;display:flex}@media (max-width:968px){.container .about-section{flex-direction:column}}@media (max-width:840px){.container{padding:max(.75rem,min(2vw,1rem))}}@media (max-width:640px){.cardo{padding:max(.875rem,min(2.5vw,1rem))}.container{gap:max(1rem,min(2.5vw,1.5rem));margin-top:max(1rem,min(2.5vw,1.5rem))}.container .about-section{gap:max(1rem,min(2.5vw,1.5rem))}}@media (max-width:480px){.cardo,.cardo:before{border-radius:12px}}@media (prefers-reduced-motion:reduce){.cardo{transition:none}.cardo:hover{transform:none}.cardo:before{transition:none;animation:none}.cardo:hover:before{animation:none}}@keyframes gradientBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}