.portfolio-element.svelte-1hgf0t1.svelte-1hgf0t1{container-type:inline-size}.image-container.svelte-1hgf0t1.svelte-1hgf0t1{background:var(--bg-tertiary);box-shadow:var(--shadow-lg);transition:var(--transition-normal);border:1px solid var(--border-primary)}.image-container.svelte-1hgf0t1.svelte-1hgf0t1:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.image-wrapper.svelte-1hgf0t1.svelte-1hgf0t1{transition:var(--transition-normal)}.portfolio-image.svelte-1hgf0t1.svelte-1hgf0t1{transition:var(--transition-normal);filter:brightness(.9)}.image-container.svelte-1hgf0t1:hover .portfolio-image.svelte-1hgf0t1{transform:scale(1.05);filter:brightness(1)}.image-overlay.svelte-1hgf0t1.svelte-1hgf0t1{background:var(--gradient-accent);opacity:0;transition:var(--transition-normal);mix-blend-mode:overlay}.visit-indicator.svelte-1hgf0t1.svelte-1hgf0t1{color:var(--text-primary);background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal);transform:translateY(-10px)}.image-container.svelte-1hgf0t1:hover .visit-indicator.svelte-1hgf0t1{transform:translateY(0)}.content-container.svelte-1hgf0t1.svelte-1hgf0t1{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.content-container.svelte-1hgf0t1.svelte-1hgf0t1:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.portfolio-title.svelte-1hgf0t1.svelte-1hgf0t1{color:var(--text-primary);text-decoration:none;position:relative;transition:var(--transition-normal)}.portfolio-title.svelte-1hgf0t1.svelte-1hgf0t1:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-normal)}.portfolio-title.svelte-1hgf0t1.svelte-1hgf0t1:hover{color:var(--purple-light)}.portfolio-title.svelte-1hgf0t1.svelte-1hgf0t1:hover:after{width:100%}.portfolio-description.svelte-1hgf0t1.svelte-1hgf0t1{color:var(--text-secondary);line-height:1.7}.portfolio-button.svelte-1hgf0t1.svelte-1hgf0t1{position:relative;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-secondary);background:var(--bg-tertiary);overflow:hidden;transition:var(--transition-normal);cursor:pointer}.portfolio-button.svelte-1hgf0t1.svelte-1hgf0t1:hover{border-color:var(--purple-medium);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-text.svelte-1hgf0t1.svelte-1hgf0t1{position:relative;z-index:2;color:var(--text-primary);font-weight:600;transition:var(--transition-normal);text-decoration:none;display:block;text-align:center}.button-background.svelte-1hgf0t1.svelte-1hgf0t1{position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:var(--transition-normal);z-index:1}.portfolio-button.svelte-1hgf0t1:hover .button-background.svelte-1hgf0t1{left:0}.portfolio-button.svelte-1hgf0t1:hover .button-text.svelte-1hgf0t1{color:var(--text-primary)}.portfolio-button--primary.svelte-1hgf0t1.svelte-1hgf0t1{border-color:var(--purple-medium)}.portfolio-button--secondary.svelte-1hgf0t1.svelte-1hgf0t1{border-color:var(--border-secondary)}.portfolio-button--github.svelte-1hgf0t1.svelte-1hgf0t1{border-color:#333;background:#1a1a1a}.portfolio-button--github.svelte-1hgf0t1.svelte-1hgf0t1:hover{border-color:#24292e}.portfolio-button--github.svelte-1hgf0t1 .button-background.svelte-1hgf0t1{background:linear-gradient(135deg,#24292e,#333)}.button-text--with-icon.svelte-1hgf0t1.svelte-1hgf0t1{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.button-text.svelte-1hgf0t1 .material-icons-outlined.svelte-1hgf0t1{font-size:1.1rem;vertical-align:middle}.modal-backdrop.svelte-1hgf0t1.svelte-1hgf0t1{background:#1a1625cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal-backdrop)}.modal-content.svelte-1hgf0t1.svelte-1hgf0t1{background:var(--bg-secondary);border:2px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal)}.modal-iframe.svelte-1hgf0t1.svelte-1hgf0t1{border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.modal-slot.svelte-1hgf0t1.svelte-1hgf0t1{color:var(--text-primary)}.modal-close-button.svelte-1hgf0t1.svelte-1hgf0t1{background:none;border:none;cursor:pointer;color:var(--text-primary);z-index:var(--z-modal);transition:var(--transition-normal)}.close-button-background.svelte-1hgf0t1.svelte-1hgf0t1{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-accent);border:2px solid var(--border-accent);border-radius:50%;transition:var(--transition-normal);box-shadow:var(--shadow-md)}.modal-close-button.svelte-1hgf0t1:hover .close-button-background.svelte-1hgf0t1{background:var(--purple-dark);border-color:var(--purple-light);box-shadow:var(--shadow-lg);transform:scale(1.1)}.close-icon.svelte-1hgf0t1.svelte-1hgf0t1{transition:var(--transition-normal)}.modal-close-button.svelte-1hgf0t1:hover .close-icon.svelte-1hgf0t1{transform:rotate(90deg);color:var(--text-primary)}@container (max-width: 768px){.content-container.svelte-1hgf0t1.svelte-1hgf0t1{padding:var(--spacing-lg)}.buttons-container.svelte-1hgf0t1.svelte-1hgf0t1{grid-template-columns:1fr!important}}
