.resources-page{min-height:100vh;padding-top:80px;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden}.hero-glow-1{top:-10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.12) 0,rgba(99,102,241,0) 70%)}.hero-glow-1,.hero-glow-2{position:absolute;pointer-events:none;z-index:0}.hero-glow-2{top:15%;right:15%;width:500px;height:500px;background:radial-gradient(circle,rgba(20,184,166,.1) 0,rgba(20,184,166,0) 70%)}.resources-hero{text-align:center;padding:6rem 2rem 4rem;position:relative;z-index:1;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1.25rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.15);border-radius:99px;color:#6366f1;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(99,102,241,.05)}.dark .hero-badge{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#a5b4fc}.resources-title{font-size:4rem;font-weight:900;letter-spacing:-.03em;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,#4f46e5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.dark .resources-title{background:linear-gradient(135deg,#fff 40%,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.resources-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;font-weight:400;max-width:700px;margin:0 auto}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2.5rem;gap:2.5rem;padding:2rem;max-width:1300px;margin:0 auto 6rem;position:relative;z-index:1}.resource-card{background:hsla(0,0%,100%,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px -2px rgba(0,0,0,.03)}.dark .resource-card{background:rgba(21,25,33,.5);border:1px solid hsla(0,0%,100%,.04);box-shadow:0 10px 30px -10px rgba(0,0,0,.3)}.resource-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px rgba(0,0,0,.08)}.dark .resource-card:hover{box-shadow:0 30px 60px -15px rgba(0,0,0,.5)}.card-glass-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--x,0) var(--y,0),hsla(0,0%,100%,.06),transparent 40%);pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease}.resource-card:hover .card-glass-glow{opacity:1}.card-top{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:1}.tool-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .85rem;border-radius:8px}.badge-purple{background:rgba(168,85,247,.08);color:#9333ea;border:1px solid rgba(168,85,247,.15)}.dark .badge-purple{background:rgba(168,85,247,.15);color:#c084fc;border-color:rgba(168,85,247,.3)}.badge-teal{background:rgba(20,184,166,.08);color:#0d9488;border:1px solid rgba(20,184,166,.15)}.dark .badge-teal{background:rgba(20,184,166,.15);color:#2dd4bf;border-color:rgba(20,184,166,.3)}.badge-blue{background:rgba(59,130,246,.08);color:#2563eb;border:1px solid rgba(59,130,246,.15)}.dark .badge-blue{background:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.3)}.resource-icon-wrapper{width:68px;height:68px;border-radius:18px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1;border:1px solid var(--border)}.resource-action{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;transition:all .3s ease}.resource-card:hover .resource-action{gap:.75rem}.card-remover:hover{border-color:rgba(168,85,247,.4)}.card-remover:hover .resource-icon-wrapper{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 10px 20px -5px rgba(124,58,237,.3);border-color:transparent;transform:scale(1.05) rotate(-2deg)}.card-remover .resource-action{color:#7c3aed}.dark .card-remover .resource-action{color:#a855f7}.card-compressor:hover{border-color:rgba(20,184,166,.4)}.card-compressor:hover .resource-icon-wrapper{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 10px 20px -5px rgba(13,148,136,.3);border-color:transparent;transform:scale(1.05) rotate(2deg)}.card-compressor .resource-action{color:#0d9488}.dark .card-compressor .resource-action{color:#2dd4bf}.card-enhancer:hover{border-color:rgba(59,130,246,.4)}.card-enhancer:hover .resource-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 10px 20px -5px rgba(37,99,235,.3);border-color:transparent;transform:scale(1.05) rotate(-2deg)}.card-enhancer .resource-action{color:#2563eb}.dark .card-enhancer .resource-action{color:#60a5fa}.resource-content{z-index:1}.resource-title{font-size:1.5rem;font-weight:800;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.015em}.resource-description{font-size:.975rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;min-height:72px}@media (max-width:900px){.resources-title{font-size:3rem}}@media (max-width:600px){.resources-title{font-size:2.25rem;margin-bottom:1rem}.resources-subtitle{font-size:1.05rem}.resources-hero{padding:4rem 1rem 2rem}.resources-grid{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.resource-card{padding:1.75rem}.resource-description{min-height:auto}}