.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%}.file-card{display:flex;align-items:center;gap:15px;padding:15px;background:var(--dark-card);border-radius:12px;border:1px solid var(--border-medium);transition:transform 0.3s ease,border-color 0.3s ease;width:100%}.file-card:hover{transform:translateY(-4px);border-color:var(--primary-color)}.file-card__icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary-bg-color);border-radius:10px;color:var(--primary-color);font-size:1.8rem;flex-shrink:0}.file-card__info{flex:1}.file-card__title{font-size:1rem;font-weight:600;color:var(--text-light);margin-bottom:5px}.file-card__meta{font-size:0.85rem;color:var(--text-muted);margin:0}.file-card__btn{display:flex;align-items:center;gap:8px;padding:8px 15px;background:var(--primary-bg-color);border-radius:6px;color:var(--primary-color);text-decoration:none;font-size:0.9rem;transition:all 0.3s ease}.file-card__btn:hover{background:var(--primary-color);color:black;transform:translateY(-2px)}.file-card--compact{padding:10px}.file-card--compact .file-card__icon{width:40px;height:40px;font-size:1.5rem}.file-card--compact .file-card__title{font-size:0.9rem}@media (max-width:768px){.file-card{flex-wrap:wrap}.file-card__btn{width:100%;justify-content:center}}@media (max-width:576px){.file-grid{grid-template-columns:1fr}}.tech-item{width:100%}.tech-card{background-color:var(--dark-card);border:1px solid var(--border-lighter);border-radius:8px;padding:0.8rem 1rem;display:flex;align-items:flex-start;transition:transform 0.3s ease,border-color 0.3s ease,background-color 0.3s ease;cursor:pointer;text-decoration:none;color:inherit;height:100%}.tech-card:hover{border-color:var(--primary-color);transform:translateX(5px);background-color:var(--primary-bg-light)}.tech-icon{width:40px;height:40px;background:var(--primary-bg-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.tech-icon i{font-size:1.3rem;color:var(--primary-color)}.tech-content{display:flex;flex-direction:column;flex:1;min-width:0}.tech-title{color:var(--text-light);font-size:1rem;font-weight:500;margin-bottom:0.1rem;line-height:1.3}.tech-description{font-size:0.8rem;color:var(--text-muted);line-height:1.3;opacity:0.8;transition:opacity 0.3s ease}.tech-card:hover .tech-description{opacity:1}@media (max-width:576px){.tech-card{padding:0.7rem 0.9rem}.tech-icon{width:36px;height:36px;margin-right:10px}.tech-icon i{font-size:1.2rem}.tech-title{font-size:0.95rem}}.related-technologies{margin-top:20px;padding-top:20px}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}@media (max-width:768px){.related-technologies{margin-top:30px;padding-top:20px}.related-technologies__title{font-size:1.2rem}.technologies-grid{grid-template-columns:1fr}}