.container[data-v-0f2faaf1]{max-width:1200px;margin:0 auto;padding:0 1rem}.app-footer[data-v-0f2faaf1]{background:#111827;color:#fff;padding:2rem 0}.footer-content[data-v-0f2faaf1]{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:15px}@media (min-width:768px){.footer-content[data-v-0f2faaf1]{grid-template-columns:2fr 1fr 1fr}}.footer-brand[data-v-0f2faaf1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.footer-logo[data-v-0f2faaf1]{background:linear-gradient(135deg,#dfe0e0,#b4f4ff);border-radius:.5rem;width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-brand-text h3[data-v-0f2faaf1]{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-background-clip:text;color:transparent}.footer-brand-text p[data-v-0f2faaf1]{font-size:.875rem;color:#9ca3af}.footer-description[data-v-0f2faaf1]{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem}.footer-social[data-v-0f2faaf1]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.social-link[data-v-0f2faaf1]{color:#9ca3af}.social-link[data-v-0f2faaf1]:hover{color:#60a5fa}.footer-links h4[data-v-0f2faaf1]{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-links li[data-v-0f2faaf1]{padding:5px 0}.footer-links a[data-v-0f2faaf1]{color:#d1d5db;text-decoration:none}.footer-links a[data-v-0f2faaf1]:hover{color:#60a5fa}.footer-bottom[data-v-0f2faaf1]{border-top:1px solid #1f2937;padding-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.copyright[data-v-0f2faaf1],.tagline[data-v-0f2faaf1]{font-size:.875rem;color:#9ca3af}:root{--primary-color:#3b82f6;--primary-dark:#2563eb;--secondary-color:#10b981;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--cyan-color:#06b6d4;--blue-400:#60a5fa;--blue-600:#2563eb;--cyan-400:#22d3ee}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.templates-page{background-color:var(--gray-50);color:var(--gray-800);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--blue-600),var(--cyan-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.header p{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.filter-tabs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.filter-tab,.filter-tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.filter-tab{padding:.75rem 1.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:2rem;font-weight:500;cursor:pointer;-webkit-transition:.3s;transition:.3s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05)}.filter-tab:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.filter-tab.active{background:linear-gradient(135deg,var(--blue-600),var(--cyan-color));color:#fff;border-color:transparent}.filter-tab i{font-size:1.125rem}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.template-card{background:#fff;border-radius:.75rem;overflow:hidden;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);-webkit-transition:.3s;transition:.3s;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:fadeInUp .5s ease forwards;animation:fadeInUp .5s ease forwards}.template-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.template-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--blue-400),var(--cyan-400));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.template-content{padding:1.5rem}.template-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-800)}.template-description{color:var(--gray-600);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.template-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.template-tag{background:var(--gray-100);color:var(--gray-700);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.template-tag.primary{background:rgba(59,130,246,.1);color:var(--blue-600)}.template-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;-webkit-transition:.2s;transition:.2s;text-decoration:none;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--blue-600),var(--cyan-color));color:#fff}.btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.masonry-item{-webkit-transition:.5s;transition:.5s}.masonry-item.leaving{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.masonry-item.entering{-webkit-animation:fadeInUp .5s ease forwards;animation:fadeInUp .5s ease forwards}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:1rem;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;-webkit-box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.modal-overlay.active .modal{-webkit-transform:scale(1);transform:scale(1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-title{font-size:1.5rem;font-weight:600;color:var(--gray-800)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-500);-webkit-transition:color .2s;transition:color .2s}.modal-close:hover{color:var(--gray-700)}.modal-body{padding:1.5rem}.modal-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--blue-400),var(--cyan-400));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:2rem;font-weight:600}.modal-description{color:var(--gray-700);margin-bottom:1.5rem;line-height:1.6}.modal-tags{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.modal-actions,.modal-tags{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-actions{gap:1rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.email-editor{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}.email-editor.active{opacity:1;visibility:visible}.editor-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-title{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.editor-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-500);-webkit-transition:color .2s;transition:color .2s}.editor-close:hover{color:var(--gray-700)}.editor-body{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.editor-body,.editor-preview{-webkit-box-flex:1;-ms-flex:1;flex:1}.editor-preview{border-right:1px solid var(--gray-200)}.editor-form,.editor-preview{padding:1.5rem;overflow-y:auto}.editor-form{width:35%;background:var(--gray-50)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.form-textarea{min-height:120px;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.email-preview{background:#fff;border:1px solid var(--gray-300);border-radius:.5rem;padding:2rem;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.email-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.email-subject{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--gray-800)}.email-content{line-height:1.6;color:var(--gray-700)}.email-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--gray-200);text-align:center;color:var(--gray-500);font-size:.875rem}.load-more{text-align:center;margin-top:3rem}.load-more-btn{padding:.75rem 2rem;background:#fff;border:1px solid var(--gray-300);border-radius:.5rem;font-weight:500;cursor:pointer;-webkit-transition:.3s;transition:.3s}.load-more-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}@media (max-width:768px){.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filter-tabs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.editor-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.editor-form{width:100%;border-right:none;border-top:1px solid var(--gray-200)}}@media (max-width:480px){.container{padding:1rem}.header h1{font-size:2rem}.masonry-grid{grid-template-columns:1fr}.modal{width:95%}}