.page-header{position:relative;padding-top:160px;padding-bottom:80px;width:100%;margin-top:0;overflow:hidden}.page-header .container{position:relative;z-index:2}.header-bg-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:120%;z-index:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);opacity:.5}.header-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.2;filter:blur(80px);z-index:0}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:20px;color:var(--text-main);position:relative;z-index:1}.gradient-text-hero{background:linear-gradient(135deg,var(--primary) 0%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;position:relative;display:inline-block}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:1}.tech-tag-hero{display:inline-flex;align-items:center;padding:8px 20px;border-radius:50px;background:var(--glass);border:1px solid var(--border);color:var(--primary);font-weight:600;font-size:.85rem;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgb(0 0 0 / .05);margin-bottom:25px}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%}.project-card:hover{transform:translateY(-12px);border-color:var(--primary);box-shadow:var(--shadow-xl)}.project-image-box{position:relative;height:230px;margin:12px;border-radius:22px;overflow:hidden;z-index:1}.project-main-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.project-card:hover .project-main-img{transform:scale(1.1)}.badge-overlay-top{position:absolute;top:15px;left:15px;z-index:5}.action-overlay{position:absolute;top:15px;right:15px;display:flex;gap:8px;z-index:5}.glass-tag,.glass-btn{background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-primary)!important}.glass-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:0.3s;text-decoration:none}.glass-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff!important;transform:scale(1.1)}.floating-project-icon{position:absolute;bottom:15px;left:15px;width:50px;height:50px;background:var(--primary);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--shadow-md);z-index:10;border:3px solid var(--card-bg)}.project-body{padding:20px 25px 30px 25px;flex-grow:1;display:flex;flex-direction:column}.project-title-new{color:var(--text-primary);font-size:1.4rem;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.project-desc-new{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:20px}.status-chip{padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.status-chip.warning{background:rgb(245 158 11 / .1);color:var(--warning)}.status-chip.success{background:rgb(16 185 129 / .1);color:var(--success)}.status-chip.info{background:rgb(59 130 246 / .1);color:var(--primary)}.pulse{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.tech-pill{background:var(--glass);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600;margin-right:6px;margin-bottom:8px;display:inline-block;transition:0.3s}.tech-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:30px;position:sticky;top:110px;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);z-index:90}.sidebar-widget{margin-bottom:35px;position:relative}.sidebar-widget:last-child{margin-bottom:0}.widget-title{color:var(--text-primary);font-size:.85rem;font-weight:800;margin-bottom:20px;text-transform:uppercase;letter-spacing:1.2px;display:flex;align-items:center;opacity:.9}.widget-title::before{content:'';width:4px;height:18px;background:var(--primary);margin-right:12px;border-radius:4px;box-shadow:0 0 10px var(--primary)}.modern-search-box{position:relative}.modern-search-box .form-control{background:var(--glass)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;border-radius:16px;padding:14px 20px;padding-right:50px;font-size:.95rem;transition:all 0.3s ease}.modern-search-box .form-control:focus{background:rgb(255 255 255 / .05)!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px rgb(99 102 241 / .15)!important}.search-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:var(--primary);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.search-icon-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgb(99 102 241 / .4)}.filter-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;border-radius:12px;color:var(--text-secondary);text-decoration:none;background:#fff0;border:1px solid #fff0;transition:all 0.2s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.95rem}.filter-link:hover{background:rgb(99 102 241 / .05);color:var(--primary);transform:translateX(5px);border-color:var(--border)}.filter-link.active{background:var(--primary);color:white!important;box-shadow:0 8px 20px rgb(99 102 241 / .3);border-color:var(--primary)}.filter-link i{width:20px;text-align:center;transition:transform 0.3s ease}.filter-link:hover i{transform:scale(1.2)}.count-badge{font-size:.75rem;background:var(--border);color:var(--text-muted);padding:2px 10px;border-radius:20px;font-weight:600;transition:all 0.3s ease}.filter-link.active .count-badge{background:rgb(255 255 255 / .2);color:#fff}.scrollable-filter-list{max-height:300px;overflow-y:auto;padding-right:5px}.scrollable-filter-list::-webkit-scrollbar{width:4px}.scrollable-filter-list::-webkit-scrollbar-track{background:rgb(0 0 0 / .05);border-radius:10px}.scrollable-filter-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.scrollable-filter-list:hover::-webkit-scrollbar-thumb{background:var(--primary)}@media (max-width:768px){.hero-title{font-size:2.5rem}}