.external-project{position:relative;display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff !important;text-decoration:none;border-radius:6px;transition:all .3s ease;font-weight:500}.external-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4);color:#fff !important;text-decoration:none}.project-card,.highlight{transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;padding:1rem;margin:.5rem 0}.project-card:hover,.highlight:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-mode=dark] .project-card:hover,[data-mode=dark] .highlight:hover{box-shadow:0 4px 12px hsla(0,0%,100%,.1)}.project-categories{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin:1rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1.5rem;margin:2rem 0}.project-highlight-card{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e1e5e9);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.project-highlight-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);opacity:0;transition:opacity .3s ease}.project-highlight-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:var(--card-hover-border, #667eea)}.project-highlight-card:hover::before{opacity:1}.project-icon{font-size:2.5rem;margin-bottom:1rem;display:block;filter:grayscale(20%);transition:filter .3s ease,transform .3s ease}.project-highlight-card:hover .project-icon{filter:grayscale(0%);transform:scale(1.1)}.project-highlight-card h3{margin:0 0 1rem 0;color:var(--heading-color, #2c3e50);font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .3s ease}.project-highlight-card:hover h3{color:var(--text-color-hover, #667eea)}.project-highlight-card p{margin:0 0 1rem 0;color:var(--text-muted, #6c757d);line-height:1.5;font-size:.95rem}.project-highlight-card ul{margin:0;padding-left:1.2rem;list-style:none}.project-highlight-card li{position:relative;margin-bottom:.5rem;color:var(--text-color, #495057);font-size:.9rem;line-height:1.4}.project-highlight-card li::before{content:"▸";position:absolute;left:-1rem;color:var(--accent-color, #667eea);font-weight:bold;transition:transform .2s ease}.project-highlight-card:hover li::before{transform:translateX(2px)}[data-mode=dark] .project-highlight-card{--card-bg: #1e1e1e;--card-border: #343a46;--card-hover-border: #667eea;--heading-color: #e9ecef;--text-color: #ced4da;--text-muted: #adb5bd;--text-color-hover: #8fa4f3;--accent-color: #8fa4f3;background:var(--card-bg);border-color:var(--card-border)}[data-mode=dark] .project-highlight-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.3)}@media(max-width: 768px){.external-project{display:block;text-align:center;margin:.5rem 0}.projects-grid{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}.project-highlight-card{padding:1.25rem}.project-icon{font-size:2rem;margin-bottom:.75rem}.project-highlight-card h3{font-size:1.15rem}.project-highlight-card:hover{transform:translateY(-4px)}}@media(max-width: 480px){.project-highlight-card{padding:1rem;margin:0 -0.5rem}.project-icon{font-size:1.8rem}.project-highlight-card h3{font-size:1.1rem}}/*# sourceMappingURL=project-styles.css.map */