.tmpl-page-wrapper{min-height:100vh;background:linear-gradient(180deg,var(--color-secondary) 0%,var(--color-gray-light) 100%);position:relative;overflow:hidden}.tmpl-page-wrapper:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(74,107,124,.03) 0px,transparent 1px,transparent 40px);pointer-events:none;z-index:0}.tmpl-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md);position:relative;z-index:1}.tmpl-hero-section{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-md);position:relative}.tmpl-hero-border{position:relative;padding:var(--spacing-lg);background:linear-gradient(135deg,#f5f7f8e6,#e8ecedf2);border-radius:var(--radius-lg);border:2px solid var(--border-color);box-shadow:var(--shadow-md),inset 0 1px #fffc,inset 0 -1px #4a6b7c1a}.tmpl-hero-border:before,.tmpl-hero-border:after{content:"";position:absolute;width:60px;height:60px;border:2px solid var(--color-primary);opacity:.3}.tmpl-hero-border:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.tmpl-hero-border:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.tmpl-hero-title{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.2}.tmpl-hero-subtitle{font-size:1.25rem;color:var(--color-gray);max-width:800px;margin:0 auto var(--spacing-lg);line-height:1.7}.tmpl-hero-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-top:var(--spacing-lg)}.tmpl-stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#4a6b7c14;border-radius:var(--radius-md);border:1px solid rgba(74,107,124,.2);min-width:140px;transition:all var(--transition-base)}.tmpl-stat-item:hover{background:#4a6b7c26;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.tmpl-stat-number{font-size:2rem;font-weight:700;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tmpl-stat-label{font-size:.875rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:.05em}.tmpl-features-section{margin-bottom:var(--spacing-2xl)}.tmpl-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.tmpl-feature-card{position:relative;padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.tmpl-feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.tmpl-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.tmpl-feature-card:hover:before{opacity:1}.tmpl-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6b7c26,#6b8cae33);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #2c3e5026}.tmpl-feature-icon svg{width:24px;height:24px;color:var(--color-primary)}.tmpl-feature-title{font-size:1.25rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.tmpl-feature-desc{font-size:.9375rem;color:var(--color-gray);line-height:1.7}.tmpl-section-title{font-size:2rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-lg);text-align:center;position:relative;padding-bottom:var(--spacing-md)}.tmpl-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--gradient-primary);border-radius:2px}.tmpl-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-xl)}.tmpl-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);background:#f5f7f899;border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.tmpl-empty-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--border-color)}.tmpl-empty-text{font-size:1.125rem;color:var(--color-gray)}.tmpl-footer-info{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#4a6b7c14,#6b8cae1f);border-radius:var(--radius-lg);border:1px solid rgba(74,107,124,.2);text-align:center}.tmpl-footer-title{font-size:1.5rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md)}.tmpl-footer-text{font-size:1rem;color:var(--color-gray);line-height:1.7;max-width:700px;margin:0 auto}.tmpl-inline-link{color:var(--color-primary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.tmpl-inline-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);text-decoration:none}@keyframes tmpl-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tmpl-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tmpl-frostPulse{0%,to{box-shadow:0 4px 16px #4a6b7c33}50%{box-shadow:0 6px 24px #4a6b7c59}}.tmpl-animate-fadeInUp{animation:tmpl-fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.tmpl-animate-scaleIn{animation:tmpl-scaleIn .5s cubic-bezier(.4,0,.2,1) forwards}.tmpl-animate-delay-1{opacity:0;animation-delay:.15s}.tmpl-animate-delay-2{opacity:0;animation-delay:.3s}.tmpl-animate-delay-3{opacity:0;animation-delay:.45s}.tmpl-animate-delay-4{opacity:0;animation-delay:.6s}@media(max-width:768px){.tmpl-container{padding:var(--spacing-xl) var(--spacing-sm)}.tmpl-hero-title{font-size:2rem}.tmpl-hero-subtitle{font-size:1rem}.tmpl-hero-stats{gap:var(--spacing-md)}.tmpl-stat-item{min-width:120px;padding:var(--spacing-sm)}.tmpl-stat-number{font-size:1.5rem}.tmpl-features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tmpl-templates-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.tmpl-section-title{font-size:1.5rem}.tmpl-footer-info{padding:var(--spacing-lg)}.tmpl-footer-title{font-size:1.25rem}}@media(max-width:480px){.tmpl-hero-border:before,.tmpl-hero-border:after{width:40px;height:40px}.tmpl-hero-stats{flex-direction:column;gap:var(--spacing-sm)}.tmpl-stat-item{width:100%}}.tmpl-grid-with-filter{width:100%}.tmpl-model-filter{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#fffffff2,#f5f7f8fa);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-md),inset 0 1px #fff9;opacity:0;transform:translateY(24px);animation:tmpl-fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s forwards}.tmpl-model-filter:before,.tmpl-model-filter:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--color-primary)}.tmpl-model-filter:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.tmpl-model-filter:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.tmpl-filter-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid rgba(74,107,124,.2)}.tmpl-filter-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(74,107,124,.3))}.tmpl-filter-label{font-size:1.125rem;font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tmpl-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tmpl-filter-btn{position:relative;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#e8ecede6,#f5f7f8f2);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;color:var(--color-dark);cursor:pointer;transition:all var(--transition-base);min-width:140px;text-align:center;box-shadow:var(--shadow-sm);opacity:0;transform:scale(.9);animation:tmpl-explodeIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.tmpl-filter-btn:nth-child(1){animation-delay:.3s}.tmpl-filter-btn:nth-child(2){animation-delay:.4s}.tmpl-filter-btn:nth-child(3){animation-delay:.5s}.tmpl-filter-btn:hover{background:linear-gradient(135deg,#f5f7f8f2,#fffffffa);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tmpl-filter-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.tmpl-filter-btn.active{background:var(--gradient-primary);border-color:var(--color-primary-dark);color:var(--color-white);box-shadow:var(--shadow-glow),inset 0 1px #fff3}.tmpl-filter-btn.active:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg),inset 0 1px #fff3}.tmpl-filter-btn-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);position:relative}.tmpl-filter-check-icon{width:16px;height:16px;animation:tmpl-checkIn .3s cubic-bezier(.34,1.56,.64,1)}.tmpl-filter-result{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#4a6b7c1f,#6b8cae26);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary);box-shadow:inset 0 1px #fff6}.tmpl-filter-count{font-size:2rem;font-weight:700;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 2px 4px rgba(74,107,124,.2))}.tmpl-filter-text{font-size:.9375rem;color:var(--color-dark);font-weight:600;text-transform:uppercase;letter-spacing:.05em}@keyframes tmpl-explodeIn{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes tmpl-checkIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.tmpl-model-filter{padding:var(--spacing-md)}.tmpl-filter-buttons{gap:var(--spacing-sm)}.tmpl-filter-btn{min-width:120px;padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.tmpl-filter-label{font-size:1rem}.tmpl-filter-count{font-size:1.75rem}}@media(max-width:480px){.tmpl-filter-buttons{flex-direction:column}.tmpl-filter-btn{width:100%}.tmpl-filter-result{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.tmpl-model-filter:before,.tmpl-model-filter:after{width:12px;height:12px}}