.resource-filters{align-items:center;display:flex;gap:20px;justify-content:flex-start;margin-bottom:60px;position:relative;z-index:3}.resource-filters input,.resource-filters select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05);color:#fff;font-size:16px;font-weight:500;min-height:54px;min-width:240px;padding:12px 20px;transition:all .3s ease;width:100%}.resource-filters select option{background-color:#0b0f19;color:#fff;padding:10px}.resource-filters input:focus,.resource-filters select:focus{border-color:#0076ff;box-shadow:0 0 0 3px rgba(0,118,255,.2);outline:none}.resource-filters select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E")}.resource-filters .resource-search-field,.resource-filters select{background-position:right 20px center;background-repeat:no-repeat;padding-right:45px}.resource-filters .resource-search-field{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E")}.resource-filters input::placeholder{color:hsla(0,0%,100%,.4)}.resource-library{position:relative;z-index:3}.resource-library__grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.resource-item{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;padding:40px 35px;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease}.resource-item:before{display:none!important}.resource-item__body{display:flex;flex:1;flex-direction:column;gap:12px;margin-bottom:30px}.resource-item__body h4{color:#26b1ff;font-size:22px;font-weight:600;line-height:1.3;margin:0;transition:color .3s ease}.resource-item__body p{color:hsla(0,0%,100%,.75);font-size:15px;line-height:1.6;margin:0}.resource-item__footer a{align-items:center;color:#fff;display:inline-flex;font-size:16px;font-weight:600;position:relative;text-decoration:none}.resource-item__footer a span{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,margin-left .4s ease;white-space:nowrap}.resource-item__footer svg{order:-1;transition:transform .3s ease}.resource-item__footer svg path{stroke:#fff}.resource-item__footer a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:5}@media (hover:hover){.resource-item:hover{border-color:rgba(38,177,255,.4);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 30px rgba(38,177,255,.05);transform:translateY(-6px)}.resource-item:hover .resource-item__body h4{color:#fff}.resource-item:hover .resource-item__footer a span{margin-left:10px;max-width:190px;opacity:1}}.pagination-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:60px}.pagination-container .pagination{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;list-style:none;margin:0;padding:0}.pagination-container .pageNumber{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:16px;font-weight:500;height:44px;justify-content:center;transition:all .3s ease;width:44px}.pagination-container .pageNumber.active,.pagination-container .pageNumber:hover{background:#0076ff;border-color:#0076ff;box-shadow:0 0 15px rgba(0,118,255,.4);color:#fff}@media screen and (max-width:964px){.resource-filters{flex-direction:column;gap:15px}}