.pf5-section{width:100%;max-width:1280px;margin:20px auto 0;padding:20px}.pf5-header{text-align:center;margin-bottom:40px}.pf5-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#6d5efc;background:#6d5efc1a;border-radius:999px;margin-bottom:20px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-block}.pf5-title{color:#0f0f1a;letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.15}.pf5-subtitle{color:#6b6b7b;max-width:560px;margin:0 auto;font-size:17px;line-height:1.6}.pf5-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:56px;display:flex}.pf5-filter-btn{color:#4a4a5a;cursor:pointer;background:#f4f4f9;border:1px solid #0000;border-radius:999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.pf5-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.pf5-card{color:inherit;border-radius:24px;text-decoration:none;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f0f1a0d}.pf5-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -15px #0f0f1a40}.pf5-thumb-wrap{aspect-ratio:4/3;background:linear-gradient(135deg,#efeffb,#e4e4f6);width:100%;position:relative;overflow:hidden}.pf5-thumb{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.pf5-card:hover .pf5-thumb{transform:scale(1.06)}.pf5-thumb-fallback{background:linear-gradient(135deg,#6d5efc,#8f7dff);width:100%;height:100%}.pf5-tag-floating{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#0f0f1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;position:absolute;top:20px;right:20px}.pf5-overlay{background:linear-gradient(#0a0a1200 32%,#0a0a1280 62%,#0a0a12eb 100%);flex-direction:column;justify-content:flex-end;padding:26px;display:flex;position:absolute;inset:0}.pf5-overlay-content{margin-bottom:16px}.pf5-card-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.pf5-link{color:#ffffffa6;font-size:13px}.pf5-visit{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 10px 10px 18px;font-size:14px;font-weight:600;transition:opacity .4s,transform .4s;display:inline-flex;transform:translateY(10px)}.pf5-card:hover .pf5-visit{opacity:1;transform:translateY(0)}.pf5-arrow{color:#0f0f1a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .35s;display:flex}.pf5-card:hover .pf5-arrow{transform:rotate(45deg)}.pf5-empty{text-align:center;color:#9494a8;font-size:15px}.pf5-skeleton{pointer-events:none;border-radius:24px;overflow:hidden}.pf5-skeleton-thumb{aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f5 25%,#e6e6ee 37%,#f0f0f5 63%) 0 0/400% 100%;width:100%;animation:1.4s infinite pf5-shimmer}.pf5-skeleton-line{background:linear-gradient(90deg,#f0f0f5 25%,#e6e6ee 37%,#f0f0f5 63%) 0 0/400% 100%;border-radius:6px;height:14px;margin:18px 0 0;animation:1.4s infinite pf5-shimmer}.pf5-skeleton-line.short{width:40%;margin-top:10px}@keyframes pf5-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:860px){.pf5-grid{grid-template-columns:1fr}}@media (max-width:480px){.pf5-section{padding:56px 16px}.pf5-card-title{font-size:20px}}
