.templates-page{background:#fff;min-height:100vh;padding-top:95px}.templates-page__header{flex-direction:column;gap:40px;max-width:1600px;margin:0 auto;padding:88px 24px 40px;display:flex}.templates-page__title{font-family:var(--font-poppins), var(--font-sans,sans-serif);letter-spacing:-.015em;color:#222;text-align:center;align-self:center;max-width:1200px;margin:0;font-size:52px;font-weight:600;line-height:1.15}.templates-page__tabs{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.templates-page__tab{color:#57525f;cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:8px;align-items:center;padding:9px 20px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.templates-page__tab:hover{color:#222}.templates-page__tab.is-active{color:#fff;background:#222;border-color:#222}.templates-page__grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1400px;margin:40px auto 0;padding:0 24px;display:grid}@media (max-width:900px){.templates-page__grid{grid-template-columns:1fr}.templates-page__title{font-size:36px}}.template-card{flex-direction:column;gap:12px;display:flex}.template-card__cover{aspect-ratio:660/326;background:linear-gradient(135deg,#eae2f8,#f4f2fe);border-radius:16px;width:100%;position:relative;overflow:hidden}.template-card__cover img{object-fit:cover;width:100%;height:100%}.template-card__footer{justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 6px 0;display:flex}.template-card__info{flex:1;min-width:0}.template-card__title{color:#222;margin:0 0 4px;font-size:18px;font-weight:500}.template-card__meta{color:#00000080;margin:0;font-size:14px}.template-card__preview{color:#6c5ce7;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #eae2f8;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.template-card__preview:hover{background:#f4f2fe}.templates-page__bottom{padding:60px 0}@media (max-width:640px){.templates-page__header{padding:60px 20px 30px}.templates-page__title{font-size:30px}}
