.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-filter{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.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{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}}