.yp-page{background:#ffffff;min-height:100vh;padding:7rem 0 5rem}.yp-header{text-align:center;margin-bottom:3rem}.yp-header__title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#0f2755;letter-spacing:-.03em;margin-bottom:.4rem}.yp-header__sub{font-size:.95rem;color:#94a3b8;margin:0}.yp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1100px){.yp-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.yp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.yp-grid{grid-template-columns:1fr}}.yp-card{background:#fafbff;border:1px solid #eef2ff;border-radius:16px;padding:1.5rem 1rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.yp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#2563eb;border-radius:16px 16px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.yp-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(37,99,235,.1);border-color:#c7d7f8}.yp-card:hover:before{transform:scaleX(1)}.yp-card__img-wrap{width:100%;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.yp-card__img{object-fit:contain;max-height:160px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));transition:transform .25s ease,filter .25s ease}.yp-card:hover .yp-card__img{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(37,99,235,.2))}.yp-card__title{font-size:.88rem;font-weight:700;color:#0f2755;margin:0}