.template-hero{padding-bottom:26px}.template-filter{display:flex;gap:8px;overflow:auto;padding-bottom:14px;margin-bottom:12px}.template-filter button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:#10182b;color:#aab7d6;font:inherit;font-weight:750;cursor:pointer}.template-filter button.active{border-color:#7667ef;background:#25204c;color:#fff}.template-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#111a30,#0c1324)}.template-cover{height:260px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#1d355c,#8058ef)}.template-cover:before{content:'';position:absolute;width:170px;height:220px;border-radius:85px 85px 28px 28px;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.04));transform:translateY(45px)}.template-cover>span{position:absolute;top:14px;left:14px;z-index:2;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 9px;background:#07101fa8;font-size:11px;font-weight:800}.template-cover>i{z-index:2;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#080d19b8;border:1px solid #ffffff45;font-style:normal}.template-cover>small{position:absolute;bottom:13px;left:13px;right:13px;z-index:2;color:#dae2f7;font-weight:750}.tone-training{background:repeating-linear-gradient(0deg,#102742 0 42px,#17334f 43px 44px)}.tone-news{background:linear-gradient(145deg,#3a1839,#c2416c)}.tone-translate{background:linear-gradient(145deg,#103c4c,#2563a9)}.tone-commerce{background:linear-gradient(145deg,#35204e,#d15a7f)}.tone-presenter{background:linear-gradient(145deg,#20365d,#6641b4)}.template-copy{padding:18px}.template-copy h3{margin:0 0 7px}.template-copy p{min-height:68px;margin:0 0 17px;color:var(--muted)}@media(max-width:860px){.template-library{grid-template-columns:1fr 1fr}}@media(max-width:560px){.template-library{grid-template-columns:1fr}.template-cover{height:230px}}