.hero{align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--color-accent-glow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero-content{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text{gap:var(--space-lg);flex-direction:column;display:flex}.hero-greeting{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:500}.hero-name{font-size:var(--font-size-5xl);letter-spacing:-1px;font-weight:700;line-height:1.1}.hero-title{font-size:var(--font-size-xl);color:var(--color-text-muted);font-weight:400}.hero-bio{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:520px;line-height:1.8}.hero-links{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.hero-social{gap:var(--space-sm);margin-left:var(--space-md);display:flex}.hero-social a{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:38px;height:38px;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.hero-social a:hover{background:var(--color-accent-muted);color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px)}.hero-social a svg{width:18px;height:18px}.hero-image-wrapper{justify-content:center;align-items:center;display:flex}.hero-image{object-fit:cover;border:4px solid var(--color-accent-muted);width:340px;height:340px;box-shadow:0 0 60px var(--color-accent-glow), var(--shadow-xl);transition:all var(--transition-slow);border-radius:50%}.hero-image:hover{border-color:var(--color-accent);box-shadow:0 0 80px #a78bfa26, var(--shadow-xl)}.bg-tertiary{background:var(--color-bg-tertiary)}.favorite-games-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.favorite-game-card{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.favorite-game-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.favorite-game-image{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-tertiary);flex-shrink:0;width:70px;height:90px}.favorite-game-info{padding-right:var(--space-sm);flex-grow:1}.favorite-game-info h3{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:2px;font-weight:600}.favorite-game-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.skills-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.skill-card{padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);text-align:left;display:flex}.skill-card .skill-icon{border-radius:var(--radius-lg);background:var(--color-accent-muted);width:42px;height:42px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;margin:0;display:flex}.skill-card .skill-icon svg{width:20px;height:20px}.skill-card .skill-name{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:0;font-weight:600}.projects-filters-container{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.filter-group{align-items:center;gap:var(--space-md);display:flex}.category-row{margin-bottom:var(--space-sm)}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:80px;font-weight:600}.filter-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}.btn-add-filter{font-size:var(--font-size-xs);color:var(--color-accent);background:var(--color-accent-muted);border:1px dashed var(--color-accent);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:flex}.btn-add-filter:hover{background:var(--color-accent);color:#fff;border-style:solid}.filter-nested-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-xs);z-index:1000;min-width:180px;position:absolute}.menu-parent-item{color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 16px;font-weight:500;display:flex;position:relative}.menu-parent-item:hover{background:var(--color-bg-tertiary);color:var(--color-accent)}.menu-parent-item svg{opacity:.6}.filter-submenu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-xs);min-width:200px;max-height:400px;margin-left:5px;display:none;position:absolute;top:0;left:100%;overflow-y:auto}.menu-parent-item:hover .filter-submenu{display:block}.submenu-item{color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;transition:background .2s;display:flex}.submenu-item:hover{background:var(--color-bg-secondary)}.submenu-item.selected{color:var(--color-accent);font-weight:500}.custom-checkbox{border:2px solid var(--color-border);border-radius:3px;width:16px;height:16px;transition:all .2s;position:relative}.custom-checkbox.checked{background:var(--color-accent);border-color:var(--color-accent)}.custom-checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.active-filters-chips{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.chip-group-row{align-items:center;gap:var(--space-md);display:flex}.chip-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);min-width:80px;font-size:11px;font-weight:700}.chips-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filter-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:inline-flex}.filter-chip:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.chip-remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.chip-remove:hover{color:var(--color-error)}.filter-btn{font-size:var(--font-size-sm);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1.2rem;font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--color-accent-muted);color:var(--color-accent);border-color:var(--color-accent)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{cursor:pointer;color:inherit;text-decoration:none;display:block}.project-card .project-card-image{object-fit:cover;width:100%;height:200px;transition:transform var(--transition-slow)}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card .project-card-image-wrapper{position:relative;overflow:hidden}.project-card-content{padding:var(--space-xl)}.project-card-category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:600}.project-card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:600}.project-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-card-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.contact-content{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-info{gap:var(--space-xl);flex-direction:column;display:flex}.contact-info h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.contact-info p{color:var(--color-text-secondary);max-width:400px}.contact-links{gap:var(--space-md);flex-direction:column;display:flex}.contact-link{align-items:center;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);display:flex}.contact-link:hover{background:var(--color-accent-muted);color:var(--color-accent);border-color:var(--color-accent)}.contact-link svg{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.contact-form{padding:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.form-success{text-align:center;padding:var(--space-2xl);color:var(--color-success);font-weight:500;display:none}.form-success.visible{display:block}@media (width<=768px){.hero-content{text-align:center;gap:var(--space-2xl);grid-template-columns:1fr}.hero-image-wrapper{order:-1}.hero-image{width:220px;height:220px}.hero-bio{max-width:100%}.hero-links{justify-content:center}.hero-social{margin-left:0}.hero-name{font-size:var(--font-size-3xl)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.projects-grid,.contact-content{grid-template-columns:1fr}}