.project-hero{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:120px 0 80px;position:relative;overflow:hidden}.project-hero .hero-bg-shapes{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.project-hero .hero-bg-shapes .shape{opacity:.5;border-radius:50%;position:absolute}.project-hero .hero-bg-shapes .shape.shape-1{filter:blur(80px);background:linear-gradient(135deg,#ff6b6b 0%,orange 100%);width:400px;height:400px;top:-200px;right:-100px}.project-hero .hero-bg-shapes .shape.shape-2{filter:blur(60px);background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);width:300px;height:300px;bottom:-150px;left:-100px}.project-hero .hero-badge{color:#ff6b6b;z-index:1;background:#fff;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 10px 40px #00000014}.project-hero .hero-badge i{font-size:16px}.project-hero .project-main-title{color:#1e293b;z-index:1;margin-bottom:15px;font-size:3rem;font-weight:800;position:relative}.project-hero .project-main-title span{background:linear-gradient(135deg,#ff6b6b 0%,orange 100%);-webkit-text-fill-color:transparent;background-clip:text}.project-hero .project-subtitle{color:#64748b;z-index:1;max-width:600px;margin:0 auto;font-size:1.1rem;position:relative}.project-hero .breadcrumb-item a{color:#64748b;transition:color .3s}.project-hero .breadcrumb-item a:hover{color:#ff6b6b}.dark-mode .project-hero{background:0 0}.dark-mode .project-hero .hero-badge{backdrop-filter:blur(10px);background:#1e293bcc}.dark-mode .project-hero .project-main-title{color:#e2e8f0}.dark-mode .project-hero .project-subtitle,.dark-mode .project-hero .breadcrumb-item a{color:#94a3b8}.featured-projects-section{background:#f1f5f9}.featured-projects-section .featured-project-card{border:1px solid #f1f5f9;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.featured-projects-section .featured-project-card:hover{border-color:#0000;transform:translateY(-10px);box-shadow:0 25px 50px -12px #00000026}.featured-projects-section .featured-project-card:hover .project-overlay{opacity:1}.featured-projects-section .featured-project-card:hover img{transform:scale(1.08)}.featured-projects-section .featured-project-card .project-image{height:280px;position:relative;overflow:hidden}.featured-projects-section .featured-project-card .project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-projects-section .featured-project-card .project-overlay{opacity:0;background:linear-gradient(#0000 0%,#000000b3 100%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.featured-projects-section .featured-project-card .project-info{background:#fff;padding:25px}.featured-projects-section .featured-project-card .project-info .project-category{color:#ff6b6b;font-size:.85rem;font-weight:600}.featured-projects-section .featured-project-card .project-info h4{color:#1e293b;margin:10px 0 0;font-size:1.25rem;font-weight:700}.dark-mode .featured-projects-section .featured-project-card{backdrop-filter:blur(10px);background:#1e293bcc;border-color:#ffffff0d}.projects-filter .filter-btn{cursor:pointer;color:#64748b;background:#fff;border:2px solid #e2e8f0;border-radius:50px;margin:5px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.projects-filter .filter-btn:hover,.projects-filter .filter-btn.active{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,orange 100%);border-color:#0000;box-shadow:0 8px 25px #ff6b6b4d}.dark-mode .projects-filter .filter-btn{color:#94a3b8;background:#1e293bcc;border-color:#ffffff1a}.project-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 40px #00000014}.project-card:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026}.project-card:hover .project-card-overlay{opacity:1}.project-card:hover .project-card-image img{transform:scale(1.08)}.project-card .project-card-image{height:240px;position:relative;overflow:hidden}.project-card .project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card .project-card-image .featured-badge{color:#1e293b;background:linear-gradient(135deg,#fdce59,#f59e0b);border-radius:25px;padding:8px 14px;font-size:.8rem;font-weight:600;position:absolute;top:15px;right:15px;box-shadow:0 4px 15px #f59e0b66}.project-card .project-card-overlay{opacity:0;background:linear-gradient(#0000 0%,#0009 100%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card .project-card-overlay .btn{color:#ff6b6b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s;display:flex}.project-card .project-card-overlay .btn:hover{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,orange 100%);transform:scale(1.1)}.project-card .project-card-body{padding:25px}.project-card .project-card-body .project-category-tag{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border-radius:20px;margin-bottom:10px;padding:6px 16px;font-size:.8rem;font-weight:500;display:inline-block}.project-card .project-card-body .project-title{margin-bottom:8px;font-size:1.15rem;font-weight:600}.project-card .project-card-body .project-title a{color:#333;text-decoration:none;transition:all .3s}.project-card .project-card-body .project-title a:hover{color:#fd7151}.project-card .project-card-body .project-description{color:#666;margin-bottom:12px;font-size:.9rem}.project-card .project-card-body .project-tech{flex-wrap:wrap;gap:6px;display:flex}.project-card .project-card-body .project-tech .tech-tag{color:#555;background:#f5f5f5;border-radius:12px;padding:3px 10px;font-size:.75rem}.project-details-section .project-main-image img{border-radius:12px;width:100%}.project-details-section .project-description .card-body{padding:30px}.project-details-section .project-description .card-body p{color:#64748b}.project-details-section .project-description .card-body h3{color:#fd7151;font-weight:600}.project-details-section .project-description .card-body .content{color:#555;line-height:1.8}.project-details-section .project-description .card-body .content p{margin-bottom:15px}.project-details-section .project-description .card-body .content ul,.project-details-section .project-description .card-body .content ol{margin-bottom:15px;padding-left:20px}.project-sticky{height:fit-content;position:sticky;top:100px}.project-info-card .card-header{color:#ff6b6b;background:#fd71511a}.project-info-card .project-meta-list{margin:0;padding:0;list-style:none}.project-info-card .project-meta-list li{border-bottom:1px solid #eee;align-items:center;padding:12px 0;display:flex}.project-info-card .project-meta-list li:last-child{border-bottom:none}.project-info-card .project-meta-list li i{color:#fd7151;background:#fd71511a;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-right:12px;display:flex}.project-info-card .project-meta-list li span{color:#888;margin-right:auto;font-size:.85rem}.project-info-card .project-meta-list li strong,.project-info-card .project-meta-list li a{font-weight:600}.project-info-card .tech-tags .badge{padding:6px 12px;font-weight:500}.projects-cta-section{color:#fff;background:linear-gradient(135deg,#fd7151,#e45c3a);padding:80px 0;position:relative}.projects-cta-section .cta-title{margin-bottom:10px;font-size:2rem;font-weight:700}.projects-cta-section .cta-subtitle{opacity:.9;margin-bottom:25px;font-size:1.1rem}.projects-cta-section .cta-overlay{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.dark-mode .project-card{backdrop-filter:blur(8px);background:#0003}.dark-mode .project-card .project-card-body .project-title a{color:#eee}.dark-mode .project-card .project-card-body .project-description{color:#ccc}.dark-mode .project-card .project-card-body .tech-tag{color:#ddd;background:#ffffff1a}.dark-mode .featured-projects-section{background:0 0}.dark-mode .featured-projects-section .featured-project-card .project-info{background:#1a1a1a}.dark-mode .featured-projects-section .featured-project-card .project-info h4{color:#eee}.dark-mode .projects-filter .filter-btn{color:#ddd;border-color:#444}.dark-mode .projects-filter .filter-btn:hover,.dark-mode .projects-filter .filter-btn.active{background:#fd7151;border-color:#fd7151}.dark-mode .project-info-card{background:#1a1a1a}.dark-mode .project-info-card .project-meta-list li{border-color:#333}.dark-mode .project-info-card .project-meta-list li span{color:#aaa}.dark-mode .project-info-card .project-meta-list li strong{color:#eee}.dark-mode .project-info-card h6{color:#ff6b6b}.dark-mode .project-description{background:#1a1a1a!important}.dark-mode .project-description h3{color:#fd7151}.dark-mode .project-description .content{color:#ccc}.dark-mode .projects-cta-section{background:0 0}@media (width<=768px){.project-hero{padding:100px 0 60px}.project-hero .project-main-title{font-size:1.8rem}.project-card .project-card-image{height:180px}.featured-project-card .project-image{height:200px}}