@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/manrope-300.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter-300.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-mono-300.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}img,video,iframe,embed,object{max-width:100%;height:auto}:root{--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-featured: #fffef2;--color-black: #000000;--color-primary: #fff385;--color-anchor: #2563EB;--color-accent: #2563EB;--color-accent-light: #DBEAFE;--font-display: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-size-xs: .5rem;--font-size-sm: .75rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--nav-height: 72px;--sidebar-width: 300px;--content-max-width: 1400px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 8px}#slugPreview{cursor:not-allowed!important;background:var(--color-gray-50)!important;border:none!important}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100vw}body{font-family:var(--font-body);background:var(--color-gray-100);color:var(--color-gray-900);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;color:var(--color-gray-900);letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--color-gray-600);line-height:1.7}.top-nav{position:relative;height:var(--nav-height);background:var(--color-white)}.nav-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-xl);height:100%;display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.nav-logo{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:400;color:var(--color-gray-900);letter-spacing:-.02em;text-transform:uppercase}.nav-logo-img{height:24px;width:auto;display:block}nav.breadcrumbs{text-transform:lowercase}img.image-preview{width:100%;border-radius:var(--border-radius)}.nav-center{display:flex;gap:var(--spacing-sm);position:absolute;left:50%;transform:translate(-50%)}.nav-link{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--color-gray-500);padding:12px var(--spacing-md);border-radius:var(--border-radius);transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.nav-link.active{color:var(--color-gray-900);background:var(--color-gray-100)}.nav-link:hover{color:#000}.nav-search{position:relative;margin-left:auto;display:flex;align-items:center;height:40px}.nav-search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;color:var(--color-gray-500);pointer-events:none;transition:opacity .2s ease;z-index:10;opacity:1}.nav-search-icon svg{width:18px;height:18px;display:block}.nav-actions{display:flex;gap:var(--spacing-md);align-items:center}.nav-search-input{width:40px;height:40px;padding:0;background:var(--color-gray-100);border:none;border-radius:200px;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-700);transition:all .2s ease;text-align:center;cursor:pointer}.nav-search-input::placeholder{color:var(--color-gray-400);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.nav-search-input:focus{outline:none;background:var(--color-gray-200);color:var(--color-gray-900);width:240px;padding:0 16px;text-align:left;cursor:text}.nav-search-input:focus+.nav-search-icon,.nav-search-input:not(:placeholder-shown)+.nav-search-icon{opacity:0}.page-wrapper{min-height:calc(100vh - var(--nav-height));width:100%;max-width:100vw;overflow-x:hidden}.page-container{max-width:var(--content-max-width);width:100%;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-lg);align-items:start;box-sizing:border-box}.main-content{min-width:0;max-width:100%;overflow-x:hidden}.right-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-widget{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg)}.sidebar-widget-cta{background:var(--color-featured);color:var(--color-gray-800);border:none}.widget-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:500;color:var(--color-gray-900);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:-.01em}.sidebar-widget-cta .widget-title{color:var(--color-gray-800)}.widget-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.widget-item{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius);transition:background-color .2s ease;background:var(--color-gray-50)}.widget-item:hover{background-color:var(--color-gray-100)}.widget-item-promoted{background:var(--color-featured)}.widget-item-promoted:hover{background:var(--color-featured);filter:brightness(.98)}.widget-promoted-badge{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.widget-promoted-badge i{width:14px;height:14px;color:var(--color-gray-500)}.widget-promoted-badge .tooltip-content{left:auto;right:0;transform:translateY(4px)}.widget-promoted-badge:hover .tooltip-content,.widget-promoted-badge .tooltip-content:hover{transform:translateY(0)}.widget-promoted-badge .tooltip-content:before{left:auto;right:8px;transform:none}.widget-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:400;transition:color .2s ease}.widget-link:hover{color:var(--color-gray-900)}.widget-link i{width:16px;height:16px;color:var(--color-gray-400)}.widget-logo{width:36px;height:36px;object-fit:contain;border-radius:6px;border:none;padding:6px;background:var(--color-white);flex-shrink:0}.widget-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.widget-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;width:100%}.widget-resource-title{font-weight:400;font-size:var(--font-size-base);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-row-badge svg{width:16px;stroke-width:1.5!important;margin-left:-6px;margin-top:-1px}.profile-resources .resource-row-card{cursor:pointer!important}.resource-row-card.pending{position:relative}.resource-row-card.pending .resource-logo,.resource-row-card.pending .resource-info,.resource-row-card.pending .resource-meta{opacity:.6;pointer-events:none}.resource-row-card.pending .resource-actions,.resource-row-card.pending a[href*="/edit"],.profile-resources .resource-row-card[data-status=pending] .upvote-btn,.profile-resources .resource-row-card[data-status=pending] .btn-primary,.profile-resources .resource-row-card[data-status=pending] .category-tag,.profile-resources .resource-grid-card[data-status=pending] .upvote-btn,.profile-resources .resource-grid-card[data-status=pending] .btn-primary,.profile-resources .resource-grid-card[data-status=pending] .category-tag{pointer-events:auto;opacity:1}.widget-count{margin-left:auto;font-size:var(--font-size-sm);font-weight:400;color:var(--color-gray-500);font-family:var(--font-mono)}.widget-empty{font-size:var(--font-size-sm);color:var(--color-gray-400);font-style:italic;padding:var(--spacing-sm) 0}.widget-cta-text{font-size:var(--font-size-base);color:var(--color-gray-800);margin-bottom:var(--spacing-md);line-height:1.6;font-weight:300}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 24px;height:44px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-gray-900);border-color:var(--color-primary)}.btn-primary:hover{background:#ffe838;border-color:#ffe838}.btn-secondary{background:var(--color-white);color:var(--color-gray-900);border-color:var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.btn-sm{height:36px;padding:0 16px;font-size:11px}a{color:var(--color-anchor);text-decoration:none;transition:color .2s ease}p a,li a:not(.widget-link):not(.nav-link):not(.btn){color:var(--color-anchor);text-decoration:underline;text-decoration-color:var(--color-gray-300);text-underline-offset:2px}p a:hover,li a:not(.widget-link):not(.nav-link):not(.btn):hover{color:var(--color-black);text-decoration-color:var(--color-gray-900)}svg.lucide,.icon svg,i[data-lucide]{width:16px;height:16px;stroke-width:1.5;margin-top:-2px}.icon-sm svg,svg.icon-sm{width:16px;height:16px}.lucide.lucide-filter{width:16px}.widget-title svg{fill:var(--color-white)}.resources-row{display:flex;flex-direction:column;gap:0;background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius);overflow:visible}.resource-row-card{display:flex;gap:var(--spacing-lg);align-items:flex-start;background-color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);overflow:visible}.resources-row .resource-row-card{background-color:var(--color-gray-50);cursor:pointer}.resource-row-list .resource-row-card{cursor:pointer}.resources-row .resource-row-card:hover,.resources-grid .resource-grid-card:hover{background-color:#fff}.resource-row-card.promoted{background:var(--color-featured)}.resource-row-logo{width:64px;height:64px;border-radius:var(--border-radius);object-fit:contain;flex-shrink:0;background:var(--color-white)}.resource-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:visible}.resource-row-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);overflow:visible}.resource-row-title-group{flex:1;min-width:0}.resource-row-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400;color:var(--color-gray-900);letter-spacing:-.01em;margin-bottom:4px}.resource-row-tagline{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.5}.resource-row-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.5;width:80%}.resource-row-badge{padding:6px 14px;border-radius:100px;font-size:.65rem;font-weight:400;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.resource-row-badge.promoted{background:var(--color-primary);color:var(--color-gray-700)}.resource-row-badge.community{background:var(--color-gray-100);color:var(--color-gray-700);border:none}.resource-row-badge.status-pending{background:#fef3c7;color:#92400e;border:1px solid #FCD34D}.resource-row-badge.status-approved{background:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.resource-row-badge.status-rejected{background:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}.resource-row-badge i{width:var(--font-size-xs);height:var(--font-size-xs)}.has-tooltip{position:relative;cursor:help}.tooltip-content{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(4px);background:var(--color-gray-900);color:var(--color-white);padding:10px 14px;border-radius:6px;font-size:var(--font-size-sm);line-height:1.5;white-space:wrap;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease,transform .15s ease;transition-delay:0s,0s,0s;z-index:1000;font-weight:400;letter-spacing:.02em;pointer-events:none;text-transform:none;width:200px}.tooltip-content:after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}.tooltip-content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-gray-900)}.has-tooltip:hover .tooltip-content,.tooltip-content:hover{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto;transition-delay:0s,0s,0s}.has-tooltip .tooltip-content{transition-delay:0s,.3s,0s}.tooltip-link{color:var(--color-primary)!important;text-decoration:underline!important;font-weight:500;transition:opacity .2s ease}.tooltip-link:hover{color:var(--color-gray-50)!important;opacity:.8}@media(hover:none)and (pointer:coarse){.has-tooltip{cursor:pointer}.has-tooltip.tooltip-active .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}}.resource-row-meta{display:flex;align-items:stretch;justify-content:space-between;gap:var(--spacing-md)}.resource-row-categories{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:stretch;margin-bottom:var(--spacing-md)}.resource-row-card .resource-row-categories{margin-bottom:0}.resource-detail-card .resource-row-categories{margin-bottom:var(--spacing-md)}.resource-row-categories{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:stretch}.resource-row-stats{display:flex;align-items:stretch;gap:var(--spacing-xs);flex-shrink:0}.resources-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:flex-start;width:100%}#loadingSkeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.masonry-col{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;min-width:0}.resource-grid-card{background:var(--color-white);border-radius:var(--border-radius);overflow:hidden;transition:background-color .2s ease;cursor:pointer;display:flex;flex-direction:column;width:100%;padding:var(--spacing-lg)}.resource-grid-card.promoted{background:var(--color-featured)}.promoted-icon-badge{position:relative;width:36px;height:36px;background-color:var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-grid-actions{display:flex;align-items:stretch;gap:var(--spacing-xs)}.promoted-icon-badge i{width:14px;height:14px;color:var(--color-gray-900);fill:var(--color-gray-900)}.promoted-icon-badge--sm{width:24px;height:24px;border-radius:4px;padding:4px}.promoted-icon-badge--sm i{width:12px;height:12px}.promoted-icon-badge .tooltip-content{bottom:calc(100% + 8px);left:auto;right:0;transform:translate(0) translateY(4px);white-space:nowrap}.promoted-icon-badge:hover .tooltip-content,.promoted-icon-badge .tooltip-content:hover{transform:translate(0) translateY(0)}.promoted-icon-badge .tooltip-content:before{left:auto;right:8px;transform:none}.resource-grid-image-wrapper{position:relative;width:100%;height:fit-content;background:var(--color-gray-100);display:flex;align-items:flex-end;justify-content:center;border-bottom:none;border-radius:var(--border-radius);overflow:hidden}.resource-grid-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px 4px 0 0}.resource-grid-content{padding:var(--spacing-lg) 0 0 0;flex:1;display:flex;flex-direction:column}.resource-grid-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:400;margin-bottom:6px;color:var(--color-gray-900);letter-spacing:-.01em}.resource-grid-tagline{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-sm);line-height:1.5}.resource-grid-footer{margin-top:auto;margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));margin-bottom:calc(-1 * var(--spacing-lg));padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);display:flex;align-items:stretch;justify-content:space-between;border-top:1px solid var(--color-gray-100)}.category-tag{font-size:.65rem;padding:8px 12px;background:var(--color-gray-100);color:var(--color-gray-800);border-radius:100px;border:none;font-weight:400;transition:all .2s ease;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center}button.category-tag-remove{padding:0 4px;margin-left:8px;border-radius:4px;border:1px solid var(--color-gray-200);cursor:pointer}.category-tag:hover{background:var(--color-gray-300);color:var(--color-gray-900);border:none}.upvote-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--border-radius);background:var(--color-gray-100);font-size:var(--font-size-sm);font-weight:400;color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.upvote-btn:hover{background:var(--color-gray-200)}.upvote-btn.upvoted{background:var(--color-gray-900);color:var(--color-white)}.upvote-icon{width:16px;height:16px}.upvote-count{font-family:var(--font-mono);font-size:var(--font-size-sm)}.submitter-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.submitter-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-gray-900);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:11px;font-weight:400;font-family:var(--font-display);letter-spacing:-.01em}.submitter-name{font-weight:400;font-size:var(--font-size-sm);color:var(--color-gray-700)}.search-query-display{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--border-radius)}.search-query-label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.search-query-text{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--color-gray-900);margin:0}.search-filter-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);align-items:stretch}.resources-search-bar{position:relative;flex:1}.resources-search-input{width:100%;padding:18px 50px 18px 24px;background:var(--color-gray-200);border:none;border-radius:100px;font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--color-gray-900);transition:all .3s ease}.resources-search-input::placeholder{color:var(--color-gray-400)}.resources-search-input:focus{outline:none;background:var(--color-gray-200)}.resources-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:var(--color-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600)}.resources-search-clear:hover{background:var(--color-gray-900);color:var(--color-white)}.resources-search-clear i{width:16px;height:16px}.filters-bar{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.filter-group{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:end}.filter-label{font-size:var(--font-size-sm);font-weight:400;color:var(--color-gray-700);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em}.filter-tag{padding:6px 14px;border-radius:var(--border-radius);background:var(--color-gray-100);border:none;font-size:var(--font-size-md);font-weight:400;cursor:pointer;transition:all .2s ease;color:var(--color-gray-700)}.filter-tag:hover{background:var(--color-gray-200)}.filter-tag.active{background:var(--color-gray-900);color:var(--color-white)}.filter-toggle-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 18px;background:var(--color-white);color:var(--color-gray-800);border:none;border-radius:999px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;position:relative}.filter-toggle-btn:hover{transform:translateY(-1px)}.filter-toggle-btn i{width:18px;height:18px}.filter-badge{background:var(--color-white);color:var(--color-gray-800);font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.filter-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:1001;display:none;animation:fadeIn .2s ease}.filter-modal-overlay.active{display:block}.filter-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:var(--color-white);border-radius:12px;z-index:1002;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:none;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.filter-modal.active{display:flex;transform:translate(-50%,-50%) scale(1)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);background:var(--color-gray-50)}.filter-modal-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:400;color:var(--color-gray-900);letter-spacing:-.01em}.filter-modal-close{width:32px;height:32px;border:none;background:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600)}.filter-modal-close:hover{background:var(--color-gray-900);color:var(--color-white)}.filter-modal-close i{width:18px;height:18px}.filter-modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.filter-modal-section{margin-bottom:var(--spacing-xl)}.filter-modal-section:last-child{margin-bottom:0}.filter-modal-section-title{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.filters{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.filter-modal-footer{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-gray-50);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.filter-clear-btn{color:var(--color-gray-600);background:transparent;border:none;font-size:var(--font-size-sm);cursor:pointer;padding:10px 16px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.filter-clear-btn:hover{color:var(--color-gray-900)}.article-container{background:var(--color-white);border-radius:var(--border-radius);overflow:hidden}.article-header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl)}.article-type{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-600);background:var(--color-gray-100);padding:4px 12px;border-radius:4px;margin-bottom:var(--spacing-md)}.article-title{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.article-subtitle{font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.article-share{display:flex;gap:var(--spacing-xs)}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:var(--border-radius);color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.share-btn:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.share-btn i{width:18px;height:18px}.article-hero{width:100%;overflow:hidden;background:var(--color-gray-100)}.article-hero-image{width:100%;height:100%;object-fit:cover}.article-content{padding:var(--spacing-2xl);max-width:100%}.article-content h2{font-size:var(--font-size-3xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:var(--font-size-xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.article-content h3 i{width:20px;height:20px;color:var(--color-gray-500)}.article-content p{font-size:var(--font-size-base);line-height:1.8;color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.article-content p:last-child{margin-bottom:0}.article-cta{background:var(--color-featured);border:none;border-radius:var(--border-radius);padding:var(--spacing-2xl);text-align:center;margin-top:var(--spacing-3xl)}.article-cta h2{margin-top:0;margin-bottom:var(--spacing-sm)}.article-cta p{margin-bottom:var(--spacing-lg)}.newsletter-form{display:flex;gap:var(--spacing-sm);width:100%;max-width:600px;margin:0 auto;flex-direction:column}.article-cta .newsletter-form{flex-direction:row;gap:var(--spacing-sm)}.newsletter-input{flex:1;padding:14px 20px;background:var(--color-white);border:none;border-radius:var(--border-radius);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-gray-900);transition:all .2s ease}.newsletter-input::placeholder{color:var(--color-gray-400)}.newsletter-input:focus{outline:none;background:var(--color-gray-100)}.newsletter-btn{white-space:nowrap;padding:14px 24px}.form-container{max-width:720px;margin:0 auto;background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--border-radius)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-family:var(--font-body);font-weight:400;color:var(--color-gray-900);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-body);transition:all .2s ease;background:var(--color-gray-100);color:var(--color-gray-900);height:44px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;background:var(--color-gray-200)}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-hint{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-xs);line-height:1.5}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.resource-detail{width:100%}.resource-detail-card{width:100%;background:var(--color-white);border-radius:var(--border-radius);overflow:visible;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.resource-detail-card .resource-row-card{border:none;background:transparent;padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-lg) 0}a.section-link{display:flex;align-items:center;gap:8px}section.section.section-slider{margin:var(--spacing-2xl) 0}header.page-header{margin-bottom:var(--spacing-2xl)}.resource-showcase-header{margin:var(--spacing-lg) 0;margin-top:0}.resource-showcase-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400;color:var(--color-gray-900);letter-spacing:-.01em}.resource-unified-card{background:var(--color-white);border-radius:24px;overflow:hidden;box-shadow:0 4px 6px #00000005;border:1px solid var(--color-gray-100);animation:resourceSlideIn .6s cubic-bezier(.16,1,.3,1);margin-bottom:var(--spacing-2xl)}.resource-unified-card.promoted{border:1px solid rgba(217,119,6,.2);background:linear-gradient(to bottom,#fffbeb,#fff)}@keyframes resourceSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resource-unified-header{padding:32px;display:flex;gap:24px;align-items:flex-start;position:relative}.resource-unified-logo-wrapper{flex-shrink:0;width:80px;height:80px;background:var(--color-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:center}.resource-unified-logo-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg) translate(-150%);animation:shimmer 3s infinite}.resource-unified-card.promoted .resource-unified-logo-wrapper{border-color:#d977064d;box-shadow:0 4px 12px #d9770626}.resource-unified-logo{width:100%;height:100%;object-fit:contain}.resource-unified-header-content{flex:1;min-width:0}.resource-unified-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px}.resource-unified-badge.promoted{background:#fef3c7;color:#d97706}.resource-unified-badge.community{background:#f3f4f6;color:#4b5563}.resource-unified-title{font-size:2rem;font-weight:800;color:var(--color-gray-900);line-height:1.2;margin-bottom:8px;letter-spacing:-.02em}.resource-unified-tagline{font-size:1.25rem;color:var(--color-gray-600);line-height:1.5;font-weight:400}.resource-unified-divider{height:1px;position:relative;overflow:hidden;background-color:var(--color-gray-200);color:var(--color-gray-800)}.resource-row-card:last-child{margin-bottom:0}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-white);border-radius:var(--border-radius);grid-column:1 / -1}.empty-state-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-gray-400)}.empty-state-icon i{width:48px;height:48px;stroke-width:1.5}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.empty-state p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-3xl)}.spinner{width:48px;height:48px;border:3px solid var(--color-gray-200);border-top-color:var(--color-gray-900);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:var(--color-white);padding:var(--spacing-2xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-content{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand{max-width:600px}.footer-logo{margin-bottom:var(--spacing-md)}.footer-logo .logo-link{text-decoration:none;display:inline-block}.footer-logo-img{height:32px;width:auto;display:block}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xl);line-height:1.5}.footer-newsletter{margin-bottom:0}.footer-pages{padding-top:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.footer-pages .footer-links{list-style:none;display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2,auto);gap:var(--spacing-sm) var(--spacing-lg);grid-auto-flow:column}.footer-pages .footer-links li{margin-bottom:0}.footer-link{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:400;transition:color .2s ease;text-transform:uppercase}.footer-link:hover{color:var(--color-gray-900)}.footer-social{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);background:var(--color-gray-100);color:var(--color-gray-600);transition:all .2s ease}.footer-social-link:hover{background:var(--color-gray-200);color:var(--color-gray-900)}svg.lucide.lucide-external-link{width:16px}.footer-bottom{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl) 0;text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resource-row-card,.resource-grid-card{animation:fadeIn .4s ease;animation-fill-mode:both}.resources-row .resource-row-card:nth-child(1),.resources-grid .resource-grid-card:nth-child(1){animation-delay:.05s}.resources-row .resource-row-card:nth-child(2),.resources-grid .resource-grid-card:nth-child(2){animation-delay:.1s}.resources-row .resource-row-card:nth-child(3),.resources-grid .resource-grid-card:nth-child(3){animation-delay:.15s}.resources-row .resource-row-card:nth-child(4),.resources-grid .resource-grid-card:nth-child(4){animation-delay:.2s}.resources-row .resource-row-card:nth-child(5),.resources-grid .resource-grid-card:nth-child(5){animation-delay:.25s}.resources-row .resource-row-card:nth-child(6),.resources-grid .resource-grid-card:nth-child(6){animation-delay:.3s}.promoted-slider-wrapper{width:100%}.slider-container{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius);background-color:#fff;padding-top:calc(var(--spacing-lg) * 2);padding-bottom:calc(var(--spacing-lg));margin-top:var(--spacing-lg)}.slider-container .resource-row-card{cursor:pointer}.slider-wrapper{display:flex;transition:transform .5s ease}.slider-slide{min-width:100%;padding:0 var(--spacing-lg);box-sizing:border-box}.slider-pagination{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);display:flex;gap:5px;z-index:10}.pagination-bar{flex:1;height:5px;background-color:#0000001a;border-radius:5px;overflow:hidden}.pagination-bar .progress{width:0;height:100%;background-color:var(--color-gray-900);transition:width 5s linear}.pagination-bar.active .progress{width:100%}.slider-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md)}.slider-spots{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-gray-500)}.spots-count{font-weight:600;color:var(--color-gray-700)}.spots-link{color:var(--color-gray-900);text-decoration:underline;text-underline-offset:2px}.spots-link:hover{color:var(--color-gray-600)}.slider-btn{background:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-800);transition:all .2s ease}.slider-btn:hover{background:var(--color-gray-200)}.mobile-menu-toggle{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-gray-700);transition:color .2s ease;position:relative;z-index:1001}.mobile-menu-toggle:hover{color:var(--color-gray-900)}.mobile-menu-toggle svg{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}.mobile-menu-toggle .hamburger-icon{opacity:1}.mobile-menu-toggle .close-icon{opacity:0}.mobile-menu-toggle.active .hamburger-icon{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.mobile-menu-toggle.active .close-icon{opacity:1;transform:translate(-50%,-50%) rotate(0)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--color-white);z-index:1000;padding:var(--spacing-xl);padding-top:80px;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;box-shadow:-4px 0 24px #00000026}.mobile-menu.active{transform:translate(0)}body.mobile-menu-open{overflow:hidden}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mobile-menu-link{display:block;padding:14px var(--spacing-md);color:var(--color-gray-700);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;transition:all .2s ease;border:1px solid transparent}.mobile-menu-link:hover{background:var(--color-gray-50);color:var(--color-gray-900);border-color:var(--color-gray-200)}.mobile-menu-link.active{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.mobile-menu-divider{height:1px;background:var(--color-gray-200);margin:var(--spacing-lg) 0}.mobile-menu-auth{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mobile-menu-btn{width:100%;justify-content:center;height:44px;font-size:12px;font-weight:500}textarea.form-input{min-height:120px}@media(max-width:1024px){:root{--spacing-2xl: 2.5rem;--spacing-3xl: 3rem}.nav-container{padding:0 var(--spacing-lg)}.page-container{padding:var(--spacing-xl) var(--spacing-lg);grid-template-columns:1fr}.right-sidebar{position:static;display:flex;flex-direction:column;gap:var(--spacing-md)}}@media(max-width:768px){:root{--nav-height: 72px;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.blog-posts-container{padding:var(--spacing-lg)!important}.top-nav{height:var(--nav-height);padding:0}.nav-container{padding:0 var(--spacing-md);flex-wrap:nowrap;gap:var(--spacing-xs);justify-content:space-between}.nav-logo{font-size:var(--font-size-xl);flex-shrink:0}.nav-center,.nav-actions{display:none}.mobile-menu-toggle{display:block;flex-shrink:0}.nav-search{display:none!important}.mobile-menu-search{position:relative;margin-bottom:var(--spacing-lg)}.mobile-search-input{width:100%;padding:12px 16px 12px 44px;background:var(--color-gray-100);border:1px solid transparent;border-radius:8px;font-family:var(--font-body);font-size:14px;color:var(--color-gray-900);transition:all .2s ease}.mobile-search-input:focus{background:var(--color-white);border-color:var(--color-gray-300);outline:none}.mobile-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);pointer-events:none;width:18px;height:18px}.page-container{padding:var(--spacing-lg) var(--spacing-md)}.page-title{font-size:var(--font-size-3xl)}.page-description{font-size:var(--font-size-base)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.right-sidebar{grid-template-columns:1fr}.resource-row-card{align-items:flex-start}.resource-row-logo{width:56px;height:56px}.resource-row-header{align-items:flex-start}.resource-detail-card .resource-row-header{flex-direction:column;align-items:flex-start}.resource-row-stats .btn-sm{display:none}.resource-detail-card .resource-row-stats .btn-sm{display:flex}.resource-row-meta{display:none}.resource-detail-card .resource-row-meta{display:flex;flex-direction:column;align-items:flex-start}.filter-modal{max-width:90%;max-height:90vh}.filter-modal-body,.filter-modal-header,.filter-modal-footer{padding:var(--spacing-md)}.search-filter-container{flex-direction:column;align-items:stretch}.filter-toggle-btn{width:100%;justify-content:center}.form-container,.article-header{padding:var(--spacing-lg)}.article-title{font-size:var(--font-size-3xl)}.article-subtitle{font-size:var(--font-size-base)}.article-content{padding:var(--spacing-lg)}.article-content h2{font-size:var(--font-size-2xl)}.article-content h3{font-size:var(--font-size-lg)}.newsletter-form,.article-cta .newsletter-form{flex-direction:column}.newsletter-btn{width:100%;justify-content:center}.search-query-text{font-size:var(--font-size-3xl)}.footer-brand{max-width:100%}.footer-pages{padding-top:0}.footer-pages .footer-links{grid-template-columns:repeat(3,1fr);grid-auto-flow:row}}@media(max-width:480px){:root{--nav-height: 64px;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem}.footer-pages .footer-links{grid-template-columns:repeat(3,1fr)}.top-nav{height:var(--nav-height)}.nav-container{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.nav-search{display:none!important}.nav-search-input{padding:12px 16px 12px 44px;text-align:left;cursor:text}.mobile-menu-search{position:relative;margin-bottom:var(--spacing-lg)}.mobile-search-input{width:100%;padding:12px 16px 12px 44px;background:var(--color-gray-100);border:1px solid transparent;border-radius:8px;font-family:var(--font-body);font-size:14px;color:var(--color-gray-900);transition:all .2s ease}.mobile-search-input:focus{background:var(--color-white);border-color:var(--color-gray-300);outline:none}.mobile-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);pointer-events:none;width:18px;height:18px}.page-container{padding:var(--spacing-md) var(--spacing-sm)}.btn{padding:10px 16px;font-size:11px}.resource-row-title{font-size:var(--font-size-lg)}.resource-grid-title{font-size:var(--font-size-base)}.form-actions{flex-direction:column}.slider-btn{display:none}}@media(max-width:360px){.page-wrapper,.page-container,.main-content,.right-sidebar{max-width:100vw!important;width:100%!important}.page-container{padding:var(--spacing-sm) var(--spacing-xs)!important;grid-template-columns:1fr!important;display:block!important}.nav-container{padding:0 var(--spacing-xs)!important}.resource-row-card{flex-direction:column!important;align-items:flex-start!important;padding:var(--spacing-sm)!important;gap:var(--spacing-sm)!important}.resource-row-content{width:100%!important}.resource-row-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-sm)!important;width:100%!important}.resource-row-title-group{width:100%!important}.resource-row-stats{flex-shrink:1!important;width:auto!important}.resource-row-logo{width:40px!important;height:40px!important}.resource-row-title,.resource-row-description,.page-title,.page-description,.section-title,.widget-title{word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.resources-row{padding:var(--spacing-sm)!important}.slider-container{padding:var(--spacing-sm)!important;padding-top:var(--spacing-lg)!important}.slider-slide{padding:0 var(--spacing-sm)!important}.slider-pagination{left:var(--spacing-sm);right:var(--spacing-sm);top:var(--spacing-sm)}.upvote-btn{padding:6px 10px!important}.sidebar-widget{padding:var(--spacing-sm)!important}.section-title{font-size:var(--font-size-xl)}.page-title{font-size:var(--font-size-2xl)}.footer-newsletter,.newsletter-card,.newsletter-card-content,.card-newsletter-form,.newsletter-form{flex-direction:column!important;min-width:0!important;width:100%!important}.widget-title-row,.widget-resource-title,.widget-info{min-width:0!important;max-width:100%!important}.widget-resource-title{white-space:normal!important}}@media print{.top-nav,.right-sidebar,.footer,.upvote-btn,.btn,.filters-bar{display:none}.page-wrapper{margin-top:0}.page-container{grid-template-columns:1fr}.resource-row-card,.resource-grid-card{break-inside:avoid;box-shadow:none;border:1px solid var(--color-gray-300)}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px}.upvote-btn{min-height:44px;padding:10px 16px}.nav-link{min-height:44px;display:flex;align-items:center}.filter-tag{min-height:40px;display:flex;align-items:center}}@media(max-width:768px)and (orientation:landscape){.page-header{margin-bottom:var(--spacing-lg)}.resource-grid-image-wrapper{aspect-ratio:2/1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-button-loading{display:flex;align-items:center;justify-content:center;padding:12px}.auth-button-loading .spinner{width:20px;height:20px;border-width:2px}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--color-white);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 48px #0003,0 0 0 1px #0000000d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-600);z-index:1}.auth-modal-close:hover{background:var(--color-gray-900);color:var(--color-white);transform:rotate(90deg)}.auth-modal-content{padding:48px 40px}.auth-modal-title{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--color-gray-900);margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.auth-modal-subtitle{font-size:15px;color:var(--color-gray-600);margin-bottom:32px;line-height:1.5}.auth-error{background:linear-gradient(135deg,#fee2e2,#fed7d7);color:#991b1b;padding:14px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;border:1px solid rgba(220,38,38,.2);display:flex;align-items:center;gap:10px;font-weight:500}.auth-error:before{content:"⚠";font-size:18px}.auth-google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:10px;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-gray-900);cursor:pointer;transition:all .2s ease;margin-bottom:16px}.auth-google-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-2px);box-shadow:none}.auth-google-button:active:not(:disabled){transform:translateY(0)}.auth-google-button:disabled{opacity:.5;cursor:not-allowed}.auth-google-button svg{width:20px;height:20px}.auth-divider{position:relative;text-align:center;margin:28px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--color-gray-200),transparent)}.auth-divider span{position:relative;background:var(--color-white);padding:0 16px;font-size:12px;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:1px;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{margin-bottom:0}.auth-form .form-group label{display:block;margin-bottom:8px;font-family:var(--font-body);font-weight:600;color:var(--color-gray-900);font-size:14px}.auth-form .form-group input{width:100%;padding:14px 16px;border:2px solid var(--color-gray-200);border-radius:10px;font-size:15px;font-family:var(--font-body);transition:all .2s ease;background:var(--color-white);color:var(--color-gray-900)}.auth-form .form-group input:hover:not(:disabled){border-color:var(--color-gray-300)}.auth-form .form-group input:focus{outline:none;border-color:var(--color-gray-900);box-shadow:0 0 0 4px #0000000d}.auth-form .form-group input::placeholder{color:var(--color-gray-400)}.auth-form .form-group input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-50)}.auth-submit-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#fff385,#ffef5f);color:#262626;border:none;border-radius:10px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;box-shadow:none}.auth-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ffef5f,#ffe838);transform:translateY(-2px);box-shadow:none}.auth-submit-button:active:not(:disabled){transform:translateY(0)}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--color-gray-100);font-size:14px;color:var(--color-gray-600)}.auth-switch-button{background:none;border:none;color:var(--color-gray-900);font-weight:600;cursor:pointer;font-family:var(--font-body);font-size:14px;transition:all .2s ease;text-decoration:underline;text-decoration-color:transparent}.auth-switch-button:hover{color:var(--color-gray-700);text-decoration-color:var(--color-gray-700)}@media(max-width:768px){.auth-modal{max-width:95%;border-radius:12px}.auth-modal-content{padding:32px 24px}.auth-modal-title{font-size:26px}.auth-modal-subtitle{font-size:14px}.auth-modal-close{top:16px;right:16px;width:32px;height:32px}.auth-google-button{padding:14px 20px;font-size:14px}.auth-form .form-group input{padding:12px 14px;font-size:14px}.auth-submit-button{padding:14px 20px;font-size:14px}}@media(max-width:480px){.auth-modal{border-radius:0;width:100%;max-width:100%;max-height:100vh;min-height:100vh}.auth-modal-content{padding:24px 20px}.auth-modal-title{font-size:24px}}.image-upload-container{display:flex;gap:var(--spacing-sm);align-items:flex-start}.image-preview-wrapper{flex-shrink:0;width:128px;height:128px;overflow:hidden;border-radius:var(--border-radius)}.image-preview,.image-preview-placeholder{width:100%;height:100%;border-radius:var(--border-radius);border:2px solid var(--color-gray-200);box-sizing:border-box}.image-preview{object-fit:cover;display:block}.image-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-gray-50);color:var(--color-gray-400);font-size:.75rem;gap:var(--spacing-xs)}.image-upload-actions{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-upload-slot{border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-gray-50);min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-upload-slot:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.image-upload-slot.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.image-upload-slot.has-image{border-style:solid;padding:0;position:relative;overflow:hidden;min-height:160px}.image-upload-slot img{width:100%;height:100%;min-height:160px;object-fit:cover;border-radius:var(--border-radius)}.image-upload-slot .remove-image{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0}.image-upload-slot .remove-image:hover{background:#000000e6}.add-image-placeholder{color:var(--color-gray-400)}.add-image-placeholder svg{margin-bottom:var(--spacing-xs);color:var(--color-gray-400)}.add-image-placeholder p{margin:0;color:var(--color-gray-500);font-family:var(--font-body);font-size:var(--font-size-sm)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.profile-header{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);display:flex;align-items:flex-start;gap:var(--spacing-lg)}.user-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--color-gray-600)}.user-info{flex:1}.user-name{margin:0 0 .5rem;font-size:2rem;font-family:var(--font-display);font-weight:600}.user-username{margin:0;color:var(--color-gray-600);font-size:.875rem}.settings-section{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--border-radius)}.settings-form{max-width:600px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);color:var(--color-gray-500)}.breadcrumbs a{color:var(--color-gray-500);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--color-gray-900)}.breadcrumbs .separator{color:var(--color-gray-300)}.breadcrumbs li[aria-current=page]{color:var(--color-gray-900);font-weight:500}.breadcrumbs-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md)}.promote-breadcrumb-btn{background:#fff;color:var(--color-gray-700);white-space:nowrap;border:none}.promote-breadcrumb-btn:hover{background:var(--color-gray-200)}.time-nav{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-xl)}.time-nav-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.time-nav-tabs::-webkit-scrollbar{display:none}.time-nav-tab{padding:12px 20px;font-size:.875rem;font-weight:500;color:var(--color-gray-600);text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;cursor:pointer}.time-nav-tab:hover{color:var(--color-gray-900)}.time-nav-tab.active{color:var(--color-gray-900);border-bottom-color:var(--color-gray-900)}@media(max-width:640px){.time-nav-tab{padding:10px 16px;font-size:.8125rem}}.promoted-breadcrumb-btn{background:var(--color-gray-900);color:#fff;white-space:nowrap}.promoted-breadcrumb-btn:hover{background:var(--color-gray-800)}.queued-breadcrumb-btn{background:#fb923c1a;color:var(--color-warning);border:1px solid rgba(251,146,60,.2);white-space:nowrap}.queued-breadcrumb-btn:hover{background:#fb923c26}.processing-breadcrumb-btn{background:#3b82f61a;color:var(--color-gray-800);border:1px solid rgba(59,130,246,.2);white-space:nowrap}.processing-breadcrumb-btn:hover{background:#3b82f626}.processing-breadcrumb-btn i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-help{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-gray-600)}.form-message{padding:14px 16px;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-size:.875rem;line-height:1.5;font-weight:500}.form-message-error{background:#fef2f2;color:#991b1b}.form-message-success{background:#f0fdf4;color:#166534}.validation-message{font-size:var(--font-size-base);text-transform:lowercase;opacity:.7;margin-top:4px}#slugError{color:red}#slugSuccess{color:green}#resultsCount,.filter-group{margin-bottom:8px}.categories-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-tags{display:none;flex-wrap:wrap;gap:var(--spacing-sm)}.category-tags.has-tags{display:flex}.category-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;background:var(--color-gray-300);border:none;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;color:var(--color-gray-600);transition:all .2s ease}.category-tag-remove:hover{background:var(--color-gray-400);color:var(--color-gray-900)}@media(max-width:640px){.profile-header{flex-direction:column;text-align:center}.form-actions,.image-upload-container{flex-direction:column}.image-preview-wrapper,.image-preview,.image-preview-placeholder{width:100%;height:200px}}.resource-submitter{font-size:var(--font-size-sm);color:var(--color-gray-500);opacity:.7;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.resource-submitter a{color:var(--color-gray-700);text-decoration:none;font-weight:500;transition:color .2s ease}.resource-submitter a:hover{color:var(--color-gray-900);text-decoration:underline}.newsletter-form .form-group{margin-bottom:0}.newsletter-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);background:#fff;font-size:13px;transition:all .2s ease}.newsletter-input:focus{outline:none;border-color:var(--color-gray-400)}.newsletter-message{font-size:.75rem;margin-top:10px;padding:8px 10px;border-radius:var(--border-radius);line-height:1.4}.newsletter-message.success{background-color:#1665341a;color:#166534;border:1px solid rgba(22,101,52,.2)}.newsletter-message.error{background-color:#991b1b1a;color:#991b1b;border:1px solid rgba(153,27,27,.2)}.resource-showcase-container{border-top:1px solid var(--color-gray-100);padding:var(--spacing-xl);background:var(--color-white);border-radius:0 0 var(--border-radius) var(--border-radius)}.resource-showcase-scroll{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-md);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.resource-showcase-scroll::-webkit-scrollbar{height:6px}.resource-showcase-scroll::-webkit-scrollbar-track{background:var(--color-gray-50);border-radius:3px}.resource-showcase-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.resource-showcase-item{max-height:256px;width:auto;border-radius:var(--border-radius);cursor:pointer;transition:opacity .1s linear;flex-shrink:0;background:var(--color-gray-100);object-fit:contain;border:1px solid var(--color-gray-100)}.resource-showcase-item:hover{opacity:.9}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:var(--spacing-xl);backdrop-filter:blur(5px)}.lightbox-wrapper{position:relative;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.lightbox-image{max-width:60vw;max-height:60vh;border-radius:4px;box-shadow:0 20px 50px #00000080;object-fit:contain;animation:zoomIn .3s cubic-bezier(.16,1,.3,1)}.lightbox-close{position:absolute;top:20px;right:20px;background:#0000000d;border:none;color:var(--color-gray-600);cursor:pointer;width:36px;height:36px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10000}.lightbox-close:hover{background:var(--color-gray-900);color:var(--color-white);transform:rotate(90deg)}.lightbox-close svg{width:24px;height:24px;stroke-width:2}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sort-select{padding:8px 32px 8px 16px;font-size:11px;font-family:var(--font-body);font-weight:400;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:var(--border-radius);background:var(--color-gray-100);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.sort-select:hover{background-color:var(--color-gray-200)}.sort-select:focus{outline:none;background-color:var(--color-gray-200)}.delete-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.delete-modal{background:#fff;border-radius:8px;padding:2rem;max-width:400px;width:90%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease-out}.delete-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1rem;cursor:pointer;color:#737373;line-height:0;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.delete-modal-close:hover{background:#f5f5f5;color:#171717}.delete-modal-icon{width:48px;height:48px;margin:0 auto 1rem;color:#171717}.delete-modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#171717;text-align:center;margin:0 0 .5rem}.delete-modal-message{font-family:var(--font-body);font-size:.875rem;color:#737373;text-align:center;margin:0 0 1.5rem;line-height:1.5}.delete-modal-actions{display:flex;gap:12px}.delete-modal-btn{flex:1;padding:12px 24px;border-radius:8px;font-family:var(--font-body);font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;border:none}.delete-modal-btn-primary{background:#dc2626;color:#fff}.delete-modal-btn-primary:hover{background:#b91c1c;transform:translateY(-1px)}.delete-modal-btn-secondary{background:#f5f5f5;color:#171717}.delete-modal-btn-secondary:hover{background:#e5e5e5}.image-input-hidden,.hidden{display:none}.load-more-trigger{height:20px;margin:40px 0}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;height:40px;padding:0 12px;background:#fff;border:1px solid #E5E5E5;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;color:#404040}.user-menu-button:hover{background:#f5f5f5;border-color:#d4d4d4}.user-avatar,.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#171717;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:.75rem}.user-display-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #E5E5E5;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;z-index:100;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:1rem;background:#f5f5f5;border-bottom:1px solid #E5E5E5;border-radius:8px 8px 0 0}.user-menu-name{font-family:Inter,sans-serif;font-weight:600;color:#171717;margin-bottom:.25rem}.user-menu-username{font-family:Inter,sans-serif;font-size:.75rem;color:#404040;margin-top:.25rem;font-weight:500}.user-menu-divider{height:1px;background:#e5e5e5;margin:-1px 0 0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease;color:#404040;text-decoration:none;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400}.user-menu-item:hover{background:#f5f5f5}.user-menu-item svg{flex-shrink:0;color:#737373}@media(max-width:640px){.user-display-name{display:none}}.skeleton-card{pointer-events:none;user-select:none}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 0%,var(--color-gray-200) 50%,var(--color-gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-image{width:100%;height:100%;border-radius:var(--border-radius)}.skeleton-logo{width:64px;height:64px;border-radius:var(--border-radius);flex-shrink:0}.skeleton-title{height:20px;margin-bottom:8px}.skeleton-text{height:14px;margin-bottom:6px}.skeleton-tag{height:28px;border-radius:var(--border-radius)}.skeleton-button{height:36px;border-radius:var(--border-radius)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-gray-100)}}.verification-banner{background:#fff385;border-bottom:1px solid #e5e500;width:100%;position:relative;z-index:100}.verification-banner-content{max-width:var(--content-max-width);margin:0 auto;padding:12px var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md)}.verification-banner-icon{flex-shrink:0;color:#262626;display:flex;align-items:center}.verification-banner-icon i{width:20px;height:20px}.verification-banner-text{flex:1;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#262626}.verification-banner-text strong{font-size:.875rem;font-weight:600}.verification-banner-message{font-size:.75rem;opacity:.8}.verification-banner-close{flex-shrink:0;background:none;border:none;color:#262626;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.verification-banner-close:hover{background:#0000001a}.verification-banner-close i{width:18px;height:18px}@media(max-width:768px){.verification-banner-content{flex-wrap:wrap;padding:12px var(--spacing-xl)}.verification-banner-text{flex:1 1 100%;order:1}.verification-banner-icon{order:0}.verification-banner-close{order:2}}.newsletter-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius);background:var(--color-featured);border:none;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.newsletter-card-content{display:flex;align-items:center;gap:var(--spacing-md);flex:2;min-width:250px}.newsletter-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.05)}.newsletter-icon i{width:20px;height:20px;color:var(--color-gray-800)}.newsletter-text h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:4px;font-family:var(--font-display);color:var(--color-gray-900)}.newsletter-text p{font-size:.875rem;color:var(--color-gray-700);margin:0;line-height:1.4}.card-newsletter-form{display:flex;gap:var(--spacing-sm);width:auto;flex:1;min-width:300px;max-width:450px;margin:0}.card-newsletter-form .form-group{flex:1;margin:0}.card-newsletter-form .newsletter-input{background:#fff;border:1px solid rgba(0,0,0,.1);height:40px;padding:0 16px}.card-newsletter-form .btn{height:40px;white-space:nowrap}.card-newsletter-message{width:100%;margin-top:-8px}@media(max-width:768px){.newsletter-card{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.card-newsletter-form{width:100%;max-width:none;min-width:0}}.notification-banner{width:100%;position:relative;z-index:101;transition:all .3s ease}.notification-banner.error{background:#fef2f2;border-bottom:1px solid #fecaca}.notification-banner.error .notification-banner-icon,.notification-banner.error .notification-banner-text{color:#991b1b}.notification-banner.warning{background:#fff385;border-bottom:1px solid #e5e500}.notification-banner.warning .notification-banner-icon,.notification-banner.warning .notification-banner-text{color:#262626}.notification-banner.success{background:#f0fdf4;border-bottom:1px solid #bbf7d0}.notification-banner.success .notification-banner-icon,.notification-banner.success .notification-banner-text{color:#166534}.notification-banner-content{max-width:var(--content-max-width);margin:0 auto;padding:12px var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md)}.notification-banner-icon{flex-shrink:0;display:flex;align-items:center}.notification-banner-icon i{width:20px;height:20px}.notification-banner-text{flex:1;display:flex;flex-direction:column;font-family:Inter,sans-serif}.notification-banner-text strong{font-size:.875rem;font-weight:600}.notification-banner-message{font-size:.75rem;opacity:.9}.notification-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.notification-action-btn{font-size:.875rem;font-weight:600;text-decoration:underline;cursor:pointer;color:inherit}.notification-action-btn:hover{opacity:.8}.notification-banner-close{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;padding:0}.notification-banner-close:hover{background:#0000000d}.notification-banner-close i{width:18px;height:18px}@media(max-width:768px){.notification-banner-content{flex-wrap:wrap;padding:12px var(--spacing-xl)}.notification-banner-text{flex:1 1 100%;order:1;margin-bottom:8px}.notification-banner-icon{order:0}.notification-actions{order:2;width:100%;justify-content:flex-end}}.billing-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.billing-section{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius)}.billing-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.billing-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.billing-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:var(--spacing-lg)}.billing-card-active{border-color:#86efac;background:linear-gradient(to right,#f0fdf4,#fff)}.billing-card-queued{border-color:#fde047;background:linear-gradient(to right,#fefce8,#fff)}.billing-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.billing-card-resource{display:flex;align-items:center;gap:var(--spacing-md)}.billing-card-logo{width:48px;height:48px;border-radius:var(--border-radius);object-fit:cover;border:1px solid var(--color-gray-200)}.billing-card-info{display:flex;flex-direction:column;gap:4px}.billing-card-title{font-weight:600;color:var(--color-gray-900);text-decoration:none}.billing-card-title:hover{text-decoration:underline}.billing-plan-badge{display:inline-block;font-size:var(--font-size-xs);padding:2px 8px;border-radius:4px;background:#dcfce7;color:#166534;font-weight:500;width:fit-content}.billing-plan-badge-queued{background:#fef9c3;color:#854d0e}.billing-renewal-badge{display:inline-block;font-size:var(--font-size-sm);padding:4px 10px;border-radius:20px;background:var(--color-gray-100);color:var(--color-gray-700);font-weight:500}.billing-queue-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);padding:4px 10px;border-radius:20px;background:#fef3c7;color:#92400e;font-weight:500}.billing-queue-badge svg{width:14px;height:14px}.billing-card-body{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.billing-card-price{display:flex;align-items:baseline;gap:4px}.billing-price-amount{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.billing-price-period{font-size:var(--font-size-sm);color:var(--color-gray-500)}.billing-queue-info{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.billing-available-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.billing-available-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);text-decoration:none;color:var(--color-gray-900);transition:all .2s ease}.billing-available-card:hover{border-color:var(--color-gray-400);background:#fff}.billing-available-logo{width:40px;height:40px;border-radius:var(--border-radius);object-fit:cover}.billing-available-title{flex:1;font-weight:500}.billing-available-card svg{color:var(--color-gray-400);width:16px;height:16px}.billing-empty{text-align:center;padding:var(--spacing-3xl);background:#fff;border-radius:var(--border-radius)}.billing-empty-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:50%}.billing-empty-icon svg{width:32px;height:32px;color:var(--color-gray-400)}.billing-empty h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.billing-empty p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.billing-empty-resources{margin-top:var(--spacing-xl)}.billing-empty-resources h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}@media(max-width:640px){.billing-card-header{flex-direction:column}.billing-card-body{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.back-link:hover{color:var(--color-gray-900)}.back-link svg{width:16px;height:16px}.resource-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#fff;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.resource-preview-logo{width:64px;height:64px;border-radius:var(--border-radius);object-fit:cover}.resource-preview-info h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:4px}.resource-preview-info p{color:var(--color-gray-600);font-size:var(--font-size-sm)}.promotion-status{margin-bottom:var(--spacing-xl)}.status-available,.status-queue{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.status-available{background:#d1fae5;color:#065f46}.status-queue{background:#fef3c7;color:#92400e}.status-available svg,.status-available i,.status-queue svg,.status-queue i{width:18px;height:18px;flex-shrink:0}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pricing-card{background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.pricing-card:hover{background:var(--color-gray-200)}.pricing-card.popular{background:var(--color-gray-900)}.pricing-card.popular:hover{background:var(--color-gray-800)}.pricing-card.popular .plan-name,.pricing-card.popular .price-amount,.pricing-card.popular .plan-description,.pricing-card.popular .features-header,.pricing-card.popular .features-intro,.pricing-card.popular .features-list li{color:#fff}.pricing-card.popular .price-meta span{color:var(--color-gray-400)}.pricing-card.popular .features-list li svg,.pricing-card.popular .features-list li i{color:var(--color-gray-400)}.pricing-card-top{padding:var(--spacing-xl)}.pricing-card-bottom{padding:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200);flex:1}.pricing-card.popular .pricing-card-bottom{border-top-color:var(--color-gray-700)}.plan-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.plan-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-700);margin:0}.pricing-card:not(.popular) .plan-name{margin-bottom:var(--spacing-md)}.popular-badge{background:#fff;color:var(--color-gray-900);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.plan-price{display:flex;align-items:flex-start;gap:6px;margin-bottom:var(--spacing-md)}.price-amount{font-size:2.5rem;font-weight:700;color:var(--color-gray-900);line-height:1}.price-meta{display:flex;flex-direction:column;padding-top:6px}.price-meta span{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.3}.plan-description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.btn-block{width:100%}.btn-featured{background:#fff;color:var(--color-gray-900);border:none}.btn-featured:hover{background:var(--color-gray-100)}.features-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.features-intro{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 0;font-size:var(--font-size-sm);color:var(--color-gray-700)}.features-list li svg,.features-list li i{width:16px;height:16px;color:var(--color-gray-500);flex-shrink:0}.checkout-btn{width:100%}.promotion-active,.promotion-queued{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--border-radius);padding:var(--spacing-xl);text-align:center}.promotion-active{border-color:#10b981;background:#f0fdf4}.promotion-queued{border-color:#f59e0b;background:#fffbeb}.promotion-active-header,.promotion-queued-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.promotion-active-header svg{width:24px;height:24px;color:#10b981}.promotion-queued-header svg{width:24px;height:24px;color:#f59e0b}.promotion-active-header h2,.promotion-queued-header h2{font-size:var(--font-size-xl);font-weight:600}.promotion-plan{margin-top:var(--spacing-md);color:var(--color-gray-600)}.queue-info{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-500)}@media(max-width:640px){.pricing-cards{grid-template-columns:1fr}}.promotion-status-card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl)}.promotion-status-header{margin-bottom:var(--spacing-lg)}.promotion-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm)}.promotion-status-badge.active{background:#22c55e1a;color:var(--color-success)}.promotion-status-badge.queued{background:#fb923c1a;color:var(--color-warning)}.promotion-status-badge i{width:14px;height:14px}.promotion-status-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.promotion-detail-row{display:flex;justify-content:space-between;align-items:center}.promotion-detail-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.promotion-detail-value{font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.promotion-detail-value i{width:14px;height:14px}.promotion-detail-value.status-active{color:var(--color-success)}.promotion-detail-value.status-queued{color:var(--color-warning)}.promotion-queue-notice{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.promotion-queue-notice i{width:16px;height:16px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.promotion-queue-notice p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.promotion-status-footer{display:flex;gap:var(--spacing-md)}.billing-card-details{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.billing-detail-row{display:flex;justify-content:space-between;align-items:center}.billing-detail-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.billing-detail-value{font-weight:500;font-size:var(--font-size-sm);display:flex;align-items:center}.billing-detail-highlight{color:var(--color-primary)}.billing-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.billing-status-badge i{width:12px;height:12px}.billing-status-active{background:#22c55e1a;color:var(--color-success)}.billing-status-queued{background:#fb923c1a;color:var(--color-warning)}.billing-queue-notice{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.billing-queue-notice i{width:14px;height:14px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.billing-queue-notice p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.4}.profile-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:4px;background:var(--color-gray-100);border-radius:var(--border-radius);width:fit-content}.profile-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 16px;border:none;background:transparent;border-radius:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.profile-tab:hover{color:var(--color-gray-900);background:var(--color-gray-200)}.profile-tab.active{background:#fff;color:var(--color-gray-900);box-shadow:0 1px 2px #0000000d}.profile-tab i{width:16px;height:16px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-gray-200);color:var(--color-gray-700);border-radius:10px;font-size:11px;font-weight:500}.profile-tab.active .tab-count{background:var(--color-gray-900);color:#fff}.tab-content{min-height:200px}@media(max-width:640px){.profile-tabs{width:100%}.profile-tab{flex:1;justify-content:center}}.promotions-table{width:100%;border-collapse:collapse}.promotions-table thead{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.promotions-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:500;color:var(--color-gray-500)}.promotions-table td{padding:12px 16px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.promotions-table tbody tr:hover{background-color:var(--color-gray-50)}.promotions-table tbody tr:last-child td{border-bottom:none}.owner-info{font-size:var(--font-size-sm)}.owner-link{color:var(--color-gray-700);text-decoration:none}.owner-link:hover{color:var(--color-primary)}.plan-badge{display:inline-block;padding:4px 8px;background:var(--color-gray-100);border-radius:4px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-700)}.date-info{font-size:var(--font-size-sm)}.date-row{display:flex;gap:4px}.date-label{color:var(--color-gray-500)}.date-value{font-weight:500;color:var(--color-gray-900)}.date-sublabel{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.stop-btn:hover,.remove-btn:hover{background:#fef2f2;border-color:#fecaca;color:#991b1b}@media(max-width:768px){.promotions-table{min-width:700px}}.article-hero-image{width:100%;height:auto}.promotion-type{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.promotion-type:last-of-type{border-bottom:none;margin-bottom:var(--spacing-lg)}.promotion-type h3{margin-bottom:var(--spacing-xs)}.promotion-type img{width:100%;height:auto;margin-top:var(--spacing-md);transition:transform .2s ease;border:1px solid #f5f5f5;border-radius:var(--border-radius)}.promotion-type img:hover{transform:translateY(-2px)}.cta-image{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}