.tpp-single-project,.tpp-archive-container{max-width:1200px;margin:0 auto;padding:2rem}.tpp-single-project{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);overflow:hidden}.tpp-project-header{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #eee}.tpp-project-title{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tpp-project-title h1{margin:0;font-size:2.5rem;color:#2d3436;font-weight:700}.tpp-project-status{padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-completed{background-color:#00b894;color:#fff}.status-in_progress{background-color:#fdcb6e;color:#2d3436}.status-planned{background-color:#0984e3;color:#fff}.tpp-project-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.tpp-project-meta span{display:flex;align-items:center;gap:.5rem;color:#636e72;font-size:.9rem}.tpp-project-meta i{color:#0984e3}.tpp-project-featured-image{margin:-2rem -2rem 2rem;position:relative}.tpp-project-featured-image img{width:100%;height:auto;display:block;border-radius:12px 12px 0 0}.tpp-project-details{font-size:1.1rem;line-height:1.8;color:#2d3436;margin-bottom:2rem}.tpp-project-gallery{margin:3rem 0}.tpp-project-gallery h3{margin-bottom:1.5rem;color:#2d3436;font-size:1.5rem}.tpp-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tpp-gallery-item{position:relative;padding-top:75%;overflow:hidden;border-radius:8px;cursor:pointer;transition:transform 0.3s ease}.tpp-gallery-item:hover{transform:translateY(-5px)}.tpp-gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.tpp-gallery-item:hover img{transform:scale(1.05)}.tpp-gallery-link{display:block;width:100%;height:100%}.tpp-project-technologies{margin:3rem 0;padding:2rem;background:#f8f9fa;border-radius:12px}.tpp-project-technologies h3{margin-bottom:1.5rem;color:#2d3436;font-size:1.5rem}.tpp-tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tpp-tech-tag{background-color:#fff;color:#0984e3;padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px rgb(0 0 0 / .05);transition:all 0.3s ease}.tpp-tech-tag:hover{background-color:#0984e3;color:#fff;transform:translateY(-2px)}.tpp-project-links{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.tpp-project-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:#0984e3;color:#fff;text-decoration:none;border-radius:25px;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.tpp-project-link:hover{background-color:#0069d9;transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2)}.tpp-project-link i{font-size:1.1rem}.tpp-archive-header{margin-bottom:3rem;text-align:center;padding:3rem 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px}.tpp-archive-title{font-size:2.5rem;color:#2d3436;margin-bottom:1.5rem;font-weight:700}.tpp-archive-filters{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.tpp-filter-group{display:flex;align-items:center;gap:.75rem}.tpp-filter{padding:.75rem 1.5rem;border:2px solid #e9ecef;border-radius:25px;font-size:.875rem;color:#2d3436;background:#fff;transition:all 0.3s ease}.tpp-filter:focus{border-color:#0984e3;outline:none;box-shadow:0 0 0 3px rgb(9 132 227 / .1)}.tpp-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.tpp-project-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);overflow:hidden;transition:all 0.3s ease}.tpp-project-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgb(0 0 0 / .15)}.tpp-project-thumbnail{position:relative;padding-top:56.25%;overflow:hidden}.tpp-project-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.tpp-project-card:hover .tpp-project-thumbnail img{transform:scale(1.05)}.tpp-project-card-content{padding:1.5rem}.tpp-project-card-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.tpp-project-card-title a{color:#2d3436;text-decoration:none;transition:color 0.3s ease}.tpp-project-card-title a:hover{color:#0984e3}.tpp-project-card-excerpt{color:#636e72;margin-bottom:1rem;font-size:.875rem;line-height:1.6}@media (max-width:768px){.tpp-project-header{padding:1.5rem}.tpp-project-title{flex-direction:column;align-items:flex-start}.tpp-project-meta{flex-direction:column;gap:.75rem}.tpp-archive-filters{flex-direction:column;align-items:stretch;padding:0 1rem}.tpp-filter-group{flex-direction:column;align-items:stretch}.tpp-project-links{flex-direction:column}.tpp-project-link{text-align:center;justify-content:center}.tpp-projects-grid{grid-template-columns:1fr}}.tpp-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.tpp-loading::after{content:'';width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0984e3;border-radius:50%;animation:tpp-spin 1s linear infinite}@keyframes tpp-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fancybox-bg{background:rgb(0 0 0 / .9)}.fancybox-container{z-index:999999}.fancybox-slide--image .fancybox-content{background:#fff0}.fancybox-button{background:#fff0;color:#fff}.fancybox-button:hover{background:rgb(255 255 255 / .1)}.tpp-developer-credit{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:1px solid #eee}.tpp-developer-info{display:flex;align-items:center;gap:1.5rem}.tpp-developer-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.tpp-developer-details{flex:1}.tpp-developer-details h4{margin:0 0 .5rem;color:#636e72;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tpp-developer-name{display:inline-block;margin:0 0 .5rem;color:#2d3436;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color 0.3s ease}.tpp-developer-name:hover{color:#0984e3}.tpp-developer-tagline{margin:0;color:#636e72;font-size:.9rem;line-height:1.4}@media (max-width:768px){.tpp-developer-info{flex-direction:column;text-align:center}.tpp-developer-logo{width:100px;height:100px}}.tpp-project-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:2rem}.tpp-project-main{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);padding:2rem}.tpp-project-description{font-size:1.1rem;line-height:1.8;color:#2d3436;margin-bottom:2rem}.tpp-project-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);padding:2rem;position:sticky;top:2rem}.tpp-project-info-card h2{color:#2d3436;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f2f6}.tpp-info-grid{display:grid;gap:1.5rem}.tpp-info-item{display:flex;flex-direction:column;gap:.5rem}.tpp-info-label{display:flex;align-items:center;gap:.5rem;color:#636e72;font-size:.9rem;font-weight:500}.tpp-info-label i{color:#6c5ce7;font-size:1.1rem}.tpp-info-value{color:#2d3436;font-size:1rem;font-weight:500}.tpp-project-actions{margin-top:2rem;display:grid;gap:1rem}.tpp-download-btn,.tpp-contact-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:8px;font-weight:500;transition:all 0.3s ease;text-decoration:none}.tpp-download-btn{background-color:#6c5ce7;color:#fff}.tpp-download-btn:hover{background-color:#5849c4;transform:translateY(-2px)}.tpp-contact-btn{background-color:#a8e6cf;color:#2d3436}.tpp-contact-btn:hover{background-color:#88d7b9;transform:translateY(-2px)}@media (max-width:992px){.tpp-project-layout{grid-template-columns:1fr}.tpp-project-info-card{position:static;margin-top:2rem}}@media (max-width:768px){.tpp-single-project{padding:1rem}.tpp-project-main{padding:1.5rem}.tpp-project-featured-image{margin:-1.5rem -1.5rem 1.5rem}.tpp-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tpp-project-actions{grid-template-columns:1fr}}