.article-hero{background:linear-gradient(90deg,rgba(8,11,33,.95),rgba(20,15,59,.64)),url(/assets/castle.webp) center/cover no-repeat;min-height:290px}
.library-wrap{max-width:1200px;margin:0 auto;padding:38px 22px 64px}.library-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.library-intro h2{margin:0;color:#fff;font-size:clamp(24px,3vw,34px)}.library-intro p{color:#cbd2ed;margin:5px 0}.library-back{color:#e6a7ff;text-decoration:underline}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.library-card{background:linear-gradient(150deg,#131b3b,#171038);border:1px solid #7952b5;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #0005;display:flex;flex-direction:column}.library-image{display:block;aspect-ratio:16/8.2;overflow:hidden;background:#1b1242}.library-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.library-image:hover img{transform:scale(1.04)}.library-content{padding:22px;display:flex;flex-direction:column;flex:1}.library-tag{align-self:flex-start;background:#872a86;color:#fff;border-radius:99px;font-size:12px;font-weight:700;padding:5px 11px}.library-content h3{font-size:clamp(20px,2vw,24px);line-height:1.35;margin:14px 0 8px}.library-content h3 a{text-decoration:none;color:#fff}.library-content h3 a:hover{color:#f8a8eb}.library-content p{color:#cbd2ed;line-height:1.7;margin:0 0 20px}.library-read{margin-top:auto;display:inline-flex;align-self:flex-start;padding:11px 18px;border-radius:99px;text-decoration:none;color:#fff;background:linear-gradient(90deg,#be1c89,#7a45cf);font-weight:700}.library-help{margin-top:30px;padding:26px;border:1px solid #b35bcc;border-radius:18px;background:linear-gradient(100deg,#25133f,#111a38)}.library-help h2{margin:0 0 8px}.library-help p{max-width:850px;color:#d6d5ed}.library-help a{display:inline-block;background:#ee75c4;color:#101027;font-weight:800;border-radius:99px;padding:12px 20px;text-decoration:none}@media(max-width:700px){.library-grid{grid-template-columns:1fr}.library-intro{align-items:flex-start;flex-direction:column}.library-wrap{padding:26px 15px 48px}}