:root{--color-primary-dark:#2c3e50;--color-primary:#395c7f;--color-background:#f4ede4;--color-accent:#ded0b6;--color-white:#ffffff;--color-error:#e74c3c;--font-primary:"Poppins",sans-serif;--font-secondary:"Roboto",sans-serif;--font-tertiary:"Inter",sans-serif;--font-size-xxs:7.5px;--font-size-xs:9px;--font-size-sm:10.5px;--font-size-base:12px;--font-size-tm:13.5px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:21px;--font-size-2xl:24px;--font-size-3xl:36px;--font-size-4xl:45px}@media(min-width:512px){:root{--font-size-xxs:8px;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:13px;--font-size-tm:14px;--font-size-md:16px;--font-size-lg:19px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:38px;--font-size-4xl:48px}}@media(min-width:768px){:root{--font-size-xxs:8.5px;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-tm:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:27px;--font-size-3xl:41px;--font-size-4xl:51px}}@media(min-width:1024px){:root{--font-size-xxs:9px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-tm:16px;--font-size-md:18px;--font-size-lg:22px;--font-size-xl:25px;--font-size-2xl:29px;--font-size-3xl:43px;--font-size-4xl:54px}}@media(min-width:1280px){:root{--font-size-xxs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-tm:18px;--font-size-md:20px;--font-size-lg:24px;--font-size-xl:28px;--font-size-2xl:32px;--font-size-3xl:48px;--font-size-4xl:60px}}@media(min-width:1440px){:root{--font-size-xxs:11px;--font-size-xs:13px;--font-size-sm:15px;--font-size-base:18px;--font-size-tm:20px;--font-size-md:22px;--font-size-lg:27px;--font-size-xl:31px;--font-size-2xl:35px;--font-size-3xl:53px;--font-size-4xl:66px}}@media(min-width:1536px){:root{--font-size-xxs:12px;--font-size-xs:14px;--font-size-sm:17px;--font-size-base:19px;--font-size-tm:22px;--font-size-md:24px;--font-size-lg:29px;--font-size-xl:34px;--font-size-2xl:38px;--font-size-3xl:58px;--font-size-4xl:72px}}@keyframes sleekIn{0%{opacity:0;transform:translateY(50px) scale(.96)}70%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:none}}@keyframes sleekInLeft{to{opacity:1;transform:translateX(0)}}@keyframes sleekInRightZoom{to{opacity:1;transform:translateX(0) scale(1)}}@keyframes opacity{to{opacity:1;transform:none}}@keyframes flipOverlay{0%{opacity:1;transform:rotateY(0deg)}80%{opacity:1;transform:rotateY(90deg) scale(1.13)}to{opacity:0;transform:rotateY(90deg) scale(1.13)}}@keyframes contentReveal{0%{opacity:0}to{opacity:1}}@keyframes popImgIn{0%{opacity:0;transform:scale(.9) translateY(28px)}60%{opacity:.94;transform:scale(1.05) translateY(-7px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes input{0%{opacity:0;transform:scale(.85) translateY(32px)}20%{opacity:.2;transform:scale(.88) translateY(24px)}40%{opacity:.4;transform:scale(.93) translateY(14px)}60%{opacity:.6;transform:scale(.97) translateY(6px)}80%{opacity:.8;transform:scale(1.02) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.template{display:flex;flex-direction:column;gap:10px;width:330px;padding:16px;border:1px solid var(--color-background);border-radius:12px;background:#3a4950;box-shadow:0 2px 8px rgba(44,62,80,.03);transition:transform .36s cubic-bezier(.32,1.2,.56,.97),box-shadow .36s cubic-bezier(.38,1.3,.44,1);will-change:transform,box-shadow,filter;opacity:0;transform:translateY(32px) scale(.97)}.template:focus-within,.template:hover{transform:scale(1.045) translateY(-7px) rotate(0deg);box-shadow:0 10px 36px 0 rgba(44,62,80,.13);z-index:3}.template__image{display:flex;justify-content:center;width:296px;border-radius:4px}.template__image img{width:100%;object-fit:cover;border-radius:4px;transition:transform .36s cubic-bezier(.32,1.2,.56,.97),filter .3s}.template__image img:focus-within,.template__image img:hover{transform:scale(1.06) rotate(0deg)}.template__link{display:flex;justify-content:center;align-items:center}.template__link__button{display:flex;align-items:center;gap:30px;border:none;background:none;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:700;color:var(--color-background);cursor:pointer}.template__link__button:focus,.template__link__button:hover{transform:scale(1.07) translateY(-1px)}.template__link__button>svg{transition:transform .27s}@media(min-width:768px){.template{width:334px;height:267px}.template__image{width:300px}}@media(min-width:1024px){.template{width:358px;height:278px}.template__image{width:325px}}.template.active{animation:sleekIn .8s cubic-bezier(.36,1.45,.45,1) forwards}