.templates-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0e0e12,#111115);overflow:hidden;padding:80px 24px}.templates-hero-content{position:relative;z-index:10;max-width:900px;text-align:center;display:flex;flex-direction:column;gap:32px}.templates-hero-title{font-size:3.5rem;font-weight:800;color:#fff;line-height:1.2;margin:0;letter-spacing:-.02em}.templates-hero-title .highlight{background:linear-gradient(90deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.templates-hero-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.8);line-height:1.6;max-width:700px;margin:0 auto}.templates-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary-hero,.btn-secondary-hero{padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;display:inline-block}.btn-primary-hero{background:#e50914;color:#fff;border:none;box-shadow:0 8px 24px rgba(229,9,20,.4)}.btn-primary-hero:hover{background:#c50812;transform:translateY(-2px);box-shadow:0 12px 32px rgba(229,9,20,.5)}.btn-secondary-hero{background:transparent;color:gold;border:2px solid gold}.btn-secondary-hero:hover{background:gold;color:#001a33;transform:translateY(-2px)}.templates-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:2.5rem;color:gold}.stat-label{font-size:.875rem;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:hsla(0,0%,100%,.2)}.templates-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-gradient-1{position:absolute;top:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(22,115,255,.3),transparent 70%);animation:float 8s ease-in-out infinite}.hero-gradient-2{position:absolute;bottom:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,215,0,.2),transparent 70%);animation:float 10s ease-in-out infinite reverse}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;opacity:.4}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}@media (max-width:768px){.templates-hero{min-height:70vh;padding:60px 20px}.templates-hero-title{font-size:2.5rem}.templates-hero-subtitle{font-size:1.1rem}.templates-hero-actions{flex-direction:column;gap:12px}.btn-primary-hero,.btn-secondary-hero{width:100%;max-width:320px}.templates-hero-stats{gap:20px}.stat-number{font-size:2rem}.stat-divider{display:none}}.template-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(22,115,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease;cursor:pointer}.template-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(22,115,255,.2);border-color:#1673ff}.template-thumbnail{position:relative;width:100%;height:380px;background:linear-gradient(180deg,#f8f9fb,#fff);overflow:hidden}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(0);transition:filter .3s ease}.template-card:hover .thumbnail-image{filter:blur(2px)}.thumbnail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.7);opacity:0;transition:opacity .3s ease;z-index:10}.template-card:hover .thumbnail-overlay{opacity:1}.btn-use,.btn-view{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-view{background:transparent;border:2px solid gold;color:gold}.btn-view:hover{background:gold;color:#001a33}.btn-use{background:#e50914;color:#fff;box-shadow:0 4px 12px rgba(229,9,20,.3)}.btn-use:hover{background:#c50812;transform:scale(1.05)}.template-details{padding:20px}.template-title{font-size:1.25rem;font-weight:700;color:#001a33;margin:0 0 8px}.template-trade{font-size:.9rem;color:#1673ff;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0 0 16px}.template-summary{font-size:.875rem;color:#4a5568;line-height:1.5;margin:0 0 16px;font-style:italic}.template-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.template-features li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#4a5568}.feature-icon{display:inline-flex;width:18px;height:18px;border-radius:50%;background:gold;color:#001a33;font-size:.75rem;font-weight:700;flex-shrink:0}.feature-icon,.modal-backdrop{align-items:center;justify-content:center}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;z-index:1000;padding:20px;overflow-y:auto}.modal-container{position:relative;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);border-radius:24px;max-width:1100px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(22,115,255,.2);overflow:hidden}.modal-close{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.6);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#e50914;transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.modal-preview{display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(180deg,#f8f9fb,#fff);border-radius:16px;padding:20px;overflow-y:auto;max-height:700px}.preview-image{width:100%;height:auto;max-height:700px;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.modal-details{gap:24px;padding-top:20px}.modal-details,.modal-header{display:flex;flex-direction:column}.modal-header{gap:12px}.modal-trade{display:inline-block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#1673ff;background:rgba(22,115,255,.1);padding:6px 12px;border-radius:6px;width:-moz-fit-content;width:fit-content}.modal-title{font-size:2rem;font-weight:700;color:#001a33;margin:0}.modal-description{font-size:1rem;color:#4a5568;line-height:1.6;margin:0}.modal-features h3{font-size:1.1rem;font-weight:600;color:#001a33;margin:0 0 12px}.modal-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.modal-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#2d3748}.feature-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:gold;color:#001a33;font-size:.8rem;font-weight:700;flex-shrink:0}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:12px}.btn-download,.btn-use-modal{padding:16px 24px;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-use-modal{background:#e50914;color:#fff;box-shadow:0 4px 16px rgba(229,9,20,.3)}.btn-use-modal:hover{background:#c50812;transform:translateY(-2px);box-shadow:0 6px 20px rgba(229,9,20,.4)}.btn-download{background:transparent;border:2px solid #1673ff;color:#1673ff}.btn-download:hover{background:#1673ff;color:#fff}.modal-trust{padding:16px;background:linear-gradient(135deg,rgba(22,115,255,.08),rgba(255,215,0,.08));border-radius:12px;border:1px solid rgba(22,115,255,.2)}.trust-badge{font-size:.95rem;color:#001a33;margin:0 0 4px;font-weight:600}.trust-stat{font-size:.85rem;color:#4a5568;margin:0}@media (max-width:768px){.modal-content{grid-template-columns:1fr;padding:24px;gap:24px}.modal-preview{max-height:400px}.modal-title{font-size:1.5rem}.modal-close{top:12px;right:12px}.resume-preview-card{padding:20px}.resume-header h2{font-size:1.5rem}.skills-grid{grid-template-columns:1fr}}.resume-preview-card{width:100%;background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 16px rgba(0,0,0,.08);font-family:Lato,sans-serif}.resume-header{border-bottom:3px solid #1673ff;padding-bottom:16px;margin-bottom:24px}.resume-header h2{font-size:2rem;font-weight:800;color:#001a33;margin:0 0 8px}.resume-title{font-size:1.25rem;color:#1673ff;font-weight:600;margin:0 0 12px}.resume-contact{display:flex;flex-wrap:wrap;gap:16px;font-size:.875rem;color:#4a5568}.resume-section{margin-bottom:24px}.resume-section h3{font-size:1.1rem;font-weight:700;color:#001a33;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid gold;padding-bottom:4px}.resume-section p{font-size:.95rem;color:#2d3748;line-height:1.6;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.skill-badge{background:linear-gradient(135deg,rgba(22,115,255,.1),rgba(255,215,0,.1));border:1px solid rgba(22,115,255,.3);color:#001a33;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;text-align:center}.cert-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cert-list li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#2d3748;padding:6px 0}.cert-icon{font-size:1rem}.experience-item h4{font-size:1rem;font-weight:700;color:#001a33;margin:0 0 4px}.experience-item .company{font-size:.9rem;color:#1673ff;font-weight:600;margin:0 0 4px}.experience-item .dates{font-size:.85rem;color:#718096;font-style:italic;margin:0}.modal-highlights{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,rgba(22,115,255,.05),rgba(255,215,0,.05));border-radius:12px;border:1px solid rgba(22,115,255,.1)}.modal-highlights h3{font-size:1rem;font-weight:600;color:#001a33;margin:0 0 12px}.highlight-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{display:flex;flex-direction:column;align-items:center;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.stat-number{font-size:1.75rem;font-weight:800;color:#1673ff;line-height:1}.stat-label{font-size:.75rem;color:#718096;text-align:center;margin-top:4px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:48px 0;max-width:1200px;margin:0 auto}@media (max-width:1024px){.template-grid{grid-template-columns:repeat(2,1fr);gap:24px;padding:32px 16px}}@media (max-width:640px){.template-grid{grid-template-columns:1fr;gap:20px;padding:24px 16px}}