.page-header{text-align:center;padding:var(--spacing-14) var(--spacing-6) var(--spacing-8)}.page-title{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-3)}.page-subtitle{color:var(--gray-500);font-size:1.1rem;line-height:1.6}.templates-filter{max-width:100%;margin:36px auto;padding:0 var(--spacing-6) var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-4)}.search-box{position:relative;max-width:480px}.search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:1rem}.search-box input{padding-left:var(--spacing-10)}.filter-tabs{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.filter-tab{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);border:1.5px solid var(--gray-200);background:transparent;color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit}.filter-tab:hover{border-color:var(--primary-900);color:var(--primary-900)}.filter-tab.active{background:var(--primary-900);border-color:var(--primary-900);color:#fff}.templates-grid{max-width:100%;margin:0 auto;padding:0 var(--spacing-6) var(--spacing-16);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-5)}.tpl-card{background:var(--bg-tertiary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all .25s;display:flex;flex-direction:column;gap:var(--spacing-3)}.tpl-card:hover{border-color:var(--primary-900);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.tpl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-2)}.tpl-title{font-size:1rem;font-weight:700;color:var(--gray-900);line-height:1.3;flex:1}.tpl-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.tpl-cat{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:rgba(108,92,231,.1);color:var(--primary-900)}.tpl-popular{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:rgba(245,158,11,.12);color:#f59e0b}.tpl-new{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:rgba(16,185,129,.12);color:var(--success)}.tpl-desc{font-size:.875rem;color:var(--gray-500);line-height:1.6;flex:1}.tpl-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--gray-200)}.tpl-usage{font-size:.8rem;color:var(--gray-400)}.tpl-btn{font-size:.8rem;font-weight:600;color:var(--primary-900);background:none;border:0;cursor:pointer;font-family:inherit;transition:color var(--transition)}.tpl-btn:hover{color:var(--primary-800)}@media(max-width:900px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.templates-grid{grid-template-columns:1fr}}