:root{--pf-accent:#00b4d9;--pf-accent-dark:#0092b0}html{scroll-behavior:smooth;scroll-padding-top:68px}.skills .skill-content h3{color:var(--pf-accent)}.pf-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.pf-chip{color:#6b7780;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #d7dde1;border-radius:999px;padding:8px 24px;font-size:13px;font-weight:700;transition:all .2s}.pf-chip:hover{border-color:var(--pf-accent);color:var(--pf-accent)}.pf-chip--active{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff;box-shadow:0 8px 20px #00b4d947}.pf-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pf-page{color:#6b7780;cursor:pointer;background:#fff;border:1px solid #d7dde1;border-radius:999px;min-width:42px;height:42px;padding:0 12px;font-size:14px;font-weight:700;transition:all .2s}.pf-page:hover:not(:disabled){border-color:var(--pf-accent);color:var(--pf-accent)}.pf-page--active{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff;box-shadow:0 8px 20px #00b4d947}.pf-page--nav{justify-content:center;align-items:center;min-width:42px;padding:0;display:inline-flex}.pf-page:disabled{opacity:.45;cursor:not-allowed}.pf-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:991px){.pf-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.pf-grid{grid-template-columns:1fr}}.pf-card{background:#fff;border-radius:16px;flex-direction:column;transition:transform .28s,box-shadow .28s;animation:.4s both pf-in;display:flex;overflow:hidden;box-shadow:0 8px 24px #141e2814}.pf-card:hover{transform:translateY(-8px);box-shadow:0 20px 44px #141e2829}@keyframes pf-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pf-card__media{aspect-ratio:16/10;background:#fff;border-bottom:1px solid #eef1f4;justify-content:center;align-items:center;padding:14px;display:flex;position:relative;overflow:hidden}.pf-card__media-img{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .5s;display:block;box-shadow:0 1px 3px #141e281f,0 0 0 1px #141e280f}.pf-card:hover .pf-card__media-img{transform:scale(1.03)}.pf-card__overlay{z-index:2;opacity:0;background:linear-gradient(#00b4d966,#0092b0d9);justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.pf-card:hover .pf-card__overlay{opacity:1}.pf-card__view{color:#fff;letter-spacing:.03em;border:2px solid #ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform .35s;display:inline-flex;transform:translateY(10px)}.pf-card:hover .pf-card__view{transform:translateY(0)}.pf-card{cursor:pointer}.pf-card:focus-visible{outline:3px solid var(--pf-accent);outline-offset:2px}.pf-card__body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.pf-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-bottom:8px;padding:3px 10px;font-size:10px;font-weight:700}.pf-tag--C{color:#0079a8;background:#00b4d924}.pf-tag--Python{color:#2f4d86;background:#4b77be26}.pf-tag--Web{color:#d2652f;background:#f6a15c2e}.pf-tag--Java{color:#c0392b;background:#c0392b21}.pf-card__title{color:#2a2f34;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.pf-card__desc{color:#7a848c;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 2px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.pf-modal{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1a229e;justify-content:center;align-items:center;padding:24px;animation:.2s both pf-fade;display:flex;position:fixed;inset:0}@keyframes pf-fade{0%{opacity:0}to{opacity:1}}.pf-modal__box{background:#fff;border-radius:18px;width:100%;max-width:560px;max-height:88vh;animation:.24s cubic-bezier(.2,.9,.3,1.2) both pf-pop;position:relative;overflow:auto;box-shadow:0 30px 70px #00000059}@keyframes pf-pop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pf-modal__close{color:#fff;cursor:pointer;z-index:2;background:#00000059;border:none;border-radius:50%;width:38px;height:38px;font-size:26px;line-height:1;transition:background .2s;position:absolute;top:12px;right:14px}.pf-modal__close:hover{background:#0009}.pf-modal__media{background:#fff;border-bottom:1px solid #eef1f4;border-radius:18px 18px 0 0;justify-content:center;align-items:center;max-height:56vh;padding:14px;display:flex;overflow:hidden}.pf-modal__media img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:calc(56vh - 40px);display:block;box-shadow:0 1px 3px #141e281f,0 0 0 1px #141e280f}.pf-modal__body{padding:22px 26px 28px}.pf-modal__title{color:#23282d;margin:8px 0 12px;font-size:24px;font-weight:800;line-height:1.3}.pf-modal__desc{color:#667079;margin:0 0 22px;font-size:15px;line-height:1.8}.pf-modal__links{flex-wrap:wrap;gap:12px;display:flex}.pf-modal__btn{background:var(--pf-accent);border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:transform .15s,background .2s;display:inline-flex;color:#fff!important}.pf-modal__btn:hover{background:var(--pf-accent-dark);transform:translateY(-2px)}.pf-modal__btn--live{background:#e2703a}.pf-modal__btn--live:hover{background:#c95d2b}.pf-modal__note{color:#9aa4ac;font-size:13px;font-style:italic}