.template-section{background:linear-gradient(#fff 0%,#f8fafc 50%,#f1f5f9 100%);padding:30px 0;position:relative;overflow:hidden}.template-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.06) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.template-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 32px;position:relative}.template-header{text-align:center;margin-bottom:40px}.template-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:12px;font-size:38px;font-weight:800;line-height:1.25}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.template-subtitle{color:#64748b;max-width:500px;margin:0 auto;font-size:16px;font-weight:400;line-height:1.6}.template-page-badge{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(99,102,241,.2);border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;display:inline-flex}.template-page-badge svg{color:#6366f1;width:16px;height:16px}.template-page-badge span{color:#4f46e5;font-size:13px;font-weight:600}.template-title-large{color:#0f172a;letter-spacing:-.03em;margin-bottom:12px;font-size:42px;font-weight:800;line-height:1.1}.featured-template{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:1px solid rgba(0,0,0,.05);border-radius:20px;margin-bottom:50px;padding:32px;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.02),0 8px 32px rgba(0,0,0,.06)}.featured-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-12px;left:24px;box-shadow:0 4px 12px rgba(245,158,11,.35)}.mnc-stamp{color:#15803d;z-index:10;opacity:0;background:0 0;border:4px solid #15803d;border-radius:50%;justify-content:center;align-items:center;width:135px;height:135px;transition:none;display:flex;position:absolute;top:12px;right:12px;transform:rotate(12deg)scale(2.5)translateY(-20px)}.mnc-stamp.animate{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards stampEffect}.mnc-stamp:before{content:"";border:3px dotted #15803d;border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}@keyframes stampEffect{0%{opacity:0;transform:rotate(12deg)scale(2.5)translateY(-20px)}50%{opacity:1;transform:rotate(12deg)scale(.9)}70%{transform:rotate(12deg)scale(1.05)}to{opacity:.95;transform:rotate(12deg)scale(1)}}.mnc-stamp-inner{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mnc-stamp-top{letter-spacing:.1em;color:#15803d;text-transform:uppercase;font-size:7px;font-weight:800}.mnc-stamp-icon{background:#15803d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:3px 0;display:flex}.mnc-stamp-icon svg{color:#fff;width:16px;height:16px}.mnc-stamp-main{letter-spacing:.08em;color:#15803d;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.2}.featured-content{align-items:center;gap:40px;display:flex}.featured-image-wrapper{flex-shrink:0}.featured-image-container{cursor:pointer;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.12)}.featured-image-container:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1),0 20px 48px rgba(0,0,0,.15)}.featured-image{border:1px solid rgba(0,0,0,.06);border-radius:12px;width:320px;height:auto;display:block}.featured-overlay{opacity:0;background:linear-gradient(transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8) 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.featured-image-container:hover .featured-overlay{opacity:1}.featured-preview-btn,.featured-use-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:200px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.featured-preview-btn{color:#374151;background:rgba(255,255,255,.95)}.featured-preview-btn:hover{background:#fff;transform:translateY(-1px)}.featured-use-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:700}.featured-use-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.featured-info{flex:1;padding:12px 0}.featured-category{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(217,119,6,.08) 100%);border:1px solid rgba(245,158,11,.15);border-radius:8px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.featured-name{color:#0f172a;letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:800}.featured-description{color:#64748b;max-width:420px;margin-bottom:24px;font-size:15px;line-height:1.6}.featured-features{flex-wrap:wrap;gap:12px 20px;display:flex}.feature-item{color:#475569;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.1);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:flex}.feature-item svg{color:#22c55e;flex-shrink:0;width:18px;height:18px}.featured-badges-row{gap:12px;margin-top:24px;display:flex}.badge-item{border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.freshers-badge{color:#2563eb;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(37,99,235,.08) 100%);border:1px solid rgba(59,130,246,.2)}.freshers-badge svg{color:#2563eb}.choice-badge{color:#7c3aed;background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(139,92,246,.08) 100%);border:1px solid rgba(168,85,247,.2)}.choice-badge svg{color:#7c3aed}.featured-stats{border-top:1px solid rgba(0,0,0,.06);gap:24px;margin-top:20px;padding-top:20px;display:flex}.stat-item{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:1px solid rgba(0,0,0,.04);border-radius:12px;align-items:center;gap:12px;padding:12px 20px;display:flex}.featured-stats .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.featured-stats .rating-icon{background:linear-gradient(135deg,rgba(251,191,36,.25) 0%,rgba(245,158,11,.2) 100%);border:1px solid rgba(251,191,36,.3)}.featured-stats .rating-icon svg{color:#f59e0b!important;fill:#f59e0b!important}.featured-stats .success-icon{background:linear-gradient(135deg,rgba(34,197,94,.25) 0%,rgba(22,163,74,.2) 100%);border:1px solid rgba(34,197,94,.3)}.featured-stats .success-icon svg{color:#22c55e!important;stroke:#22c55e!important}.featured-stats .stat-number{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1;color:#0f172a!important}.featured-stats .stat-label{margin-top:2px;font-size:12px;font-weight:500;color:#64748b!important}.templates-grid-header{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:1px solid rgba(99,102,241,.1);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:-moz-fit-content;width:fit-content;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:12px 24px;display:flex;box-shadow:0 2px 12px rgba(99,102,241,.08)}.templates-grid-header h3{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.templates-grid-header h3:before{content:"✨";font-size:18px}.grid-divider{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;width:4px;height:4px}.grid-subtitle{color:#64748b;margin:0;font-size:15px;font-weight:500}.templates-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cover-letter-grid{background:linear-gradient(145deg,#fff 0%,#f8faff 50%,#f0f4ff 100%);border:1px solid rgba(99,102,241,.1);border-radius:24px;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid;box-shadow:0 4px 24px rgba(99,102,241,.06),inset 0 1px rgba(255,255,255,.8)}.cover-letter-grid .template-card{transition:all .5s cubic-bezier(.23,1,.32,1);position:relative}.cover-letter-grid .template-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:20px;transition:opacity .4s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.cover-letter-grid .template-card:hover:before{opacity:1}.cover-letter-grid .template-card:hover{z-index:10;transform:translateY(-14px)scale(1.02)}.cover-letter-grid .template-card-inner{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:18px;transition:all .5s cubic-bezier(.23,1,.32,1);overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.02),0 8px 16px rgba(0,0,0,.04),0 16px 32px rgba(0,0,0,.04)}.cover-letter-grid .template-card:hover .template-card-inner{border-color:transparent;box-shadow:0 24px 48px -12px rgba(99,102,241,.35),0 12px 24px -8px rgba(99,102,241,.2)}.cover-letter-grid .template-image-container{background:linear-gradient(#fafbfc 0%,#f1f5f9 100%);padding:16px 16px 0;position:relative;overflow:hidden}.cover-letter-grid .template-image-container:after{content:"";pointer-events:none;background:linear-gradient(transparent 0%,#f1f5f9 100%);height:30px;position:absolute;bottom:0;left:16px;right:16px}.cover-letter-grid .template-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:10px 10px 0 0;transition:transform .5s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04)}.cover-letter-grid .template-card:hover .template-image{transform:scale(1.03)}.cover-letter-grid .template-info{text-align:center;background:linear-gradient(#fff 0%,#fafbff 100%);border-top:1px solid rgba(99,102,241,.06);flex-direction:column;align-items:center;gap:8px;min-height:80px;padding:14px 12px 16px;display:flex;position:relative;overflow:hidden}.cover-letter-grid .template-info:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:0 0 4px 4px;width:40px;height:3px;transition:all .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.cover-letter-grid .template-card:hover .template-info:before{opacity:1;width:60px}.cover-letter-grid .template-name{color:#1e293b;letter-spacing:-.01em;white-space:nowrap;margin-bottom:0;font-size:14px;font-weight:700;line-height:1.3;transition:all .3s;display:block;position:relative}.cover-letter-grid .template-card:hover .template-name{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}.cover-letter-grid .template-category{color:#6366f1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(168,85,247,.08) 100%);border:1px solid rgba(99,102,241,.12);border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:10px;font-weight:600;transition:all .3s;display:inline-flex}.cover-letter-grid .template-card:hover .template-category{background:linear-gradient(135deg,rgba(99,102,241,.12) 0%,rgba(168,85,247,.12) 100%);border-color:rgba(99,102,241,.2)}.cover-letter-grid .template-overlay{background:linear-gradient(transparent 0%,transparent 30%,rgba(15,23,42,.9) 100%);gap:12px;padding:24px}.cover-letter-grid .template-preview-btn{color:#4f46e5;background:#fff;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.cover-letter-grid .template-preview-btn:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.cover-letter-grid .template-use-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px rgba(99,102,241,.5)}.cover-letter-grid .template-use-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.6)}.templates-grid-row2{margin-top:20px}.template-card{transition:all .3s}.template-card:hover{transform:translateY(-8px)}.template-card-inner{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.template-card:hover .template-card-inner{border-color:rgba(99,102,241,.2);box-shadow:0 12px 32px rgba(99,102,241,.15)}.template-image-container{aspect-ratio:3/4;background:#fff;width:100%;padding:0;position:relative;overflow:hidden}.template-image{-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;background:#fff;width:100%;height:100%;transition:transform .4s}.template-card:hover .template-image{transform:scale(1.02)}.template-overlay{opacity:0;background:linear-gradient(transparent 0%,transparent 40%,rgba(0,0,0,.85) 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:16px;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.template-card:hover .template-overlay{opacity:1}.template-preview-btn,.template-use-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.template-preview-btn{color:#1f2937;background:rgba(255,255,255,.95)}.template-preview-btn:hover{background:#fff}.template-use-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);font-weight:700}.template-use-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.5)}.template-info{text-align:center;background:#fff;padding:16px}.template-name{color:#0f172a;letter-spacing:-.01em;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.3}.template-category{color:#6366f1;text-transform:uppercase;letter-spacing:.06em;background:rgba(99,102,241,.08);border-radius:100px;padding:5px 12px;font-size:10px;font-weight:600;display:inline-block}.coming-soon-card{opacity:1}.coming-soon-card:hover{transform:translateY(-8px)}.coming-soon-card .template-card-inner{background:#fff;border:1px solid rgba(99,102,241,.15)}.coming-soon-card:hover .template-card-inner{border-color:rgba(99,102,241,.25);box-shadow:0 8px 24px rgba(99,102,241,.12)}.coming-soon-container{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);justify-content:center;align-items:center;display:flex}.coming-soon-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px 24px;display:flex}.coming-soon-icon{background:linear-gradient(135deg,rgba(99,102,241,.12) 0%,rgba(139,92,246,.12) 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;animation:2.5s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.coming-soon-icon svg{color:#6366f1}.coming-soon-emoji{margin-bottom:12px;font-size:40px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.coming-soon-badge{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:100px;margin-bottom:16px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 4px 12px rgba(99,102,241,.3)}.coming-soon-message{color:#475569;text-align:center;max-width:220px;margin:0 0 20px;font-size:13px;font-weight:500;line-height:1.6}.coming-soon-progress{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:160px;display:flex}.progress-bar{background:rgba(99,102,241,.15);border-radius:100px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:100px;width:65%;height:100%;animation:2s ease-in-out infinite progressPulse}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.6}}.progress-text{color:#6366f1;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.coming-soon-card .template-info{text-align:center;background:#fff;border-top:1px solid rgba(0,0,0,.04);padding:14px 16px 16px;display:block}.coming-soon-card .template-name{color:#0f172a;margin-bottom:8px;font-size:15px;font-weight:700}.coming-soon-card .template-category{color:#6366f1;text-transform:uppercase;letter-spacing:.06em;background:rgba(99,102,241,.08);border-radius:100px;padding:5px 12px;font-size:10px;font-weight:600;display:inline-block}.preview-modal-overlay{z-index:50;background:rgba(0,0,0,.92);justify-content:center;align-items:center;padding:40px;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:.3s fadeIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:.3s scaleIn}.rounded-image{border-radius:12px}.preview-close-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#fff;background:rgba(255,255,255,.1);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.preview-close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.preview-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;position:absolute;top:24px;left:24px}.preview-label h3{color:#fff;margin:0;font-size:16px;font-weight:600}.preview-image-wrapper{justify-content:center;align-items:center;display:flex}.preview-image-container{cursor:zoom-in;border-radius:12px;line-height:0;overflow:hidden}.preview-image{border-radius:12px;width:auto;max-width:70vw;height:auto;max-height:85vh;transition:transform .2s;box-shadow:0 25px 80px rgba(0,0,0,.5)}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:rgba(0,0,0,.6);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-content{text-align:center;background:#fff;border-radius:20px;padding:40px;box-shadow:0 25px 60px rgba(0,0,0,.3)}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:56px;height:56px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-content h3{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:700}.loading-content p{color:#64748b;font-size:14px}@media (max-width:1024px){.template-title{font-size:36px}.template-title-large{font-size:38px}.featured-template{padding:28px}.featured-content{gap:28px}.featured-image{width:280px}.featured-name{font-size:24px}.featured-description{margin-bottom:20px;font-size:14px}.feature-item{padding:6px 12px;font-size:13px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:20px}.cover-letter-grid{border-radius:24px;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px}.cover-letter-grid .template-image-container{padding:16px 16px 0}.cover-letter-grid .template-info{padding:16px}}@media (max-width:900px){.template-section{padding:60px 0}.featured-content{flex-direction:column;gap:24px}.featured-image-wrapper{order:0}.featured-image{width:100%;max-width:320px}.featured-info{text-align:center}.featured-description{max-width:100%}.featured-features,.featured-badges-row,.featured-stats{justify-content:center}.templates-grid{grid-template-columns:repeat(2,1fr);gap:16px}.cover-letter-grid{border-radius:20px;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.cover-letter-grid .template-card:hover{transform:translateY(-10px)scale(1.01)}.cover-letter-grid .template-card:before{border-radius:18px}.cover-letter-grid .template-card-inner{border-radius:16px}.cover-letter-grid .template-image-container{padding:14px 14px 0}.cover-letter-grid .template-info{padding:12px 10px 14px}.cover-letter-grid .template-name{margin-bottom:0;font-size:13px}.templates-grid-row2{margin-top:16px}.grid-divider{display:none}.templates-grid-header{flex-direction:column;gap:8px}}@media (max-width:639px){.template-section{padding:50px 0}.template-container{padding:0 16px}.template-header{margin-bottom:35px}.template-title{margin-bottom:12px;font-size:28px}.template-title-large{margin-bottom:12px;font-size:32px}.template-page-badge{margin-bottom:12px;padding:6px 12px}.template-page-badge svg{width:14px;height:14px}.template-page-badge span{font-size:12px}.template-subtitle{font-size:15px}.featured-template{border-radius:20px;margin-bottom:35px;padding:24px 16px}.featured-badge{padding:8px 16px;font-size:11px;top:-12px}.featured-badge svg{width:14px;height:14px}.mnc-stamp{display:none}.featured-content{flex-direction:column;gap:20px}.featured-image{width:100%;max-width:340px}.featured-name{font-size:22px}.featured-description{margin-bottom:16px;font-size:14px}.featured-category{padding:5px 12px;font-size:11px}.feature-item{padding:6px 10px;font-size:13px}.featured-features{justify-content:center;gap:8px 12px}.featured-badges-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.badge-item{padding:8px 12px;font-size:12px}.featured-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;padding-top:16px}.featured-stats .stat-item{gap:10px;padding:10px 14px}.featured-stats .stat-icon{width:34px;height:34px}.featured-stats .stat-icon svg{width:16px;height:16px}.featured-stats .stat-number{font-size:20px}.featured-stats .stat-label{font-size:10px}.featured-preview-btn,.featured-use-btn{padding:12px 20px;font-size:14px}.templates-grid-header{border-radius:12px;flex-direction:column;gap:6px 8px;margin-bottom:20px;padding:10px 16px}.templates-grid-header h3{font-size:14px}.grid-divider{display:none}.grid-subtitle{font-size:12px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cover-letter-grid{border-radius:16px;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.cover-letter-grid .template-card:hover{transform:translateY(-8px)}.cover-letter-grid .template-card:before{border-radius:14px;top:-1px;bottom:-1px;left:-1px;right:-1px}.cover-letter-grid .template-card-inner{border-radius:12px}.cover-letter-grid .template-image-container{padding:12px 12px 0}.cover-letter-grid .template-image-container:after{height:30px;left:12px;right:12px}.cover-letter-grid .template-image{border-radius:8px 8px 0 0}.cover-letter-grid .template-info{padding:12px 10px 14px}.cover-letter-grid .template-name{margin-bottom:0;font-size:12px}.cover-letter-grid .template-overlay{gap:8px;padding:16px}.cover-letter-grid .template-preview-btn,.cover-letter-grid .template-use-btn{border-radius:8px;padding:10px 16px;font-size:12px}.templates-grid-row2{margin-top:12px}.coming-soon-emoji{margin-bottom:4px;font-size:24px}.coming-soon-badge{margin-bottom:6px;padding:4px 10px;font-size:8px}.coming-soon-message{max-width:130px;margin-bottom:10px;font-size:9px;line-height:1.4}.coming-soon-progress{gap:4px;max-width:100px}.progress-bar{height:3px}.progress-text{font-size:7px}.coming-soon-name{font-size:13px}.coming-soon-category{font-size:10px}.coming-soon-content{padding:10px}.coming-soon-icon{width:44px;height:44px;margin-bottom:8px}.coming-soon-icon svg{width:24px;height:24px}.template-card-inner{border-radius:12px}.template-overlay{gap:8px;padding:14px}.template-preview-btn,.template-use-btn{border-radius:8px;max-width:100%;padding:10px 14px;font-size:12px}.template-info{padding:12px}.template-name{margin-bottom:6px;font-size:14px}.template-category{padding:4px 10px;font-size:10px}.preview-modal-overlay{padding:20px}.preview-close-btn{width:40px;height:40px;top:16px;right:16px}.preview-label{padding:10px 14px;top:16px;left:16px}.preview-label h3{font-size:14px}.preview-image{max-width:90vw;max-height:75vh}.loading-content{border-radius:16px;margin:0 20px;padding:30px}.loading-spinner{width:48px;height:48px}.loading-content h3{font-size:18px}}@media (max-width:374px){.template-title{font-size:24px}.featured-template{padding:20px 12px}.featured-name{font-size:20px}.featured-description{font-size:13px}.templates-grid{gap:10px}.cover-letter-grid{border-radius:14px;gap:8px;padding:10px}.template-name{font-size:12px}.template-category{font-size:8px}.coming-soon-icon{width:40px;height:40px}.coming-soon-icon svg{width:24px;height:24px}.coming-soon-emoji{font-size:20px}.coming-soon-badge{padding:3px 8px;font-size:7px}.coming-soon-message{max-width:100px;font-size:8px}.coming-soon-progress{max-width:80px}.progress-text{font-size:6px}.coming-soon-name{font-size:11px}.coming-soon-category{font-size:9px}}.template-carousel-wrapper{width:100%;padding:0 60px;position:relative}.template-carousel-viewport{width:100%;overflow:hidden}.template-carousel-track{gap:20px;display:flex}.template-carousel-track .template-card{flex-shrink:0;width:350px}.carousel-nav-button{cursor:pointer;z-index:10;color:#374151;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px rgba(0,0,0,.08)}.carousel-nav-button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:transparent;transform:translateY(-50%)scale(1.05);box-shadow:0 6px 20px rgba(99,102,241,.35)}.carousel-nav-button:disabled{opacity:.3;cursor:not-allowed}.carousel-nav-prev{left:0}.carousel-nav-next{right:0}@media (min-width:1600px){.template-container{max-width:1500px}.templates-grid{gap:24px}.cover-letter-grid{gap:28px;max-width:1500px}}@media (max-width:1024px){.template-carousel-wrapper{padding:0 50px}.template-carousel-track .template-card{width:300px}.carousel-nav-button{width:44px;height:44px}}@media (max-width:768px){.template-carousel-wrapper{padding:0 40px}.template-carousel-track .template-card{width:280px}.template-carousel-track{gap:16px}.carousel-nav-button{width:40px;height:40px}.carousel-nav-button svg{width:20px;height:20px}}@media (max-width:639px){.template-carousel-wrapper{padding:0 36px}.template-carousel-track .template-card{width:260px}.template-carousel-track{gap:12px}.carousel-nav-button{width:36px;height:36px}.carousel-nav-button svg{width:18px;height:18px}}