.templates-page{background:linear-gradient(#fafbff 0%,#fff 30%,#f8fafc 70%,#fff 100%);min-height:100vh;position:relative;overflow-x:hidden}.templates-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(60% 40% at 80% 30%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(50% 30% at 50% 80%,rgba(168,85,247,.05) 0%,transparent 50%);position:fixed;top:0;bottom:0;left:0;right:0}.templates-page:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(rgba(99,102,241,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.02) 1px,transparent 1px);background-size:80px 80px;position:fixed;top:0;bottom:0;left:0;right:0}.templates-page-section{z-index:1;padding:30px 0 80px;position:relative;overflow:hidden}.templates-page-container{max-width:1400px;margin:0 auto;padding:0 40px}.templates-page-header{text-align:center;margin-bottom:60px;position:relative}.templates-page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite pulse-slow;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes pulse-slow{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.1)}}.templates-header-badge{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(99,102,241,.15);border-radius:100px;align-items:center;gap:12px;margin-bottom:28px;padding:12px 24px;animation:.6s ease-out fadeInUp;display:inline-flex;box-shadow:0 4px 20px rgba(99,102,241,.1),0 1px 3px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-icon{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;animation:2s ease-in-out infinite icon-glow;display:flex;box-shadow:0 2px 8px rgba(245,158,11,.3)}@keyframes icon-glow{0%,to{box-shadow:0 2px 8px rgba(245,158,11,.3)}50%{box-shadow:0 4px 16px rgba(245,158,11,.5)}}.badge-icon svg{color:#fff;width:100%;height:100%}.badge-text{color:#1e293b;letter-spacing:.01em;font-size:14px;font-weight:700}.badge-divider{background:linear-gradient(transparent,#cbd5e1,transparent);width:1px;height:20px}.badge-count{color:#6366f1;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(99,102,241,.15);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.templates-page-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.templates-page-title .gradient-text{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 40%,#a855f7 70%,#ec4899 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.templates-page-subtitle{color:#64748b;max-width:580px;margin:0 auto 36px;font-size:19px;line-height:1.7;animation:.6s ease-out .2s both fadeInUp}.templates-trust-stats{background:#fff;border:1px solid rgba(99,102,241,.08);border-radius:20px;align-items:center;gap:0;padding:0;animation:.6s ease-out .3s both fadeInUp;display:inline-flex;overflow:hidden;box-shadow:0 8px 40px rgba(99,102,241,.1),0 4px 12px rgba(0,0,0,.05)}.trust-stat-item{flex-direction:column;align-items:center;gap:6px;padding:20px 36px;transition:all .3s;display:flex;position:relative}.trust-stat-item:hover{background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%)}.trust-stat-item:not(:last-child):after{content:"";background:linear-gradient(transparent,#e2e8f0,transparent);width:1px;height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.stat-value{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1}.trust-stat-item:nth-child(2) .stat-value{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.trust-stat-item:nth-child(3) .stat-value{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.trust-stat-divider{display:none}.templates-page-section .templates-grid{grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:28px;animation:.6s ease-out .4s both fadeInUp;display:grid}.templates-page-section .templates-grid-row2{margin-top:0;animation:.6s ease-out .5s both fadeInUp}.templates-page-section .template-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.templates-page-section .template-card:hover{transform:translateY(-12px)}.templates-page-section .template-card-inner{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04)}.templates-page-section .template-card:hover .template-card-inner{border-color:rgba(99,102,241,.2);box-shadow:0 25px 60px rgba(99,102,241,.15),0 10px 20px rgba(0,0,0,.08)}.templates-page-section .template-image-container{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);padding:20px 20px 0;position:relative}.templates-page-section .template-image{border-radius:12px 12px 0 0;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(0,0,0,.08)}.templates-page-section .template-card:hover .template-image{transform:scale(1.02)}.templates-page-section .template-overlay{opacity:0;background:linear-gradient(transparent 0%,transparent 50%,rgba(15,23,42,.95) 100%);flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.templates-page-section .template-card:hover .template-overlay{opacity:1}.templates-page-section .template-preview-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.templates-page-section .template-preview-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.templates-page-section .template-use-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px rgba(99,102,241,.4)}.templates-page-section .template-use-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.5)}.templates-page-section .template-info{text-align:center;background:#fff;padding:18px 20px 20px}.templates-page-section .template-name{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:700}.templates-page-section .template-category{color:#6366f1;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.coming-soon-card .template-card-inner{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.coming-soon-container{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.coming-soon-container:before{content:"";background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.08) 0%,transparent 50%);animation:6s ease-in-out infinite bg-shift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes bg-shift{0%,to{opacity:.8}50%{opacity:1}}.coming-soon-content{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}.coming-soon-emoji{margin-bottom:12px;font-size:48px;animation:2s ease-in-out infinite bounce-slow}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.coming-soon-icon{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex;box-shadow:0 8px 24px rgba(99,102,241,.3)}.coming-soon-icon svg{color:#fff}.coming-soon-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.coming-soon-message{color:#64748b;max-width:200px;margin-bottom:16px;font-size:13px;line-height:1.6}.coming-soon-progress{width:100%;max-width:180px}.progress-bar{background:rgba(99,102,241,.2);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:3px;width:65%;height:100%;animation:2s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.templates-cta-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 40%,#0f172a 100%);border-radius:32px;margin-top:70px;padding:70px 50px;animation:.6s ease-out .6s both fadeInUp;position:relative;overflow:hidden}.cta-background{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cta-glow{filter:blur(100px);opacity:.6;border-radius:50%;animation:8s ease-in-out infinite glow-float;position:absolute}@keyframes glow-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(1.1)}66%{transform:translate(-10px,10px)scale(.95)}}.cta-glow-1{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);width:500px;height:500px;animation-delay:0s;top:-200px;left:-150px}.cta-glow-2{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);width:450px;height:450px;animation-delay:-3s;bottom:-150px;right:-100px}.cta-background:after{content:"";opacity:.5;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;position:absolute;top:0;bottom:0;left:0;right:0}.templates-cta-container{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.cta-content-wrapper{flex-direction:column;align-items:center;display:flex}.cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.3);border-radius:50px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 20px;display:inline-flex}.cta-badge svg{color:#a5b4fc;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(5deg)}}.cta-badge span{color:#a5b4fc;letter-spacing:.02em;font-size:14px;font-weight:600}.cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:18px;font-size:44px;font-weight:800;line-height:1.15}.cta-title span{background:linear-gradient(135deg,#a5b4fc 0%,#c4b5fd 40%,#f9a8d4 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradient-shift;display:block}.cta-description{color:rgba(255,255,255,.7);max-width:520px;margin-bottom:32px;font-size:18px;line-height:1.7}.cta-features{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:36px;display:flex}.cta-feature-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50px;align-items:center;gap:10px;padding:12px 22px;transition:all .3s;display:flex}.cta-feature-pill:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.cta-feature-pill svg{color:#4ade80}.cta-feature-pill span{color:rgba(255,255,255,.95);font-size:14px;font-weight:600}.cta-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:16px;align-items:center;gap:14px;margin-bottom:28px;padding:20px 44px;font-size:18px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(99,102,241,.4),0 4px 12px rgba(99,102,241,.3)}.cta-primary-btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta-primary-btn:hover:before{left:100%}.cta-primary-btn:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(99,102,241,.5),0 8px 20px rgba(99,102,241,.35)}.cta-primary-btn svg{width:22px;height:22px;transition:transform .3s}.cta-primary-btn:hover svg{transform:translate(5px)}.cta-trust-note{color:rgba(255,255,255,.5);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.cta-trust-note svg{color:#fbbf24}@media (min-width:1600px){.templates-page-container{max-width:1500px}.templates-page-section .templates-grid{gap:32px}.templates-page-title{font-size:58px}.cta-title{font-size:48px}.trust-stat-item{padding:24px 44px}.stat-value{font-size:32px}}@media (max-width:1200px){.templates-page-section{padding:25px 0 60px}.templates-page-container{padding:0 28px}.templates-page-title{font-size:44px}.templates-page-section .templates-grid{grid-template-columns:repeat(3,1fr);gap:24px}.trust-stat-item{padding:18px 28px}.stat-value{font-size:24px}}@media (max-width:1024px){.templates-page-section{padding:20px 0 50px}.templates-page-header{margin-bottom:45px}.templates-page-title{font-size:38px}.templates-page-subtitle{margin-bottom:30px;font-size:17px}.templates-page-section .templates-grid{grid-template-columns:repeat(3,1fr);gap:20px}.trust-stat-item{padding:16px 24px}.stat-value{font-size:22px}.stat-label{font-size:11px}.templates-cta-section{margin-top:55px;padding:55px 36px}.cta-title{font-size:36px}.cta-description{font-size:16px}.cta-primary-btn{padding:18px 36px;font-size:16px}}@media (max-width:768px){.templates-page-section{padding:16px 0 45px}.templates-page-container{padding:0 20px}.templates-page-header{margin-bottom:36px}.templates-page-header:before{display:none}.templates-header-badge{gap:10px;padding:10px 18px}.badge-icon{width:24px;height:24px}.badge-text{font-size:13px}.badge-count{padding:4px 10px;font-size:12px}.templates-page-title{font-size:32px}.templates-page-subtitle{margin-bottom:26px;font-size:16px}.templates-trust-stats{border-radius:16px;flex-flow:wrap;justify-content:center}.trust-stat-item{padding:14px 20px}.trust-stat-item:not(:last-child):after{display:none}.stat-value{font-size:20px}.stat-label{font-size:10px}.templates-page-section .templates-grid{grid-template-columns:repeat(2,1fr);gap:18px}.templates-page-section .template-image-container{padding:16px 16px 0}.templates-page-section .template-info{padding:16px}.templates-cta-section{border-radius:24px;margin-top:45px;padding:45px 28px}.cta-title{font-size:28px}.cta-description{margin-bottom:26px;font-size:15px}.cta-features{gap:10px;margin-bottom:28px}.cta-feature-pill{padding:10px 16px}.cta-feature-pill span{font-size:13px}.cta-primary-btn{padding:16px 32px;font-size:15px}}@media (max-width:639px){.templates-page:before,.templates-page:after{opacity:.3}.templates-page-section{padding:14px 0 40px}.templates-page-container{padding:0 16px}.templates-page-header{margin-bottom:30px}.templates-header-badge{gap:8px;margin-bottom:18px;padding:8px 14px}.badge-icon{width:20px;height:20px}.badge-text{font-size:12px}.badge-divider,.badge-count{display:none}.templates-page-title{margin-bottom:14px;font-size:28px}.templates-page-subtitle{margin-bottom:22px;padding:0 8px;font-size:15px}.templates-trust-stats{border-radius:14px;gap:0;padding:0}.trust-stat-item{flex:1;min-width:auto;padding:14px 12px}.stat-value{font-size:18px}.stat-label{font-size:9px}.templates-page-section .templates-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.templates-page-section .templates-grid-row2{margin-top:0}.templates-page-section .template-card-inner{border-radius:16px}.templates-page-section .template-image-container{padding:12px 12px 0}.templates-page-section .template-image{border-radius:10px 10px 0 0}.templates-page-section .template-overlay{padding:16px}.templates-page-section .template-preview-btn,.templates-page-section .template-use-btn{border-radius:10px;padding:10px 16px;font-size:13px}.templates-page-section .template-info{padding:14px 12px 16px}.templates-page-section .template-name{font-size:14px}.templates-page-section .template-category{padding:3px 10px;font-size:11px}.coming-soon-container{min-height:320px}.coming-soon-emoji{font-size:36px}.coming-soon-icon{border-radius:14px;width:48px;height:48px}.coming-soon-message{max-width:160px;font-size:12px}.templates-cta-section{border-radius:20px;margin-top:36px;padding:36px 18px}.cta-badge{margin-bottom:20px;padding:8px 14px}.cta-badge span{font-size:12px}.cta-title{margin-bottom:14px;font-size:24px}.cta-description{margin-bottom:22px;font-size:14px}.cta-features{gap:8px;margin-bottom:22px}.cta-feature-pill{padding:8px 14px}.cta-feature-pill svg{width:14px;height:14px}.cta-feature-pill span{font-size:12px}.cta-primary-btn{border-radius:14px;width:100%;max-width:280px;margin-bottom:20px;padding:14px 28px;font-size:15px}.cta-trust-note{font-size:12px}.cta-glow-1{width:280px;height:280px}.cta-glow-2{width:220px;height:220px}}@media (max-width:374px){.templates-page-section{padding:12px 0 36px}.templates-page-container{padding:0 12px}.templates-page-title{font-size:24px}.templates-page-subtitle{font-size:13px}.templates-page-section .templates-grid{gap:12px}.templates-page-section .template-name{font-size:13px}.templates-cta-section{margin-top:30px;padding:30px 14px}.cta-title{font-size:20px}.cta-description{font-size:13px}.cta-primary-btn{padding:12px 24px;font-size:14px}}