:root{--background: #F8F8F8;--primary-color: #5A67D8;--text-primary: #2D3748;--text-secondary: #718096;--success-color: #48BB78;--dark-color: #000000;--border-color: #d3dae2;--font-family-sans-serif: "Poppins", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family-sans-serif);font-style:normal}body{background:var(--background)}body,html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c0ccda #f8f8f8}.main-header{width:100%;padding-bottom:7rem}section{background:var(--background)}body section:nth-child(1){margin-bottom:5rem}.nav-bar{width:95%;margin:0 auto;position:sticky}.nav-bar ul{list-style:none;display:flex}.nav-bar{width:70%;margin:0 auto;position:fixed;border-radius:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;top:1.5rem;left:0;right:0;border-color:#ffffff80;background:#ffffffb3;padding:16px 28px;box-shadow:0 4px 20px -3px #00000020,0 4px 6px -4px #5a67d833}.nav-bar>ul{list-style:none;display:flex;align-items:center}.left-nav,.right-nav{flex:1;display:flex}.left-nav img{object-fit:cover;width:120px}.left-nav a{display:flex;align-items:center;justify-content:center}.right-nav{justify-content:flex-end}.right-nav .cta_btn{padding:8px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:.9rem;box-shadow:0 10px 15px -3px #00000020,0 4px 6px -4px #5a67d833;font-weight:500;transition:all .3s ease}.nav-bar .cta_btn:hover{transform:translateY(-2px) scale(1.02)}.middle-nav ul{display:flex;gap:16px;align-items:center;list-style:none}.middle-nav ul li a{text-decoration:none}.middle-nav ul li a span{font-size:.9rem;color:#4a5568;text-decoration:none;letter-spacing:1px;line-height:1.5;position:relative;cursor:pointer}.middle-nav ul li a span:hover{color:var(--primary-color)}.middle-nav ul li a span:before{content:"";width:0;height:2px;background:var(--primary-color);transition:width .3s ease;position:absolute;bottom:-3px;z-index:-1;border-radius:3px}.middle-nav ul li a span:hover:before{width:100%}.main-container{padding:8px 4% 0}.container-header{display:flex;flex-direction:column;gap:24px}.search-filter-container{display:flex;gap:30px;align-items:center;justify-content:space-between}.search-bar{position:relative;flex-shrink:0}.search-input{width:100%;position:relative;border-radius:32px;overflow:hidden;transition:all .3s ease;background:transparent;padding:14px 70px 14px 25px;border:none;font-size:.85rem;color:var(--text-primary);outline:none;background:#f3f3f6}.search-input:focus-within{box-shadow:0 0 0 5px #5a67d820;border:1px solid var(--primary-color);transform:translateY(-2px)}.search-input::placeholder{color:var(--text-secondary)}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--primary-color);color:#fff;border:none;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.search-button:hover{transform:translateY(-50%) scale(1.05)}.search-button:active{transform:translateY(-50%) scale(.98)}.search-button i{font-size:.8rem}.filter-container-wrapper{overflow-x:auto;scrollbar-width:none}.filter-container{list-style:none;display:flex;gap:8px;align-items:center;flex-wrap:nowrap;margin:0;padding:0;width:100%}.filter-pill a{text-decoration:none;color:var(--text-primary);font-family:var(--font-family-sans-serif);font-size:.85em;line-height:23.6px;text-align:center;padding:8px 16px;border:1px solid var(--border-color);border-radius:86px;display:block;transition:color .3s;font-weight:300;box-shadow:none;position:relative;z-index:1;overflow:hidden}.filter-pill.active a{background:var(--primary-color);color:#fff}.filter-pill a:hover{color:#fff}.filter-pill a:before{content:"";width:100%;height:100%;position:absolute;background:var(--primary-color);bottom:100%;left:0;transition:bottom .2s ease;z-index:-1;border-radius:86px}.filter-pill{flex-shrink:0}.filter-pill a:hover:before{bottom:0%}.header-text{font-size:1rem;line-height:1.6;letter-spacing:1px;color:var(--text-primary);font-weight:400}.template-container-wrapper{margin-top:32px}.template-container{display:grid;grid-gap:36px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));list-style:none;position:relative}.template{display:flex;flex-direction:column;gap:16px}.template-thumbnail-container{border-radius:10px;overflow:hidden;position:relative}.template-thumbnail{border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.template-thumbnail img{width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 5}.template-thumbnail-container .link-overlay{position:absolute;left:0;top:0;width:100%;height:100%}.template-info{display:flex;flex-direction:column;gap:8px}.template-info h2{font-size:1.2rem;color:var(--text-primary);font-weight:500;line-height:1.5}.template-info p:not(.template-description){font-size:.8rem;color:var(--text-primary);letter-spacing:1px;line-height:1.5;font-weight:400}.template-description-wrapper{display:flex;flex-direction:column;gap:4px}.template-description{font-size:.8rem;color:var(--text-primary);letter-spacing:1px;line-height:1.5;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:all .25s ease}.template-description-wrapper.expanded .template-description{display:block;overflow:visible;-webkit-line-clamp:unset;-webkit-box-orient:unset}.read-more-btn{background:none;border:none;padding:0;font-size:.75rem;font-family:var(--font-family-sans-serif);color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start;transition:color .2s ease}.read-more-btn:hover{color:var(--primary-color)}.template-stats-bar{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.stat-downloads{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:.75rem;font-family:var(--font-family-sans-serif)}.stat-downloads svg{opacity:.6}.bookmark-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .15s ease}.bookmark-btn:hover{color:var(--primary-color);transform:scale(1.15)}.bookmark-btn.bookmarked{color:var(--primary-color)}.bookmark-btn.bookmarked:hover{transform:scale(1.15)}.saved-btn{display:flex;align-items:center;gap:7px;padding:8px 18px 8px 14px;background:transparent;border:1.5px solid var(--border-color);border-radius:30px;cursor:pointer;font-size:.85rem;font-family:var(--font-family-sans-serif);font-weight:500;color:var(--text-primary);transition:all .25s ease}.saved-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#5a67d80d}.saved-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #5a67d859}.saved-btn.active svg{fill:#fff;stroke:#fff}.saved-count{display:none;background:var(--primary-color);color:#fff;font-size:.65rem;font-weight:600;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;line-height:1}.saved-btn.active .saved-count{background:#ffffff40}.saved-view-banner{display:none;align-items:center;justify-content:space-between;background:#5a67d80f;border:1px solid rgba(90,103,216,.15);border-radius:12px;padding:10px 16px;margin-top:20px;font-size:.85rem;color:var(--primary-color);font-weight:500}.saved-view-banner.visible{display:flex}.saved-view-banner-left{display:flex;align-items:center;gap:8px}.saved-view-banner-left span{font-weight:500;letter-spacing:1px}.saved-view-clear{background:none;border:none;font-size:.8rem;font-family:var(--font-family-sans-serif);color:var(--text-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.saved-view-clear:hover{color:#e53e3e}.empty-saved-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-secondary);text-align:center}.empty-saved-state p{font-size:1rem;font-weight:600;color:var(--text-primary)}.empty-saved-state span{font-size:.82rem;color:var(--text-secondary);max-width:260px;line-height:1.5;letter-spacing:1px;font-weight:400}@keyframes svg-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.saved-btn .click-animate{animation:svg-pop .3s ease}@media(max-width:768px){.saved-btn span:first-of-type{display:none}.saved-btn{padding:8px 10px}}.template-info .badge-container{display:flex;gap:8px;flex-wrap:wrap}.badge-container .badge{background:#f2f2f2;color:#8b8893;font-size:.7rem;padding:2px 8px;border-radius:4px}.template-container-wrapper:has(.error-message){margin-bottom:25rem}.partition{width:90%;height:1px;background:#d3dae2;margin:0 auto}.footer-section .footer{width:85%;margin:0 auto;padding:2.5rem 0;display:flex;align-items:center;justify-content:space-between}.footer-links ul{list-style:none;display:flex;gap:24px}.footer-links ul li a{text-decoration:none;color:#4a5568}.footer-links ul li a span{font-size:.9rem;color:#4a5568;text-decoration:none;letter-spacing:1px;line-height:1.5;position:relative;cursor:pointer}.footer-links ul li a span:hover{color:var(--primary-color)}.footer-links ul li a span:before{content:"";width:0;height:2px;background:var(--primary-color);transition:width .3s ease;position:absolute;bottom:-3px;border-radius:3px}.footer-links ul li a span:hover:before{width:100%}.copyright-info{display:flex;align-items:center;justify-content:flex-end;flex:1}.copyright-info p{font-size:.9rem;color:#4a5568;line-height:1.5;letter-spacing:1px}@media(max-width:680px){.search-filter-container{flex-direction:column;gap:1rem}.search-bar,.filter-container-wrapper{width:100%}}@media(max-width:768px){.nav-bar{width:95%;padding:12px 16px 12px 30px;top:1rem}.middle-nav{display:none}.right-nav .cta_btn{padding:6px 14px;font-size:.8rem}.footer{flex-direction:column;gap:2rem;text-align:center}.footer-links ul{flex-wrap:wrap;justify-content:center;gap:16px}}@media(max-width:425px){.left-nav img{object-fit:cover;width:100px}.main-header{width:100%;padding-bottom:5rem}}