.modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-container{background:#fff;border-radius:1.5rem 1.5rem 0 0;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;position:relative;width:100%}.modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background:#0003;transform:rotate(90deg)}.modal-content{display:flex;flex-direction:column;overflow-y:auto}.modal-image-section{aspect-ratio:16/9;background:var(--bg-dark);position:relative;width:100%}.modal-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-type-badge{border-radius:50px;bottom:1rem;box-shadow:0 4px 12px #0003;font-family:var(--font-montserrat),sans-serif;font-size:1rem;font-weight:var(--font-bold);padding:.75rem 1.5rem;position:absolute;right:1rem}.modal-type-badge.free{background:var(--accent-primary);color:var(--brand-black)}.modal-type-badge.paid{background:var(--bg-blue);color:#fff}.modal-details{display:flex;flex-direction:column;gap:1rem;padding:2rem}.modal-category{color:var(--text-secondary);font-family:var(--font-montserrat),sans-serif;font-size:.875rem;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.modal-title{color:var(--text-blue);font-family:var(--font-heading),sans-serif;font-size:1.75rem;font-weight:var(--font-bold);line-height:1.3;margin:0}.modal-description{color:var(--text-secondary);font-family:var(--font-inter),sans-serif;font-size:1rem;line-height:1.7;margin:0}.modal-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.modal-actions .btn-primary-yellow,.modal-actions .btn-primary-yellow:hover{color:var(--brand-black)}.payment-title{color:var(--text-primary);font-family:var(--font-heading),sans-serif;font-size:1.125rem;font-weight:var(--font-bold);margin:0}.payment-providers{display:flex;flex-direction:column;gap:.75rem}.payment-btn{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:.75rem;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-inter),sans-serif;font-size:1rem;font-weight:var(--font-semibold);gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.payment-btn:hover{background:var(--bg-dark);border-color:var(--accent-primary);transform:translate(4px)}.payment-note{color:var(--text-muted);font-family:var(--font-inter),sans-serif;font-size:.875rem;margin:.5rem 0 0;text-align:center}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-active .modal-container,.modal-leave-active .modal-container{transition:transform .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:translateY(100%)}.modal-error,.modal-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid rgba(250,204,21,.2);border-radius:50%;border-top:4px solid var(--accent-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.modal-error{color:var(--text-secondary)}.modal-error svg{color:var(--text-muted)}@media (min-width:768px){.modal-overlay{align-items:center;justify-content:flex-end}.modal-container{border-radius:0;max-height:100vh;max-width:500px}.modal-content{height:100vh}.modal-image-section{aspect-ratio:3/4;flex-shrink:0}.modal-details{flex:1;padding:2.5rem}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:translate(100%)}}.resources-listing{background:var(--bg-light);padding:5rem 0}.resources-listing-wrapper{margin:0 auto;max-width:var(--container-xl);padding:0 2rem}.resources-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:4rem}.grid-enter-active,.grid-leave-active{transition:all .3s ease}.grid-enter-from{opacity:0;transform:translateY(20px)}.grid-leave-to{opacity:0;transform:scale(.9)}.grid-move{transition:transform .3s ease}.resource-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000000f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.resource-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-8px)}.resource-image-wrapper{aspect-ratio:3/4;overflow:hidden;position:relative;width:100%}.resource-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.resource-card:hover .resource-image{transform:scale(1.05)}.resource-type-badge{background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);font-family:var(--font-montserrat),sans-serif;font-size:.875rem;font-weight:var(--font-bold);padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.resource-type-badge.free{background:var(--accent-primary);color:var(--brand-black)}.resource-type-badge.paid{background:var(--bg-blue);color:#fff}.resource-content{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.5rem}.resource-category{color:var(--text-secondary);font-family:var(--font-montserrat),sans-serif;font-size:.75rem;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.resource-title{color:var(--text-primary);font-family:var(--font-heading),sans-serif;font-size:1.25rem;font-weight:var(--font-bold);-webkit-line-clamp:2;line-height:1.3}.resource-description,.resource-title{display:-webkit-box;margin:0;-webkit-box-orient:vertical;overflow:hidden}.resource-description{color:var(--text-secondary);flex:1;font-family:var(--font-inter),sans-serif;font-size:.9375rem;-webkit-line-clamp:3;line-height:1.6}.resource-action{align-items:center;border-top:1px solid var(--border-light);display:flex;margin-top:auto;padding-top:1rem}.resource-action span{align-items:center;color:var(--text-blue);display:inline-flex;font-family:var(--font-inter),sans-serif;font-size:.9375rem;font-weight:var(--font-semibold);gap:.5rem;transition:gap .3s ease}.resource-card:hover .resource-action span{gap:.75rem}@media (max-width:767px){.resources-listing{padding:3rem 0}.resources-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}}@media (min-width:1024px) and (max-width:1279px){.resources-listing-wrapper{max-width:var(--container-lg)}}@media (min-width:1280px) and (max-width:1399px){.resources-listing-wrapper{max-width:var(--container-xl)}}@media (min-width:1400px) and (max-width:2559px){.resources-listing-wrapper{max-width:var(--container-2xl)}}@media (min-width:2560px){.resources-listing-wrapper{max-width:var(--container-ultrawide)}}