body{background:var(--bg)}.resources-page{min-height:100vh;padding-bottom:0}.resources-header{text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.resources-header-bg{z-index:0;background:radial-gradient(70% 50% at 50% 30%,#05966914 0%,#0000 60%),radial-gradient(50% 40% at 50% 80%,#f59e0b0d 0%,#0000 50%);position:absolute;inset:0}.resources-header-content{z-index:1;position:relative}.resources-header-content i{background:linear-gradient(135deg,var(--primary-light),var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px}.resources-header-content h1{color:var(--text);margin-bottom:8px;font-size:clamp(28px,4vw,42px);font-weight:900}.resources-header-content p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:clamp(14px,1.1vw,17px);line-height:1.8}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;max-width:1400px;margin:0 auto;padding:40px 5vw 60px;display:grid}.resource-card{color:inherit;perspective:800px;text-decoration:none;display:block}.resource-card-inner{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-smooth);backdrop-filter:var(--blur);aspect-ratio:3/4;flex-direction:column;display:flex;position:relative;overflow:hidden}.resource-card:hover .resource-card-inner{background:var(--glass-hover);box-shadow:var(--shadow-glow-primary);border-color:#8b5cf640;transform:translateY(-6px)scale(1.02)}.resource-card-body{background:#0003;flex:1;position:relative;overflow:hidden}.resource-thumb{width:100%;height:100%;transition:transform var(--transition-smooth);display:block;position:absolute;inset:0}.resource-card:hover .resource-thumb{transform:scale(1.03)}.resource-card-footer{background:#0003;border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.resource-card-footer-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.resource-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.resource-card-date{color:var(--text-dim);unicode-bidi:plaintext;font-size:11px;font-weight:500;display:inline-block}.resource-card-hint{color:var(--primary-light);opacity:0;transition:all var(--transition-smooth);flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex;transform:translate(8px)}.resource-card:hover .resource-card-hint{opacity:1;transform:translate(0)}.resource-card-hint i{font-size:14px}.resources-empty{text-align:center;color:var(--text-muted);padding:100px 24px}.resources-empty i{opacity:.4;margin-bottom:16px;font-size:64px}.resources-empty p{font-size:18px}@media (width<=768px){.resources-header{padding:60px 16px 40px}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:24px 4vw 40px}.resource-card-footer{padding:10px 12px}.resource-card-title{font-size:12px}.resource-card-hint{font-size:11px}}@media (width<=480px){.resources-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 3vw 32px}.resources-header-content h1{font-size:24px}.resource-card-footer{padding:8px 10px}.resource-card-title{font-size:11px}}@media (prefers-reduced-motion:reduce){.resource-card-inner,.resource-thumb,.resource-card-hint{transition:none}.resource-card:hover .resource-card-inner,.resource-card:hover .resource-thumb{transform:none}.resource-card:hover .resource-card-hint{opacity:0;transform:none}}