.portfolio-page{background:radial-gradient(circle at 20% 30%,#d4af370f 0%,#0000 50%),linear-gradient(#fff 0%,#fafafa 100%);min-height:100vh;padding:2rem 0 4rem}.portfolio-page-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.portfolio-page-header{text-align:center;margin-bottom:2.5rem}.portfolio-page-title{color:#1a1a1a;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.portfolio-page-intro{color:#1a1a1abf;max-width:560px;margin:0 auto;font-size:1rem;line-height:1.7}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.portfolio-filter-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:999px;padding:.75rem 1.75rem;font-size:1.05rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.portfolio-filter-btn:hover{color:#1a1a1a;background:#f5f5f5}.portfolio-filter-btn--active{color:#b8941e;background:#d4af3726;border-color:#d4af3766}.portfolio-filter-btn--active:hover{color:#8b6914;background:#d4af3738}.portfolio-filter-btn--web:not(.portfolio-filter-btn--active){color:#1d4ed8;background:#2563eb14;border-color:#2563eb59}.portfolio-filter-btn--web:not(.portfolio-filter-btn--active):hover{color:#1e40af;background:#2563eb26}.portfolio-filter-btn--seo:not(.portfolio-filter-btn--active){color:#15803d;background:#16a34a14;border-color:#16a34a59}.portfolio-filter-btn--seo:not(.portfolio-filter-btn--active):hover{color:#166534;background:#16a34a26}.portfolio-filter-btn--devops:not(.portfolio-filter-btn--active){color:#c2410c;background:#ea580c14;border-color:#ea580c59}.portfolio-filter-btn--devops:not(.portfolio-filter-btn--active):hover{color:#9a3412;background:#ea580c26}.portfolio-filter-btn--webmaster:not(.portfolio-filter-btn--active){color:#dc2626;background:#ef444414;border-color:#ef444459}.portfolio-filter-btn--webmaster:not(.portfolio-filter-btn--active):hover{color:#b91c1c;background:#ef444426}.portfolio-table-wrapper{background:#fff;border:1px solid #0000000f;border-radius:12px;overflow-x:auto;box-shadow:0 2px 16px #0000000f}.portfolio-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}.portfolio-table-head{text-align:right;color:#1a1a1a;white-space:nowrap;background:linear-gradient(#f8f8f8 0%,#f0f0f0 100%);border-bottom:2px solid #d4af3759;padding:.5rem .6rem;font-size:.825rem;font-weight:700}.portfolio-table-head--image{width:4.5rem}.portfolio-table-head--title{min-width:120px}.portfolio-table-head--category{width:5rem}.portfolio-table-head--year{width:3.25rem}.portfolio-table-head--flags{min-width:80px}.portfolio-table-head--services{min-width:120px}.portfolio-table-row{border-bottom:1px solid #0000000f;transition:background .2s}.portfolio-table-row:hover{background:#d4af370a}.portfolio-table-row:last-child{border-bottom:none}.portfolio-table-cell{vertical-align:middle;color:#1a1a1ae0;border-bottom:1px solid #0000000d;padding:.4rem .6rem}.portfolio-table-row:last-child .portfolio-table-cell{border-bottom:none}.portfolio-table-cell--image{padding:.35rem}.portfolio-table-thumb{background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;width:56px;height:42px;display:flex;overflow:hidden}.portfolio-table-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-table-thumb-placeholder{color:#999;text-align:center;padding:.2rem;font-size:.66rem}.portfolio-table-cell--title{font-weight:600}.portfolio-table-title-link{color:#1a1a1a;font-size:.9rem;text-decoration:none;transition:color .2s}.portfolio-table-title-link:hover{color:#b8941e}.portfolio-table-cell--category{padding:.35rem .6rem}.portfolio-table-badge{white-space:nowrap;border-radius:4px;padding:.15rem .45rem;font-size:.77rem;font-weight:600;display:inline-block}.portfolio-table-badge--web{color:#1d4ed8;background:#2563eb1f}.portfolio-table-badge--seo{color:#15803d;background:#16a34a1f}.portfolio-table-cell--year{font-weight:600}.portfolio-table-year{color:#b8941e;background:#d4af371f;border-radius:4px;padding:.15rem .4rem;font-size:.825rem;display:inline-block}.portfolio-table-flags{color:#555;font-size:.79rem;line-height:1.35}.portfolio-table-cell--services{white-space:nowrap}.portfolio-table-cell--hosting,.portfolio-table-cell--webmaster{text-align:center;white-space:nowrap}.portfolio-table-service-badge{align-items:center;gap:.4rem;font-size:1.25rem;line-height:1;display:inline-flex}.portfolio-table-live{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite portfolio-live-pulse}.portfolio-table-live--green{background:#22c55e;animation-name:portfolio-live-pulse-green;box-shadow:0 0 #22c55e80}.portfolio-table-live--red{background:#ef4444;animation-name:portfolio-live-pulse-red;box-shadow:0 0 #ef444480}@keyframes portfolio-live-pulse-green{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes portfolio-live-pulse-red{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}.portfolio-table-services{color:#1a1a1ad9;flex-wrap:nowrap;align-items:center;gap:.25rem;margin:0;padding:0;font-size:.79rem;line-height:1.35;list-style:none;display:flex}.portfolio-table-services li{white-space:nowrap;flex-shrink:0;padding-left:.35rem;position:relative}.portfolio-table-services li:not(:first-child):before{content:"·";color:#bbb;margin-right:.15rem;position:absolute;right:100%}.portfolio-table-empty{color:#aaa;font-size:.825rem}.portfolio-empty{text-align:center;color:#888;padding:2rem;font-size:1rem}.portfolio-page-footer{text-align:center;margin-top:2.5rem}.portfolio-page-back{color:#b8941e;background:#d4af371f;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.portfolio-page-back:hover{color:#8b6914;background:#d4af3733}@media (max-width:900px){.portfolio-table-wrapper{min-width:0;overflow-x:visible}.portfolio-table{min-width:0;display:block}.portfolio-table thead{display:none}.portfolio-table tbody{display:block}.portfolio-table-row{background:#fff;border:1px solid #00000014;border-radius:12px;margin-bottom:1rem;padding:1rem;display:block;box-shadow:0 2px 8px #0000000a}.portfolio-table-row:hover{background:#fff;box-shadow:0 4px 12px #0000000f}.portfolio-table-cell{border-bottom:1px solid #0000000f;align-items:flex-start;gap:.75rem;padding:.5rem 0;display:flex}.portfolio-table-cell:last-child{border-bottom:none}.portfolio-table-cell:before{content:attr(data-label);color:#555;flex-shrink:0;min-width:7rem;font-size:.8rem;font-weight:700}.portfolio-table-cell--image:before,.portfolio-table-cell--title:before,.portfolio-table-cell--category:before,.portfolio-table-cell--year:before,.portfolio-table-cell--flags:before,.portfolio-table-cell--services:before,.portfolio-table-cell--hosting:before,.portfolio-table-cell--webmaster:before{content:attr(data-label)}.portfolio-table-thumb{width:100%;max-width:120px;height:90px}.portfolio-table-services li:before{display:none}}