.templates-page{background:#f6f7f8;min-height:100vh;padding-top:69px}.templates-hero{text-align:center;max-width:1400px;margin:0 auto;padding:48px 40px 48px 332px}.templates-hero__heading{font-family:var(--font-poppins),sans-serif;color:#0f171f;margin:0 0 24px;font-size:48px;font-weight:600;line-height:56px}.templates-hero__sub{font-family:var(--font-inter),sans-serif;color:#0f171f;max-width:584px;margin:0 auto;font-size:18px;font-weight:400;line-height:28px}.templates-body{align-items:flex-start;gap:20px;max-width:1400px;margin:0 auto;padding:0 40px 80px;display:flex}.templates-sidebar-sticky{flex-shrink:0;width:272px;padding-top:32px;position:sticky;top:60px}.templates-sidebar{background:#ffffff80;border-radius:24px;flex-direction:column;gap:32px;padding:16px;display:flex}.templates-sidebar__label{font-family:var(--font-poppins),sans-serif;color:#0f171f;margin:0;font-size:16px;font-weight:600;line-height:20px}.templates-sidebar__links{flex-direction:column;gap:10px;display:flex}.templates-sidebar__btn{font-family:var(--font-poppins),sans-serif;letter-spacing:.12px;color:#0f171f;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s;display:flex}.templates-sidebar__btn:hover{background:#0f171f0d}.templates-sidebar__btn--active{background:#0f171f0f}.templates-sidebar__icon{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.templates-sidebar__icon svg{fill:#0f171f;width:12px;height:12px}.templates-content{flex-direction:column;flex:1;gap:64px;min-width:0;display:flex}.templates-section{background:#fff;border-radius:32px;padding:40px;scroll-margin-top:80px}.templates-section__title{font-family:var(--font-poppins),sans-serif;color:#0f171f;align-items:center;gap:12px;margin:0 0 24px;font-size:32px;font-weight:600;line-height:40px;display:flex}.templates-section__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.templates-section__icon svg{width:20px;height:20px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.template-card{border-radius:12px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001a}.template-card__img{aspect-ratio:319/200;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.templates-cta{text-align:center;background:#c7f2fc;padding:100px 24px 80px;position:relative;overflow:hidden}.templates-cta__heading{font-family:var(--font-poppins),sans-serif;color:#0f171f;max-width:672px;margin:0 auto 16px;font-size:48px;font-weight:600;line-height:56px}.templates-cta__sub{font-family:var(--font-inter),sans-serif;color:#0f171f;margin-bottom:32px;font-size:18px;line-height:28px}.templates-cta__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:1199px){.templates-hero{padding:40px 24px 40px 264px}.templates-hero__heading{font-size:40px;line-height:56px}.templates-body{padding:0 24px 60px}.templates-sidebar-sticky{width:220px}.templates-section{border-radius:24px;padding:32px}.templates-section__title{font-size:28px;line-height:36px}.templates-cta__heading{font-size:40px;line-height:52px}}@media (max-width:799px){.templates-hero{padding-left:24px}.templates-hero__heading{font-size:32px;line-height:48px}.templates-hero__sub{font-size:16px;line-height:24px}.templates-body{flex-direction:column;gap:24px;padding:0 24px 40px}.templates-sidebar-sticky{width:100%;padding-top:0;position:static}.templates-sidebar{background:0 0;border-radius:0;flex-flow:wrap;gap:8px;padding:0}.templates-sidebar__label{width:100%;margin-bottom:4px}.templates-sidebar__links{flex-flow:wrap;gap:8px}.templates-content{gap:32px}.templates-section{border-radius:20px;padding:24px}.templates-section__title{margin-bottom:16px;font-size:24px;line-height:32px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px}.templates-cta{padding:80px 24px}.templates-cta__heading{font-size:28px;line-height:40px}.templates-cta__sub{font-size:16px;line-height:24px}}@media (max-width:480px){.templates-grid{grid-template-columns:1fr}}