.page-header{text-align:center;margin-bottom:60px}.page-header h1{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.page-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.search-wrapper{max-width:500px;margin:40px auto 0;position:relative}.search-wrapper input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:14px 20px 14px 48px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--text-muted);transform:translateY(-4px)}.card-img-container{background:var(--bg-secondary);border-bottom:1px solid var(--border);width:100%;height:190px;overflow:hidden}.card-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover .card-img-container img{transform:scale(1.05)}.card-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.card-title{color:var(--text-main);margin-bottom:8px;font-size:1.1rem;font-weight:700}.card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.5}.card-actions{gap:8px;display:flex}.card-actions a{text-decoration:none}.btn-action{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-action:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.btn-primary-ghost{color:var(--primary);background:var(--primary-light);border-color:#0000}.btn-primary-ghost:hover{background:#2e6aea33}.highlight{color:var(--text-main);background-color:#ffd7004d;border-radius:2px}