@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--tpl-bg: #0b0d10;--tpl-panel: #13171d;--tpl-panel-hover: #1a2029;--tpl-border: rgba(255, 255, 255, .1);--tpl-border-focus: rgba(255, 255, 255, .25);--tpl-orange: #f43c00;--tpl-orange-hover: #ff521a;--tpl-emerald: #10b981;--tpl-cyan: #06b6d4;--tpl-amber: #f59e0b;--tpl-text: #ffffff;--tpl-text-muted: rgba(255, 255, 255, .65);--tpl-text-faint: rgba(255, 255, 255, .4);--font-main: "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-serif: "Playfair Display", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--tpl-bg);color:var(--tpl-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased}body.templates-page{background-color:var(--tpl-bg);color:var(--tpl-text);overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}.tpl-header{position:sticky;top:0;z-index:100;background:#0b0d10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--tpl-border);padding:16px 32px}.tpl-header-inner{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.tpl-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.08em}.tpl-logo-tag{padding:2px 8px;border-radius:999px;background:#f43c0026;color:var(--tpl-orange);font-size:11px}.tpl-nav{display:flex;align-items:center;gap:24px}.tpl-nav-link{font-size:14px;color:var(--tpl-text-muted);transition:color .2s ease}.tpl-nav-link:hover,.tpl-nav-link.active{color:#fff}.tpl-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:var(--tpl-orange);color:#fff;font-size:13px;font-weight:600;transition:background .2s ease,transform .2s ease}.tpl-cta-btn:hover{background:var(--tpl-orange-hover);transform:translateY(-1px)}.tpl-hero{padding:80px 32px 48px;max-width:1320px;margin:0 auto;border-bottom:1px solid var(--tpl-border)}.tpl-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--tpl-border);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--tpl-orange);margin-bottom:24px}.tpl-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--tpl-orange);box-shadow:0 0 10px var(--tpl-orange)}.tpl-title{font-size:clamp(36px,5.5vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.025em;margin-bottom:20px;max-width:900px}.tpl-title-accent{background:linear-gradient(135deg,#fff 40%,#ffffff73);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tpl-desc{font-size:18px;line-height:1.65;color:var(--tpl-text-muted);max-width:760px;margin-bottom:40px}.tpl-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:32px;border-top:1px dashed var(--tpl-border)}.tpl-stat-item{display:flex;flex-direction:column;gap:4px}.tpl-stat-val{font-family:var(--font-mono);font-size:26px;font-weight:700;color:#fff}.tpl-stat-label{font-size:13px;color:var(--tpl-text-faint)}.tpl-toolbar{max-width:1320px;margin:48px auto 32px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.tpl-filter-btns{display:flex;gap:8px;flex-wrap:wrap}.tpl-filter-btn{padding:8px 16px;border-radius:999px;border:1px solid var(--tpl-border);background:#ffffff08;font-size:13px;font-weight:500;color:var(--tpl-text-muted);transition:all .2s ease}.tpl-filter-btn:hover{color:#fff;border-color:var(--tpl-border-focus)}.tpl-filter-btn.active{background:#fff;color:#0b0d10;border-color:#fff;font-weight:600}.tpl-grid{max-width:1320px;margin:0 auto;padding:0 32px 80px;display:flex;flex-direction:column;gap:48px}.tpl-card{background:var(--tpl-panel);border:1px solid var(--tpl-border);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.tpl-card:hover{border-color:var(--tpl-border-focus);transform:translateY(-4px);box-shadow:0 24px 60px #0006}.tpl-card-preview{position:relative;background:#080a0d;overflow:hidden;min-height:400px;display:flex;flex-direction:column}.tpl-preview-header{height:38px;background:#ffffff0a;border-bottom:1px solid var(--tpl-border);display:flex;align-items:center;padding:0 16px;gap:8px}.tpl-preview-dots{display:flex;gap:6px}.tpl-dot{width:10px;height:10px;border-radius:50%;background:#ffffff29}.tpl-preview-url{font-family:var(--font-mono);font-size:11px;color:var(--tpl-text-faint);margin-left:8px}.tpl-preview-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;overflow:hidden}.tpl-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0b0d1033,#0b0d10cc);display:flex;align-items:flex-end;padding:24px}.tpl-preview-quicklook{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.tpl-card:hover .tpl-preview-quicklook{background:var(--tpl-orange);border-color:var(--tpl-orange)}.tpl-card-content{padding:40px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.tpl-card-tagline{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tpl-orange)}.tpl-card-title{font-size:30px;font-weight:700;line-height:1.15;color:#fff;margin-top:4px}.tpl-card-desc{font-size:15px;line-height:1.65;color:var(--tpl-text-muted)}.tpl-features-list{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--tpl-text-muted)}.tpl-features-list li:before{content:"✓ ";color:var(--tpl-emerald);font-weight:700}.tpl-tags-row{display:flex;flex-wrap:wrap;gap:6px}.tpl-chip{padding:4px 10px;border-radius:6px;background:#ffffff0d;border:1px solid var(--tpl-border);font-family:var(--font-mono);font-size:11px;color:var(--tpl-text-muted)}.tpl-card-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--tpl-border)}.tpl-btn-demo{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;background:#fff;color:#0b0d10;font-size:14px;font-weight:600;transition:background .2s ease,transform .2s ease}.tpl-btn-demo:hover{background:#f0f0f0;transform:translateY(-2px)}.tpl-btn-inquire{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;background:#ffffff0f;border:1px solid var(--tpl-border);color:#fff;font-size:14px;font-weight:600;transition:all .2s ease}.tpl-btn-inquire:hover{background:#f43c0026;border-color:var(--tpl-orange);color:#fff}.tpl-why-section{background:#080a0c;border-top:1px solid var(--tpl-border);border-bottom:1px solid var(--tpl-border);padding:96px 32px}.tpl-why-inner{max-width:1320px;margin:0 auto}.tpl-section-header{margin-bottom:56px}.tpl-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tpl-why-card{padding:32px;background:var(--tpl-panel);border:1px solid var(--tpl-border);border-radius:16px;display:flex;flex-direction:column;gap:14px}.tpl-why-icon{font-family:var(--font-mono);font-size:20px;color:var(--tpl-orange)}.tpl-why-title{font-size:20px;font-weight:600;color:#fff}.tpl-why-text{font-size:14.5px;line-height:1.65;color:var(--tpl-text-muted)}.tpl-footer-cta{padding:100px 32px;max-width:1320px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.tpl-footer-title{font-size:clamp(32px,4.5vw,48px);font-weight:700;max-width:720px;line-height:1.15}.tpl-footer-desc{font-size:16px;color:var(--tpl-text-muted);max-width:600px}.tpl-footer-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:12px}.tpl-footer{border-top:1px solid var(--tpl-border);padding:36px 32px;background:#06080a;font-size:13px;color:var(--tpl-text-faint)}.tpl-footer-content{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media(max-width:1024px){.tpl-card{grid-template-columns:1fr}.tpl-stats-row{grid-template-columns:repeat(2,1fr)}.tpl-why-grid{grid-template-columns:1fr}}@media(max-width:640px){.tpl-hero,.tpl-toolbar,.tpl-grid,.tpl-why-section,.tpl-footer-cta{padding-left:20px;padding-right:20px}.tpl-stats-row{grid-template-columns:1fr}}