:root{--color-primary:#00875a;--color-primary-hover:#00a870;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-text:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--header-height:80px;--section-padding-x:5%;--section-padding-y:60px;--container-xl:1400px;--radius-xl:24px;--radius-full:9999px}.backgrounds-container{padding:calc(var(--header-height) + 60px)var(--section-padding-x)var(--section-padding-y);max-width:var(--container-xl);background:var(--color-bg);min-height:100vh;margin:0 auto}.backgrounds-header{text-align:center;margin-bottom:60px}.backgrounds-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:16px;font-size:3.5rem;font-weight:800}.backgrounds-title .text-highlight{color:var(--color-primary)}.backgrounds-description{color:var(--color-text-secondary);max-width:800px;margin:0 auto;font-size:1.25rem;line-height:1.6}.filters-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:24px;margin-bottom:48px;padding:32px;display:flex}.filters-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin-right:8px;font-size:.9rem;font-weight:700}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:#fff;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #22c55e33}.tags-container{flex-wrap:wrap;gap:8px;display:flex}.tag-count-sub{opacity:.5;margin-left:4px;font-weight:400}.filter-btn-small{padding:6px 14px;font-size:11px}.more-tags-btn{align-items:center;gap:6px;display:flex}.more-tags-btn:hover{background:#f3f4f6}.backgrounds-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:1024px){.backgrounds-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.backgrounds-grid{grid-template-columns:1fr}}.bg-card{border:1px solid var(--color-border);background:#fff;border-radius:16px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bg-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.bg-image-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.bg-image{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.bg-card:hover .bg-image{transform:scale(1.08)}.bg-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;z-index:5;background:#0009;padding:6px 12px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.card-overlay{z-index:4;background:0 0;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.bg-card:hover .card-overlay{background:#0003}.overlay-button{color:#000;border-radius:var(--radius-full);opacity:0;background:#fffffff2;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;transform:translateY(10px)}.bg-card:hover .overlay-button{opacity:1;transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-xl);background:#fff;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000004d}.modal-content.modal-large{max-width:1024px}.modal-content.modal-fluid{width:95%}.modal-close-wrapper{z-index:50;position:absolute;top:16px;right:16px}.close-btn{color:#4b5563;cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}.close-btn:hover{color:#111827;background:#fff;transform:scale(1.1)}.modal-layout{flex-direction:column;display:flex}.modal-image-container{aspect-ratio:16/9;background:#f3f4f6;width:100%;position:relative;overflow:hidden}.modal-preview-image{transition:opacity .3s}.switcher-toggle-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-full);z-index:20;background:#0006;border:1px solid #ffffff1a;gap:4px;padding:4px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.switcher-btn{border-radius:var(--radius-full);cursor:pointer;color:#fff;background:0 0;border:none;align-items:center;gap:8px;padding:8px 24px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.switcher-btn:hover{background:#ffffff1a}.switcher-btn.active{color:#000;background:#fff;box-shadow:0 4px 12px #0003}.modal-details-section{background:#fff;padding:12px 32px}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.modal-studio-title{color:#111827;margin-bottom:12px;font-size:1.75rem;font-weight:800}.modal-tags-list{flex-wrap:wrap;gap:8px;display:flex}.modal-tag-item{color:#4b5563;border-radius:var(--radius-full);background:#f3f4f6;padding:4px 12px;font-size:.75rem;font-weight:600}.modal-description-text{color:#4b5563;max-width:90%;font-size:.95rem;line-height:1.7}.btn-green{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00875a 0%,#00a870 100%);border:none;border-radius:14px;justify-content:center;align-items:center;padding:12px 28px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 20px -5px #00875a4d}.btn-green:hover{background:linear-gradient(135deg,#00a870 0%,#00c080 100%);transform:translateY(-2px);box-shadow:0 15px 30px -5px #00875a66}.btn-green.btn-large{padding:16px 40px;font-size:1.1rem}.btn-green.btn-medium{padding:10px 32px;font-size:.95rem}.modal-header-borderless{border:none}.tags-selection-modal{width:90%!important;max-width:800px!important}.tags-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.tags-modal-title{color:#0f172a;font-size:1.25rem;font-weight:800}.tags-modal-body{flex-wrap:wrap;gap:10px;max-height:60vh;padding:2rem;display:flex;overflow-y:auto}.tags-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.tags-footer-stats{color:#64748b;font-size:.95rem;font-weight:700}.modal-footer-bar{background:#f9fafb;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.modal-footer-stats{color:#6b7280;font-size:.9rem;font-weight:700}.empty-state{text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:20px;grid-column:1/-1;padding:80px 20px}.empty-state h3{color:var(--color-text);margin-bottom:12px;font-size:1.5rem}.empty-state p{color:var(--color-text-secondary);margin-bottom:24px}.clear-filters-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-weight:700;transition:all .3s}.clear-filters-btn:hover{background:#16a34a;transform:translateY(-2px)}