#filter,.search-box{font-size:17px;transition:.3s;box-shadow:0 15px 35px rgba(0,0,0,.15)}.library-hero{padding:140px 0 80px;position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5 0,#2563eb 45%,#4f46e5 100%)}#filter,.card,.card-image,.search-box{background:#fff}.library-content{position:relative;z-index:2;max-width:900px;margin:auto;text-align:center}.library-content h1{color:#fff;margin-bottom:18px;line-height:1.2;font-size:56px;font-weight:800}.library-content p{max-width:760px;margin:0 auto 35px;color:rgba(255,255,255,.92);line-height:1.8;font-size:18px}.search-area{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.search-box{width:520px;max-width:100%;padding:17px 20px;font-family:inherit;border:0;border-radius:12px}.search-box::placeholder{color:#6b7280}#filter:focus,.search-box:focus{outline:0;box-shadow:0 0 0 4px rgba(255,255,255,.25)}#filter{min-width:220px;padding:17px;border:0;border-radius:12px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,380px);justify-content:center;gap:35px;padding:70px 0}.card,.card-image{width:100%;overflow:hidden}.card{max-width:380px;border-radius:20px;border:1px solid #ececec;transition:.35s;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.card-image{height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:.4s}.card:hover .card-image img{transform:scale(1.05)}.content{padding:26px;display:flex;flex-direction:column;flex:1}.badge,.btn{width:fit-content}.badge{display:inline-block;padding:8px 16px;background:#eef4ff;color:#0057ff;border-radius:50px;margin-bottom:16px}.card h3{font-size:22px;font-weight:700;margin-bottom:12px}.card p{color:#64748b;font-size:16px;margin-bottom:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:#2563eb;color:#fff;border-radius:10px;transition:.3s;margin-top:auto}.btn:hover{background:#003fc0}@media (min-width:769px) and (max-width:1200px){.grid{grid-template-columns:repeat(2,340px);justify-content:center;gap:35px;padding:70px 0}.card{max-width:380px;width:100%}}@media (max-width:768px){.library-hero{padding:120px 20px 60px}.library-content h1{font-size:38px;line-height:1.25}.card p,.library-content p{font-size:16px}.search-area{flex-direction:column}#filter,.search-box{width:100%;max-width:100%}.card,.container{max-width:100%}.btn,.card,.container{width:100%}.container{padding:0 8px}.grid{grid-template-columns:1fr;gap:20px;padding:20px 0}.card{margin:0}.card-image{height:230px}.content{padding:20px}.card h3{font-size:22px}.btn{justify-content:center}body{overflow-x:hidden}}