.search-box{position:relative;width:100%}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#317ac1;font-size:1.1rem;pointer-events:none;z-index:2}.search-input{width:100%;padding:1rem 3.5rem;border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-smooth);background:var(--card-bg);font-weight:500;color:var(--text-color)}.search-input::placeholder{color:var(--text-color);opacity:.5;font-weight:400}.search-input:focus{outline:none;border-color:#317ac1;box-shadow:0 0 0 4px #667eea1a}.search-clear{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:#667eea1a;border:none;color:#317ac1;font-size:1rem;cursor:pointer;transition:var(--transition-smooth);padding:.4rem .5rem;border-radius:var(--radius-sm);z-index:2}.search-clear:hover{background:#667eea33;transform:translateY(-50%) scale(1.1)}.article-item{transition:opacity .3s ease,transform .3s ease}.article-item.hidden{opacity:0;transform:translateY(10px);pointer-events:none}#resultsCounter{transition:opacity .3s ease,transform .3s ease}#resultsCounter.show{opacity:1;transform:scale(1)}#resultsCounter.hide{opacity:0;transform:scale(.8)}.pagination-wrapper{margin-top:3rem}.pagination-wrapper .card-iphone{padding:1.5rem 2rem;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.95rem}.pagination-info strong{color:#317ac1;font-weight:600}.pagination{margin:0;gap:.5rem}.pagination .page-item{margin:0}.pagination .page-link{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-color);padding:.5rem 1rem;font-weight:500;transition:var(--transition-smooth);background:var(--card-bg)}.pagination .page-link:hover{background:#667eea1a;border-color:#317ac1;color:#317ac1;transform:translateY(-2px)}.pagination .page-item.active .page-link{background:linear-gradient(135deg,#317ac1,#7c80fc);border-color:#317ac1;color:#fff;box-shadow:0 4px 12px #667eea4d}.pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed;background:var(--card-bg)}.pagination .page-link:focus{box-shadow:0 0 0 4px #667eea1a}@media(max-width:768px){.pagination-wrapper .card-iphone{flex-direction:column;text-align:center;padding:1.25rem 1.5rem}.pagination-info{order:2;margin-top:1rem;font-size:.85rem}.pagination-links{order:1}.pagination{justify-content:center;flex-wrap:wrap}.pagination .page-link{padding:.4rem .75rem;font-size:.9rem}}