.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.pc{padding:2rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--r);transition:all .4s var(--e);position:relative;overflow:hidden}
.pc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ac);opacity:0;transition:opacity .4s}
.pc:hover{border-color:var(--ac);transform:translateY(-4px)}.pc:hover::before{opacity:1}
.pn{font-family:var(--fm);font-size:2rem;font-weight:700;color:var(--ac);opacity:.18;margin-bottom:.8rem}
.pc h3{font-family:var(--fd);font-size:1.18rem;margin-bottom:.5rem}
.pc p{font-size:.82rem;color:var(--tx2);line-height:1.6;font-weight:300}

.stg{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.stc{padding:1.5rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rs);display:flex;gap:1rem;align-items:start;transition:all .3s var(--e)}
.stc:hover{border-color:var(--acm)}
.stb{width:8px;height:8px;border-radius:50%;background:var(--ac);flex-shrink:0;margin-top:.4rem}
.stc h4{font-size:.88rem;font-weight:500;margin-bottom:.2rem}
.stc p{font-size:.76rem;color:var(--tx2);font-weight:300}

.skg{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.skc{padding:1.5rem;background:var(--bg3);border:1px solid var(--bd);border-radius:var(--rs);transition:all .4s var(--e);position:relative;overflow:hidden}
.skc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--acd),transparent);opacity:0;transition:opacity .4s}
.skc:hover{border-color:var(--ac);transform:translateY(-4px)}.skc:hover::after{opacity:1}
.ski{font-size:1.4rem;margin-bottom:.7rem;display:block}
.skc h4{font-size:.84rem;font-weight:500;margin-bottom:.25rem;position:relative;z-index:1}
.skc p{font-size:.72rem;color:var(--tx2);line-height:1.5;position:relative;z-index:1;font-weight:300}

.tf{display:flex;flex-wrap:wrap;gap:.65rem}
.tl-t{padding:.48rem 1rem;background:var(--bg3);border:1px solid var(--bd);border-radius:100px;font-size:.76rem;font-weight:400;color:var(--tx2);transition:all .3s var(--e);display:inline-flex;align-items:center;gap:.45rem}
.tl-ico{width:14px;height:14px;flex-shrink:0;opacity:.6;transition:opacity .3s}
.tl-t:hover{border-color:var(--ac);color:var(--ac);background:var(--acd);transform:translateY(-2px)}
.tl-t:hover .tl-ico{opacity:1}

@media(max-width:1024px){.pg{grid-template-columns:1fr 1fr}.skg{grid-template-columns:repeat(2,1fr)}.stg{grid-template-columns:1fr}}
@media(max-width:768px){.pg,.skg{grid-template-columns:1fr}}