@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-primary);background:var(--primary-dark, #1A1D23);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh;width:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary: #8B7FD9;--color-primary-light: #A599E5;--color-primary-dark: #7165BD;--color-primary-rgb: 139, 127, 217;--color-secondary: #64ffda;--color-secondary-dark: #4CD9B8;--color-dark: #0a0a0a;--color-darker: #1A1D23;--color-dark-rgb: 10, 10, 10;--color-darker-rgb: 26, 29, 35;--color-dark-secondary: #1a1a1a;--color-light: #ffffff;--color-gray: #8892b0;--color-gray-light: #a8b2d1;--color-gray-dark: #495670;--primary-dark: #1A1D23;--secondary-dark: #232832;--surface-dark: #2A2F3A;--accent-primary: #8B7FD9;--accent-secondary: #A599E9;--accent-gradient: linear-gradient(135deg, #8B7FD9 0%, #6B63C7 50%, #5B52B8 100%);--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--text-muted: #A0AEC0;--color-success: #4CAF50;--color-warning: #FFC107;--color-error: #F44336;--color-info: #2196F3;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Roboto Mono", "Courier New", monospace;--font-family: var(--font-primary);--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--spacing-3xs: .236rem;--spacing-2xs: .382rem;--spacing-xs: .618rem;--spacing-sm: 1rem;--spacing-md: 1.618rem;--spacing-lg: 2.618rem;--spacing-xl: 4.236rem;--spacing-2xl: 6.854rem;--breakpoint-mobile: 479px;--breakpoint-landscape: 760px;--breakpoint-tablet: 991px;--breakpoint-desktop: 1280px;--breakpoint-wide: 1920px;--z-negative: -1;--z-normal: 0;--z-tooltip: 10;--z-fixed: 100;--z-modal-backdrop: 1000;--z-modal: 1010;--z-notification: 1020;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-cubic: .3s cubic-bezier(.4, 0, .2, 1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(139, 127, 217, .4);--card-shadow: 0 8px 32px rgba(0, 0, 0, .2);--card-shadow-hover: 0 16px 48px rgba(0, 0, 0, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(10px);--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}@media (prefers-color-scheme: dark){:root{--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:var(--font-regular);line-height:1.6;color:var(--color-gray-light);background:var(--color-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-bold);line-height:1.2;color:var(--color-light);text-align:center;margin-left:auto;margin-right:auto;width:fit-content;max-width:100%}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold)}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-semibold)}h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:var(--font-semibold)}h4{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:var(--font-medium)}h5{font-size:clamp(1rem,2vw,1.25rem);font-weight:var(--font-medium)}h6{font-size:clamp(.875rem,1.5vw,1rem);font-weight:var(--font-medium)}p{margin-bottom:var(--spacing-md);line-height:1.7}p:last-child{margin-bottom:0}a{color:var(--color-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}code{font-family:var(--font-mono);font-size:.875em;background:rgba(var(--color-primary-rgb),.1);padding:.125em .25em;border-radius:var(--radius-sm);color:var(--color-primary-light)}pre{font-family:var(--font-mono);font-size:.875rem;background:var(--color-dark-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background:none;padding:0;color:inherit}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;font-style:italic;color:var(--color-gray)}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-light{color:var(--color-light)!important}.text-dark{color:var(--color-dark)!important}.text-gray{color:var(--color-gray)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.font-light{font-weight:var(--font-light)!important}.font-regular{font-weight:var(--font-regular)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.font-mono{font-family:var(--font-mono)!important}.leading-none{line-height:1!important}.leading-tight{line-height:1.25!important}.leading-normal{line-height:1.5!important}.leading-relaxed{line-height:1.75!important}.leading-loose{line-height:2!important}.tracking-tight{letter-spacing:-.05em!important}.tracking-normal{letter-spacing:0!important}.tracking-wide{letter-spacing:.05em!important}.tracking-wider{letter-spacing:.1em!important}.tracking-widest{letter-spacing:.2em!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.container{width:100%;margin-inline:auto}@media (min-width: 640px){.container{max-width:640px;padding-inline:var(--spacing-md, 1.618rem)}}@media (min-width: 768px){.container{max-width:768px;padding-inline:var(--spacing-lg, 2.618rem)}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.container-fluid{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-narrow{max-width:800px;margin:0 auto}.container-wide{max-width:1400px;margin:0 auto}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}#bg{width:100%;height:100%;display:block;max-width:100vw}@media (max-width: 768px){#canvas-container{width:100vw;height:100vh;right:0;bottom:0;contain:strict}#bg{position:fixed;width:100vw!important;height:100vh!important}}#main-content{position:relative;z-index:1;pointer-events:auto;width:100%;margin:0 auto;padding:0}.content-section{padding:var(--spacing-xl, 4.236rem) var(--spacing-md, 1.618rem)}.section-title{font-size:2.5rem;font-weight:var(--font-bold, 700);color:var(--text-primary, #ffffff);text-align:center;margin-bottom:var(--spacing-lg, 2.618rem)}#main-content.loaded{opacity:1;visibility:visible}.content-section:first-child{margin-top:0}.content-section:last-child{margin-bottom:0}.section-title{font-size:2.5rem;font-weight:var(--font-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.no-transition{transition:none!important}@media (max-width: 768px){html,body{overflow-x:hidden!important;width:100%;position:relative}body{display:block;padding:0 var(--spacing-sm)}#main-content{grid-column:unset;width:100%;padding:0}.content-section{margin:var(--spacing-md) 0;padding:var(--spacing-lg) var(--spacing-sm);border-radius:var(--radius-lg)}.section-title{font-size:2rem;margin-bottom:var(--spacing-md)}.hero-section{min-height:100vh;padding:var(--spacing-lg) var(--spacing-sm)}}@media (min-width: 769px) and (max-width: 1024px){body{grid-template-columns:1fr minmax(0,900px) 1fr}.content-section{padding:var(--spacing-lg) var(--spacing-md)}}@media (min-width: 1025px){.content-section{padding:var(--spacing-xl) var(--spacing-lg)}.section-title{font-size:3rem}}#main-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:linear-gradient(135deg,rgba(var(--color-darker-rgb),.95),rgba(var(--color-primary-rgb),.15),rgba(var(--color-darker-rgb),.95),#8b7fd91a,rgba(var(--color-darker-rgb),.95));background-size:300% 300%;animation:navGradientShift 15s ease infinite;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d,inset 0 1px rgba(var(--color-primary-rgb),.1);padding:var(--spacing-sm) 0;transition:all var(--transition-base)}@keyframes navGradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:100% 50%}75%{background-position:0% 75%}}#main-nav:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(var(--color-primary-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(var(--color-secondary-dark),.05) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(var(--color-primary-rgb),.08) 0%,transparent 40%);animation:navParticleFloat 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes navParticleFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}33%{opacity:.6;transform:translateY(-5px) scale(1.05)}66%{opacity:.9;transform:translateY(3px) scale(.95)}}#main-nav.scrolled{background:linear-gradient(135deg,rgba(var(--color-darker-rgb),.98),rgba(var(--color-primary-rgb),.2) 30%,rgba(var(--color-darker-rgb),.98) 70%,#8b7fd926);box-shadow:var(--shadow-lg);padding:var(--spacing-xs) 0}.nav-logo a,.nav-menu a,.nav-actions .btn{text-shadow:0 1px 2px rgba(0,0,0,.3)}.nav-menu a{color:rgba(var(--text-secondary),.95)}.nav-menu a:hover,.nav-menu a.active{color:var(--text-primary);text-shadow:0 0 8px rgba(var(--color-primary-rgb),.4)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin-inline:auto;position:relative;z-index:1}.nav-container.container{padding-inline:2rem}@media (min-width: 640px){.nav-container.container{max-width:640px;padding-inline:2rem}}@media (min-width: 768px){.nav-container.container{max-width:768px;padding-inline:.5rem}}@media (min-width: 1024px){.nav-container.container{max-width:1024px;padding-inline:var(--space-6)}}@media (min-width: 1280px){.nav-container.container{max-width:1280px;padding-inline:3rem}}@media (min-width: 1536px){.nav-container.container{max-width:1536px;padding-inline:3rem}}.nav-logo a{font-size:1.75rem;font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-xs)}.nav-logo a:hover{transform:translateY(-2px);filter:drop-shadow(0 4px 8px rgba(var(--color-primary-rgb),.3))}.nav-menu{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu a{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-medium);font-size:.95rem;position:relative;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center}.nav-menu a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-bg);border:1px solid transparent;border-radius:var(--radius-md);opacity:0;transition:all var(--transition-base);z-index:-1}.nav-menu a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent-gradient);border-radius:var(--radius-full);transition:all var(--transition-base);transform:translate(-50%)}.nav-menu a:hover{color:var(--text-primary);transform:translateY(-2px)}.nav-menu a:hover:before{opacity:1;border-color:var(--glass-border);box-shadow:var(--shadow-glow)}.nav-menu a:hover:after{width:80%}.nav-menu a.active{color:var(--text-primary)}.nav-menu a.active:before{opacity:1;border-color:rgba(var(--color-primary-rgb),.3);background:rgba(var(--color-primary-rgb),.1)}.nav-menu a.active:after{width:80%}.nav-actions{display:flex;gap:var(--spacing-sm);align-items:center}.nav-actions .btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg)}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;padding:0;border:none;background:none;position:relative}.nav-toggle span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-base);transform-origin:center}.nav-toggle span:nth-child(1){transform-origin:top left}.nav-toggle span:nth-child(3){transform-origin:bottom left}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(3px,-3px)}.nav-scrolled{transform:translateY(-100%);transition:transform var(--transition-base)}.nav-visible{transform:translateY(0)}.cta-button{display:inline-block;position:relative;padding:var(--spacing-md) var(--spacing-2xl);background:var(--accent-gradient);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-full);font-weight:600;font-size:1.1rem;letter-spacing:.025em;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:none;will-change:transform}.cta-button.secondary{background:transparent;border-color:var(--accent-primary);color:var(--accent-primary);margin-top:10%}.btn,.nav-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:.95rem;text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover,.cta-button:hover,.nav-button:hover{background:var(--color-primary);color:var(--color-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.btn:active,.cta-button:active,.nav-button:active{transform:translateY(0)}.btn-primary,.cta-button:not(.secondary){background:var(--color-primary);color:var(--color-light);border-color:var(--color-primary)}.btn-primary:hover,.cta-button:not(.secondary):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary,.cta-button.secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover,.cta-button.secondary:hover{background:var(--color-primary);color:var(--color-light)}.btn-sm{padding:var(--spacing-3xs) var(--spacing-xs);font-size:.875rem}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:1.125rem}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.button-icon{margin-right:var(--spacing-2xs);width:1.2em;height:1.2em}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:before{width:300px;height:300px}[data-magnetic]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.interactive-toggle{min-width:120px;background:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-primary)}.interactive-toggle:hover{background:rgba(var(--color-primary-rgb),.2)}.interactive-toggle.immersive-active{background:var(--color-primary);color:var(--color-light)}.btn-loading{color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--color-light);border-radius:var(--radius-full);border-top-color:transparent;animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.btn:disabled,.cta-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(var(--color-primary-rgb),.3)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border);flex-direction:column-reverse;gap:inherit}@media (max-width: 1024px){.card-header{flex-direction:column;align-items:flex-start}}.card-title{font-size:1.25rem;font-weight:var(--font-semibold);color:var(--color-light);margin:0}.card-body{color:var(--color-gray-light);line-height:1.6}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.card-image{margin:calc(var(--spacing-md) * -1);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.card-image img{width:100%;height:200px;object-fit:cover}.card-elevated{box-shadow:var(--shadow-md)}.card-bordered{border-width:2px}.card-gradient{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.05))}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(var(--color-primary-rgb),.15) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.card-glow:hover:before{opacity:1}.feature-card{text-align:center;padding:var(--spacing-lg)}.feature-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-full);color:var(--color-primary)}.feature-title{font-size:1.125rem;font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);color:var(--color-light)}.feature-description{color:var(--color-gray-light);line-height:1.6}.stats-card{text-align:center}.stats-number{font-size:2.5rem;font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stats-label{color:var(--color-gray-light);font-size:.875rem;text-transform:uppercase;letter-spacing:1px}.card-loading{position:relative;min-height:200px}.card-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:card-shimmer 2s infinite}@keyframes card-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.game-card{cursor:pointer;position:relative}.game-peek-tooltip{position:fixed;left:var(--pos-left, auto);top:var(--pos-top, auto);right:var(--pos-right, auto);bottom:var(--pos-bottom, auto);z-index:500;width:300px;max-width:90vw;background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-md);padding:var(--spacing-sm);opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.game-peek-tooltip.show{opacity:1;transform:translateY(0)}.game-peek-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.game-peek-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.game-peek-title{font-size:1.1rem;font-weight:600;color:var(--color-light)}.game-peek-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.game-peek-badge.steam{background:linear-gradient(135deg,#06bfff,#2d73ff);color:#fff}.game-peek-badge.itch{background:linear-gradient(135deg,#fa5c5c,#f36);color:#fff}.game-peek-badge.manual{background:linear-gradient(135deg,#8b7fd9,#a590e5);color:#fff}.game-peek-details{display:flex;flex-direction:column;gap:var(--spacing-2xs);margin:var(--spacing-xs) 0}.game-peek-detail{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.game-peek-detail .label{color:#fff9;min-width:60px}.game-peek-detail .value{color:var(--color-light)}.game-peek-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin-top:var(--spacing-xs)}.game-peek-tech{padding:2px 6px;background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-primary)}.game-peek-cta{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.85rem;color:#ffffff80;font-style:italic}.original-card-content{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;box-sizing:border-box;position:relative}.game-card.platform-steam{border-color:#06bfff33}.game-card.platform-itch{border-color:#fa5c5c33}.game-card.platform-manual{border-color:#8b7fd933}.game-media{position:relative;width:100%;height:240px;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.game-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.game-trailer,.game-cover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.game-info-compact{padding:var(--spacing-sm);background:#14141ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 var(--radius-md) var(--radius-md)}.game-info-compact.hidden{display:none}.game-description-original{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.game-description-original.hidden{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.game-peek-tooltip{width:250px;padding:var(--spacing-xs)}.game-peek-title{font-size:1rem}.game-peek-detail{font-size:.85rem}.game-media{height:180px}}.game-header{position:relative;padding-top:.5rem}.featured-badge{position:absolute;top:-.25rem;right:0;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #ffd7004d;z-index:2}.engine-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#8b7fd926;border:1px solid rgba(139,127,217,.3);border-radius:12px;font-size:.75rem;color:#8b7fd9;font-weight:500;margin-bottom:.5rem}.engine-badge iconify-icon{font-size:1rem}.game-meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.release-date{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:#e2e8f0b3}.release-date iconify-icon{font-size:1rem;color:#8b7fd999}.game-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.game-tag{padding:.25rem .75rem;background:#6b63c726;border:1px solid rgba(107,99,199,.3);border-radius:12px;font-size:.75rem;color:#a89ff2;font-weight:500;transition:all .3s ease}.game-tag:hover{background:#6b63c740;border-color:#6b63c780}.game-team-info{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0;padding:.75rem;background:#8b7fd90d;border-radius:8px;border:1px solid rgba(139,127,217,.1)}.developer-role,.team-size{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#e2e8f0cc}.developer-role iconify-icon,.team-size iconify-icon{color:#8b7fd9b3;font-size:1.1rem}@media (max-width: 768px){.featured-badge{font-size:.7rem;padding:.2rem .6rem}.game-tags{gap:.4rem}.game-tag{font-size:.7rem;padding:.2rem .6rem}.game-team-info{padding:.5rem;gap:.4rem}.developer-role,.team-size{font-size:.8rem}}@media (max-width: 480px){.engine-badge{font-size:.7rem;padding:.2rem .5rem}.release-date{font-size:.75rem}}.project-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;border-radius:12px;justify-content:center;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#00000091;border:1px solid rgba(139,127,217,.3);border-radius:20px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;gap:10px}.game-card.project-type-game{border-color:#8b7fd94d}.game-card.project-type-game:hover{border-color:#8b7fd999;box-shadow:0 8px 24px #8b7fd933}.game-card.project-type-mobile{border-color:#3b82f64d}.game-card.project-type-mobile:hover{border-color:#3b82f699;box-shadow:0 8px 24px #3b82f633}.game-card.project-type-website{border-color:#10b9814d}.game-card.project-type-website:hover{border-color:#10b98199;box-shadow:0 8px 24px #10b98133}.game-card.project-type-video{border-color:#ef44444d}.game-card.project-type-video:hover{border-color:#ef444499;box-shadow:0 8px 24px #ef444433}@media (max-width: 768px){.project-filters{gap:.5rem;padding:.75rem}.filter-btn{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){.project-filters{gap:.4rem;padding:.5rem}.filter-btn{padding:.4rem .8rem;font-size:.8rem}}.game-card.app-card{background:linear-gradient(135deg,#1e1e28f2,#14141efa);border:1px solid rgba(139,127,217,.4)}.app-icon-header{display:flex;align-items:center;gap:1rem;padding:1rem 1rem .75rem;background:linear-gradient(180deg,rgba(139,127,217,.05) 0%,transparent 100%);border-bottom:1px solid rgba(139,127,217,.2)}.app-icon-container{flex-shrink:0;width:80px;height:80px;border-radius:18px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(139,127,217,.3);box-shadow:0 4px 16px #0000004d,0 2px 8px #8b7fd933;position:relative}.app-icon-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(139,127,217,.1) 0%,transparent 100%);pointer-events:none}.app-icon-image{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.app-header-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.app-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-developer{font-size:.9rem;color:#8b7fd9;margin:0;font-weight:500;opacity:.9}.game-card.app-card .game-media{height:0px;min-height:0;display:none}.game-card.app-card .game-info{padding:.75rem 1rem 1rem;gap:.75rem}.game-card.app-card .game-header{padding-top:0;margin-top:0}.game-card.app-card.has-googleplay{background:linear-gradient(135deg,#34a8530d,#4285f40d)}.game-card.app-card.has-appstore{background:linear-gradient(135deg,#007aff0d,#5856d60d)}.game-card.app-card .game-description{color:#ffffffd9;line-height:1.6;font-size:.95rem}.game-card.app-card .game-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.game-card.app-card .game-tag{background:#8b7fd926;border:1px solid rgba(139,127,217,.3);padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 768px){.app-icon-header{padding:1rem;gap:.75rem}.app-icon-container{width:64px;height:64px;border-radius:14px}.app-title{font-size:1.1rem}.app-developer{font-size:.85rem}}@media (max-width: 480px){.app-icon-container{width:56px;height:56px;border-radius:12px}.app-title{font-size:1rem}.app-developer{font-size:.8rem}}.app-screenshot-section{margin:1rem 0}.view-screenshots-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#8b7fd926;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-sm);color:#a78bfa;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:0}.view-screenshots-btn:hover{background:#8b7fd940;border-color:#8b7fd980;transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd933}.view-screenshots-btn iconify-icon{font-size:1.2rem}.screenshot-gallery{overflow:hidden;margin-top:1rem}.screenshot-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:rgba(139,127,217,.5) transparent;-webkit-overflow-scrolling:touch}.screenshot-scroll::-webkit-scrollbar{height:6px}.screenshot-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.screenshot-scroll::-webkit-scrollbar-thumb{background:#8b7fd980;border-radius:3px;transition:background .3s ease}.screenshot-scroll::-webkit-scrollbar-thumb:hover{background:#8b7fd9b3}.screenshot-frame{flex-shrink:0;width:180px;height:320px;border-radius:12px;overflow:hidden;background:#0009;border:1px solid rgba(139,127,217,.2);box-shadow:0 4px 12px #0000004d,0 2px 6px #8b7fd926;transition:all .3s ease;position:relative}.screenshot-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(139,127,217,.05) 0%,transparent 100%);pointer-events:none;z-index:1}.screenshot-frame:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0006,0 4px 12px #8b7fd94d;border-color:#8b7fd966}.screenshot-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:0}@media (max-width: 768px){.screenshot-frame{width:160px;height:285px}}@media (max-width: 480px){.screenshot-frame{width:140px;height:250px}.view-screenshots-btn{font-size:.8rem;padding:.625rem .875rem}}.screenshot-carousel{position:relative;width:fit-content;margin:auto!important;height:400px;margin:.75rem 0;overflow:hidden;background:#0000004d;border-radius:var(--radius-md)}.carousel-slides{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}.carousel-image{width:100%;height:100%;object-fit:contain;display:block}.carousel-arrow{display:none}.carousel-dots{margin:auto;width:60%;display:flex;justify-content:center;gap:8px;padding:.5rem 0}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#fffc;transform:scale(1.2)}.carousel-dot.active{background:#8b7fd9;width:24px;border-radius:4px}.carousel-counter{display:none}@media (max-width: 768px){.carousel-dot{width:6px;height:6px}.carousel-dot.active{width:18px}}@media (max-width: 480px){.carousel-dots{width:80%;gap:6px}}.skills-showcase{position:relative;min-height:500px}.skills-view-toggle{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.view-toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-sm);color:var(--color-light);cursor:pointer;transition:all .3s ease}.view-toggle-btn:hover{background:#8b7fd933;transform:translateY(-2px)}.view-toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.skill-category-title{display:flex;align-items:center;gap:.5rem}.skill-category-icon{display:inline-flex;align-items:center;vertical-align:middle;font-size:1.2em}.skill-category{background:#1e1e28d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .3s ease;animation:fadeInUp .6s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8b7fd933;border-color:#8b7fd966}.skill-category-title{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.skill-category-icon{font-size:1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.skill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:var(--spacing-2xs) var(--spacing-xs);background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-sm);font-size:1.2rem;color:var(--color-light);transition:all .2s ease;cursor:default;animation:fadeIn .4s ease;animation-delay:var(--animation-delay, 0ms)}.skill-icon{display:inline-flex;align-items:center;vertical-align:middle;font-size:1.1em;line-height:1}.skill-badge:hover{background:#8b7fd933;transform:translateY(-2px) scale(1.02);box-shadow:0 2px 8px #8b7fd94d}.skills-3d-viz{position:relative;width:100%;height:600px;background:#14141e80;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.skills-3d-viz.hidden{display:none}.skills-3d-container{width:100%;height:100%;position:relative}.skills-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-light)}.skills-loading-spinner{width:50px;height:50px;border:3px solid rgba(139,127,217,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.skills-error{text-align:center;padding:var(--spacing-lg);color:var(--color-error, #ff6b6b)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;padding:var(--spacing-sm)}.skills-3d-viz{height:400px}.skill-category{padding:var(--spacing-sm)}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .5s ease}.modal-backdrop.show{opacity:1}.testimonials-container{width:100%;max-width:1000px;margin:0 auto;padding:0 var(--space-4);background:transparent}.testimonials-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-8);min-height:800px;align-items:stretch}.testimonials-grid .testimonial-card{flex:1 1 calc(50% - var(--space-4));min-width:350px}.featured-testimonial{margin-bottom:var(--space-16)!important;padding:var(--space-8)!important;background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border-radius:var(--radius-2xl);border:2px solid rgba(139,127,217,.4);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;position:relative;overflow:hidden}.testimonial-card{background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border-radius:var(--radius-xl);border:2px solid rgba(139,127,217,.4);padding:var(--space-8);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;position:relative;transition:all var(--transition-base);display:flex;flex-direction:column;justify-content:space-between;min-height:380px;height:fit-content;overflow:visible}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 16px 56px #000000b3,0 6px 20px #8b7fd94d,0 2px 6px #a599e966,inset 0 2px #fff3,inset 0 -1px #8b7fd926;border-color:#8b7fd999}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(139,127,217,.06) 0%,transparent 60%);pointer-events:none;z-index:1}.client-position{text-align:center}.testimonial-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-6);height:100%}.testimonial-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.testimonial-client-info{flex:1}.testimonial-client-name{font-size:1.125rem;font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.testimonial-client-position{font-size:.9rem;color:var(--color-text-secondary);opacity:.9}.testimonial-quote-large{flex:.25;font-size:var(--text-xl);line-height:1.6;color:var(--color-text-secondary);font-style:italic;position:relative;padding:var(--space-8);margin:var(--space-8);background:#0003;border-radius:var(--radius-md);transition:all var(--transition-base)}.testimonial-quote-large:hover{transition:all var(--transition-base);box-shadow:0 0 80px #8b7fd9c9;color:#fff;max-width:100%}.testimonial-quote-large:before{content:'"';position:absolute;top:-10px;left:-10px;font-size:3rem;color:#8b7fd9;font-family:Georgia,serif;line-height:1}.testimonial-quote-large:after{content:'"';position:absolute;bottom:-30px;right:0;font-size:3rem;color:#8b7fd9;font-family:Georgia,serif;line-height:1}.testimonial-quote{flex:1;font-size:1rem;line-height:1.5;color:var(--color-text-secondary);font-style:normal;position:relative;padding:var(--space-4);margin:var(--space-4) 0;background:#0003;border-radius:var(--radius-md);transition:all var(--transition-base);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.testimonial-quote:before{content:'"';position:absolute;top:5px;left:10px;font-size:1.5rem;color:#8b7fd999;font-family:Georgia,serif;line-height:1}.testimonial-quote:after{content:'"';position:absolute;bottom:5px;right:10px;font-size:1.5rem;color:#8b7fd999;font-family:Georgia,serif;line-height:1}.testimonial-quote:hover{transition:all var(--transition-base);box-shadow:0 0 20px #8b7fd94d;background:#0000004d}.read-more-btn{display:inline-block;margin-top:.75rem;margin-left:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b7fd933,#8b7fd94d);color:#8b7fd9;border:1.5px solid rgba(139,127,217,.4);border-radius:16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:capitalize;letter-spacing:.3px}.read-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.read-more-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1)}.read-more-btn:hover{background:linear-gradient(135deg,#8b7fd966,#8b7fd980);border-color:#8b7fd9b3;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #8b7fd94d,0 0 0 1px #8b7fd91a}.read-more-btn:hover:before{left:100%}.read-more-btn:hover:after{width:120px;height:120px}.read-more-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #8b7fd940}.quote-content{display:inline;transition:opacity .3s ease,transform .3s ease}.read-more-btn.animating{background:linear-gradient(135deg,#8b7fd94d,#8b7fd966);color:#ffffffe6;cursor:not-allowed;position:relative}.read-more-btn.animating:before{animation:shimmer 1.5s infinite}.read-more-btn:disabled{opacity:.7}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.read-more-btn.animating{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.client-position-small{text-align:center;flex-direction:row;display:flex;align-items:center;justify-content:center;gap:14px}.testimonial-meta{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(139,127,217,.2)}.testimonial-project-info{display:flex;justify-content:space-between;gap:var(--space-3)}.testimonial-project-name{font-size:.9rem;font-weight:var(--font-semibold);color:var(--brand-primary);flex:1}.testimonial-industry-badge{padding:var(--space-1) var(--space-3);background:#8b7fd933;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-full);font-size:.75rem;color:var(--brand-primary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.testimonial-work-again{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-success, #4caf50);font-weight:var(--font-medium)}.featured-actions{display:flex;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;justify-content:center;color:var(--color-text-primary)}.tech-stack-card{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tech-badge-card{padding:var(--space-1) var(--space-2);background:#8b7fd91a;border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);font-weight:var(--font-medium)}.quote-icon{font-size:2rem;color:var(--brand-primary);margin-bottom:var(--space-2);opacity:.7}.testimonial-text{flex:1;margin:var(--space-4) 0}.testimonial-text p{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.client-info{display:flex;align-items:center;gap:var(--space-4);margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(139,127,217,.2)}.client-details{flex:1}.client-name{font-size:1.1rem;font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.client-position{font-size:.9rem;color:var(--color-text-secondary);opacity:.9}.company-name{display:inline-flex;align-items:center;gap:var(--space-1)}.company-favicon,.project-favicon{width:16px;height:16px;object-fit:contain;opacity:.8}.project-info{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.project-label{font-weight:var(--font-medium)}.project-link{color:var(--brand-primary);text-decoration:none;font-weight:var(--font-medium)}.project-link:hover{color:var(--brand-primary-light)}.industry-tag{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:#8b7fd933;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-full);font-size:.75rem;color:var(--brand-primary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.client-photo,.client-photo-container{width:60px;height:60px;border-radius:50%;border:2px solid rgba(139,127,217,.3);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:#8b7fd91a}.client-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.client-initials{background:var(--brand-gradient);color:#fff;font-weight:var(--font-bold);font-size:1.2rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.client-photo-small{width:128px;height:128px;border-radius:50%;border:3px solid rgba(139,127,217,.4);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:#8b7fd91a}.client-photo-small img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}.client-initials-small{background:var(--brand-gradient);color:#fff;font-weight:var(--font-bold);font-size:2.5rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.featured-testimonial .client-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.featured-client-photo{width:80px;height:80px;border-radius:50%;border:3px solid rgba(139,127,217,.4);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.featured-client-photo img{width:100%;height:100%;object-fit:cover}.featured-quote{margin:var(--space-6) 0}.featured-quote blockquote{font-size:var(--text-lg);line-height:1.6;color:var(--color-text-secondary);font-style:italic;margin:0;position:relative;padding:var(--space-4)}.testimonials-controls{display:flex;justify-content:center;align-items:center;margin:2rem 0}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}.filter-btn{padding:.75rem 1.5rem;background:#00000091;border:1px solid rgba(139,127,217,.3);border-radius:20px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-btn:hover{border-color:#8b7fd980;color:#ffffffe6;background:#8b7fd91a}.filter-btn.active{background:linear-gradient(135deg,#8b7fd9,#6b63c7);border-color:#8b7fd9;color:#fff;box-shadow:0 2px 8px #8b7fd94d}.filter-reset-btn{padding:var(--space-3) var(--space-6);background:var(--brand-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.filter-reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d}.client-photo-small-legacy{width:8rem;height:8rem;border-radius:50%;border:3px solid rgba(139,127,217,.3);object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px #8b7fd933}.client-initials-small-legacy{width:8rem;height:8rem;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:var(--font-bold);color:#fff;border:3px solid rgba(139,127,217,.3);flex-shrink:0;box-shadow:0 4px 12px #8b7fd933}.card-actions{margin:auto}.company-name-link{color:var(--brand-primary, #8b7fd9);text-decoration:none;font-weight:var(--font-semibold, 600);transition:all var(--transition-base, .3s ease);position:relative;display:inline-block}.company-name-link:hover{color:#a995e9;text-shadow:0 0 8px rgba(139,127,217,.4);transform:translateY(-1px)}.company-name-link:hover:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b7fd9,#a995e9);border-radius:1px;animation:underline-expand .3s ease-out}@keyframes underline-expand{0%{width:0;left:50%}to{width:100%;left:0}}.testimonial-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.view-project-btn{padding:var(--space-3) var(--space-16);background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2)}.view-project-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d;font-size:1.3rem;color:#fff}.view-project-btn-small{padding:var(--space-3) var(--space-16);background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2)}.view-project-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d;font-size:var(--text-lg);color:#fff}.work-again-badge{padding:var(--space-1) var(--space-3);background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);display:inherit;gap:var(--space-2);align-items:center}.work-again-badge-small{padding:var(--space-1) var(--space-3);background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);font-weight:var(--font-semibold);align-content:center;font-size:inherit;align-items:center;display:inherit;gap:var(--space-2)}.testimonials-loading,.testimonials-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--color-text-muted);grid-column:1 / -1}.testimonials-error{color:#f44336}.testimonials-empty{grid-column:1 / -1;text-align:center;padding:var(--space-16);color:var(--color-text-muted)}@media (max-width: 991px){.testimonials-grid{gap:var(--space-6);min-height:auto}.testimonials-grid .testimonial-card{flex:1 1 100%;min-width:100%;min-height:350px;padding:var(--space-6)}}@media (max-width: 768px){.testimonials-container{padding:0 var(--space-2)}.testimonials-grid{gap:var(--space-4)}.testimonials-grid .testimonial-card{flex:1 1 100%;min-width:100%;min-height:320px;padding:var(--space-4)}.testimonial-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.testimonial-quote{font-size:.95rem}.testimonial-quote:before,.testimonial-quote:after{font-size:2rem}}@media (max-width: 479px){.testimonial-card{min-height:300px;padding:var(--space-3);margin:0}.client-photo-small,.client-initials-small{width:100px;height:100px}.testimonial-client-name{font-size:1rem}.testimonial-quote{word-break:break-word;hyphenate-character:auto;-webkit-hyphens:auto;hyphens:auto;right:5%;width:66vw}}.employment-timeline{width:100%;max-width:1200px;margin:0 auto;position:relative;padding:var(--space-8) 0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(139,127,217,.03) 0%,transparent 70%)}.timeline-item{display:flex;gap:var(--space-8);margin-bottom:var(--space-12);position:relative;opacity:0;transform:translateY(40px)}.timeline-item:last-child{margin-bottom:0}.timeline-item:last-child .timeline-line{display:none}.timeline-item.animate-in{opacity:1;transform:translateY(0)}.timeline-marker{position:relative;flex-shrink:0;width:32px;display:flex;flex-direction:column;align-items:center;z-index:10}.timeline-dot{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b7fd9,#a599e9);border:4px solid rgba(30,30,40,.9);position:relative;z-index:3;transition:all var(--transition-base);box-shadow:0 0 0 2px #8b7fd94d,0 4px 12px #8b7fd966,inset 0 1px #ffffff4d}.timeline-dot.current{background:linear-gradient(135deg,#64ffda,#4cd9b8);border-color:#1e1e28e6;box-shadow:0 0 0 3px #64ffda66,0 0 20px #64ffda99,0 6px 20px #64ffda4d,inset 0 1px #fff6;animation:currentPulse 3s ease-in-out infinite}.timeline-line{width:3px;flex:1;background:linear-gradient(to bottom,rgba(139,127,217,.5) 0%,rgba(139,127,217,.3) 30%,rgba(139,127,217,.2) 70%,transparent 100%);margin-top:var(--space-4);min-height:120px;border-radius:var(--radius-sm);position:relative}.timeline-line:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:#ffffff1a}.timeline-content{flex:1;background:linear-gradient(135deg,#1e1e28f2,#191c26fa 30%,#141920f5 70%,#1c202afa);backdrop-filter:blur(30px) saturate(1.6) contrast(1.15);-webkit-backdrop-filter:blur(30px) saturate(1.6) contrast(1.15);border-radius:var(--radius-2xl);border:1.5px solid;border-image:linear-gradient(135deg,#8b7fd980,#a599e94d,#8b7fd966) 1;padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,0 8px 24px #0000004d,0 4px 12px #8b7fd926,0 2px 6px #a599e933,inset 0 2px #ffffff1a,inset 0 -1px #8b7fd91a}.timeline-content:hover{transform:translateY(-6px) scale(1.01);background:linear-gradient(135deg,#23232dfa,#1e212b 30%,#191e25fc 70%,#21252f);border-image:linear-gradient(135deg,#8b7fd9b3,#a599e980,#8b7fd999) 1;box-shadow:0 32px 80px #00000080,0 12px 32px #0006,0 6px 20px #8b7fd940,0 3px 12px #a599e94d,inset 0 3px #ffffff26,inset 0 -1px #8b7fd926}.timeline-content:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#8b7fd914,#a599e90a,#8b7fd90f);border-radius:var(--radius-2xl);z-index:-1;pointer-events:none}.timeline-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,127,217,.08) 0%,rgba(165,153,233,.04) 40%,transparent 70%);border-radius:var(--radius-2xl);pointer-events:none;z-index:1}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);position:relative;z-index:2;gap:var(--space-6)}.timeline-title{flex:1;min-width:0}.timeline-title h3{font-size:var(--text-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-3);line-height:1.3;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-company{color:var(--text-secondary, #a0aec0);font-size:var(--text-lg);line-height:1.4;font-weight:500}.timeline-company .company-name{color:#8b7fd9;font-weight:600}.timeline-company .company-location{color:var(--text-muted, #718096);font-weight:400}.timeline-date{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.date-range{color:var(--text-muted, #a0aec0);font-size:var(--text-base);font-weight:600;white-space:nowrap;line-height:1.4}.current-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#64ffda26,#4ccdb81a);color:#64ffda;border:1.5px solid rgba(100,255,218,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #64ffda33,inset 0 1px #ffffff1a;animation:subtlePulse 4s ease-in-out infinite}.timeline-description{color:var(--text-secondary, #cbd5e0);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-6);position:relative;z-index:2;font-weight:400;letter-spacing:.01em}.timeline-description p{margin:0}.timeline-achievements{margin-bottom:var(--space-6);position:relative;z-index:2}.timeline-achievements h4{font-size:var(--text-lg);font-weight:700;color:#8b7fd9;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-sm);opacity:.9}.timeline-achievements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.timeline-achievements li{color:var(--text-secondary, #e2e8f0);font-size:var(--text-base);line-height:1.6;padding-left:var(--space-6);position:relative;font-weight:400;letter-spacing:.01em}.timeline-achievements li:before{content:"▶";position:absolute;left:0;top:0;color:#8b7fd9;font-size:var(--text-sm);font-weight:700;opacity:.8;transform:scale(.8)}.timeline-technologies{position:relative;z-index:2}.timeline-technologies h4{font-size:var(--text-lg);font-weight:700;color:#8b7fd9;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-sm);opacity:.9}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.tech-tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#8b7fd91f,#a599e914);border:1.5px solid rgba(139,127,217,.25);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary, #e2e8f0);font-weight:600;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #8b7fd91a;letter-spacing:.02em}.tech-tag:hover{background:linear-gradient(135deg,#8b7fd933,#a599e926);border-color:#8b7fd966;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #8b7fd933,0 2px 10px #a599e926}.tech-tag:active{transform:translateY(-1px) scale(1.02)}.experience-loading,.experience-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);color:var(--text-muted, #a0aec0);font-size:var(--text-lg)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,127,217,.2);border-top:3px solid #8B7FD9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes currentPulse{0%,to{box-shadow:0 0 0 3px #64ffda66,0 0 20px #64ffda99,0 6px 20px #64ffda4d,inset 0 1px #fff6}50%{box-shadow:0 0 0 6px #64ffda33,0 0 30px #64ffdacc,0 8px 25px #64ffda66,inset 0 1px #ffffff80}}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@media (min-width: 1400px){.employment-timeline{max-width:1400px}.timeline-content{padding:var(--space-10)}.timeline-title h3{font-size:var(--text-3xl)}}@media (max-width: 1200px){.employment-timeline{max-width:1000px;padding:var(--space-6) var(--space-4)}.timeline-item{gap:var(--space-6);margin-bottom:var(--space-10)}.timeline-content{padding:var(--space-6)}}@media (max-width: 992px){.employment-timeline{padding:var(--space-6) var(--space-3)}.timeline-item{gap:var(--space-5);margin-bottom:var(--space-8)}.timeline-marker{width:28px}.timeline-dot{width:18px;height:18px}.timeline-content{padding:var(--space-5)}.timeline-header{gap:var(--space-4)}.timeline-title h3{font-size:var(--text-xl)}.tech-tags{gap:var(--space-2)}}@media (max-width: 768px){.employment-timeline{padding:var(--space-4) var(--space-2)}.timeline-item{gap:var(--space-4);margin-bottom:var(--space-8)}.timeline-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.timeline-date{text-align:left;align-items:flex-start}.timeline-content{padding:var(--space-4)}.timeline-title h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.timeline-company{font-size:var(--text-base)}.timeline-marker{width:24px}.timeline-dot{width:16px;height:16px;border-width:3px}.timeline-line{width:2px;min-height:100px}.tech-tags{gap:var(--space-2)}.tech-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.timeline-achievements li{font-size:var(--text-sm)}}@media (max-width: 480px){.employment-timeline{padding:var(--space-3) var(--space-1)}.timeline-item{gap:var(--space-3);margin-bottom:var(--space-6)}.timeline-content{padding:var(--space-3)}.timeline-content:hover{transform:translateY(-3px) scale(1.005)}.timeline-title h3{font-size:var(--text-base);line-height:1.4}.timeline-company{font-size:var(--text-sm)}.timeline-marker{width:20px}.timeline-dot{width:14px;height:14px;border-width:2px}.timeline-line{width:2px;min-height:80px;margin-top:var(--space-2)}.timeline-description{font-size:var(--text-sm);line-height:1.6}.timeline-achievements h4,.timeline-technologies h4{font-size:var(--text-xs);margin-bottom:var(--space-2)}.timeline-achievements li{font-size:var(--text-xs);padding-left:var(--space-4)}.tech-tags{gap:var(--space-1)}.tech-tag{padding:calc(var(--space-1) * .75) var(--space-2);font-size:calc(var(--text-xs) * .9)}.current-badge{padding:var(--space-1) var(--space-2);font-size:calc(var(--text-xs) * .8)}}@media (max-width: 360px){.timeline-content{padding:var(--space-2)}.timeline-header{gap:var(--space-2)}.timeline-title h3{font-size:var(--text-sm)}.timeline-company,.date-range{font-size:var(--text-xs)}}.timeline-container-alternating{position:relative;padding:clamp(3rem,5vw,5rem) 0;max-width:1200px;margin:0 auto}.timeline-track{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(139,127,217,.2) 5%,rgba(139,127,217,.4) 15%,rgba(139,127,217,.4) 85%,rgba(139,127,217,.2) 95%,transparent 100%);box-shadow:0 0 20px #8b7fd94d;transform:translate(-50%)}.timeline-item-alternating{display:flex;justify-content:center;align-items:flex-start;margin-bottom:clamp(3rem,6vw,6rem);position:relative}.timeline-item-alternating.left{flex-direction:row}.timeline-item-alternating.left .timeline-card-enhanced{margin-right:3rem;margin-left:auto;max-width:550px;width:calc(50% - 4rem)}.timeline-item-alternating.left .timeline-marker-center{order:2}.timeline-item-alternating.right{flex-direction:row-reverse}.timeline-item-alternating.right .timeline-card-enhanced{margin-left:3rem;margin-right:auto;max-width:550px;width:calc(50% - 4rem)}.timeline-item-alternating.right .timeline-marker-center{order:2}.timeline-marker-center{display:flex;flex-direction:column;align-items:center;position:relative;z-index:5}.timeline-dot-enhanced{width:48px;height:48px;border-radius:50%;background:var(--brand-primary);border:4px solid rgba(139,127,217,.3);display:flex;align-items:center;justify-content:center;position:relative;z-index:6;transition:all .3s ease;box-shadow:0 4px 12px #8b7fd94d}.timeline-dot-enhanced.current{background:var(--color-accent, #64ffda);border-color:var(--color-accent, #64ffda);box-shadow:0 0 30px #64ffda99;animation:currentPulse 2s infinite}@keyframes currentPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #64ffda99}50%{transform:scale(1.1);box-shadow:0 0 40px #64ffdacc}}.company-logo-dot{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff}.timeline-connector{width:2px;height:clamp(4rem,8vw,8rem);background:#8b7fd933;margin-top:.5rem}.timeline-card-enhanced{background:linear-gradient(135deg,#14171ef2,#191c23fa,#14171ef2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,127,217,.2);border-radius:16px;padding:clamp(2rem,4vw,3rem);box-shadow:0 10px 40px #0000004d,0 2px 10px #8b7fd91a;transition:all .3s ease;position:relative;overflow:hidden}.timeline-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--color-accent, #64ffda) 100%);opacity:0;transition:opacity .3s ease}.timeline-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 5px 20px #8b7fd933;border-color:#8b7fd966}.timeline-card-enhanced:hover:before{opacity:1}.timeline-item-alternating.left .timeline-card-enhanced:hover{transform:translateY(-4px) translate(-4px)}.timeline-item-alternating.right .timeline-card-enhanced:hover{transform:translateY(-4px) translate(4px)}.timeline-card-enhanced.current-role{border-color:var(--color-accent, #64ffda);box-shadow:0 10px 40px #0000004d,0 0 20px #64ffda1a}.card-header-clean{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(139,127,217,.1)}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.role-title-enhanced{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;background:linear-gradient(135deg,#fff,#8b7fd9,#64ffda);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite;line-height:1.2}.date-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b7fd91a;border:1px solid rgba(139,127,217,.2);border-radius:50px;color:var(--color-text-secondary);font-size:.9rem;white-space:nowrap}.date-badge iconify-icon{color:var(--brand-primary)}.company-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;color:var(--color-text-secondary);font-size:1rem}.company-favicon-enhanced{width:24px;height:24px;border-radius:4px;object-fit:cover;background:#fff;padding:2px}.company-name-enhanced{font-weight:600;color:var(--brand-primary)}.separator{color:var(--color-text-muted);opacity:.5}.location-text{color:var(--color-text-muted)}.employment-type-badge{padding:.25rem .75rem;background:#64ffda1a;border:1px solid rgba(100,255,218,.2);border-radius:50px;font-size:.85rem;color:var(--color-accent, #64ffda)}.brief-description{margin:1.5rem 0;line-height:1.7;color:var(--color-text-secondary);font-size:1rem}.preview-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0;padding:1rem;background:#0003;border-radius:8px}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.stat-item iconify-icon{color:var(--brand-primary);font-size:1.2em}.expandable-details.expanded{max-height:3000px;opacity:1;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(139,127,217,.1)}.detail-section{margin-bottom:2rem;padding:1.5rem;background:#0000001a;border-radius:12px;border-left:3px solid var(--brand-primary)}.detail-section.achievements{border-left-color:var(--color-accent, #64ffda)}.detail-section.technologies{border-left-color:var(--brand-primary)}.detail-section.projects{border-left-color:gold}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.section-title iconify-icon{font-size:1.3em}.achievement-list{list-style:none;padding:0;margin:0}.achievement-list li{display:flex;gap:.75rem;margin-bottom:.75rem;line-height:1.6;color:var(--color-text-secondary)}.achievement-list iconify-icon{color:var(--color-accent, #64ffda);flex-shrink:0;margin-top:.2rem}.tech-tags-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag-enhanced{padding:.5rem 1rem;background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:50px;font-size:.9rem;color:var(--brand-primary);transition:all .2s ease}.tech-tag-enhanced:hover{background:#8b7fd933;transform:translateY(-2px);box-shadow:0 4px 8px #8b7fd94d}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item-clean{padding:1rem;background:#0003;border-radius:8px;transition:all .2s ease}.project-item-clean:hover{background:#0000004d}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-header h5{font-size:1rem;color:var(--color-primary);margin:0}.project-links{display:flex;gap:.75rem}.project-links a{color:var(--color-text-muted);transition:color .2s ease}.project-links a:hover{color:var(--brand-primary)}.project-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.card-actions-clean{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(139,127,217,.1)}.expand-button-modern,.testimonial-button-modern{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:500;transition:all .3s ease;cursor:pointer;border:2px solid}.expand-button-modern{background:#8b7fd91a;border-color:#8b7fd94d;color:var(--brand-primary)}.expand-button-modern:hover{background:var(--brand-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #8b7fd966}.testimonial-button-modern{background:#64ffda1a;border-color:#64ffda4d;color:var(--color-accent, #64ffda);text-decoration:none}.testimonial-button-modern:hover{background:var(--color-accent, #64ffda);color:var(--color-dark);transform:translateY(-2px);box-shadow:0 8px 20px #64ffda66}@media (max-width: 768px){.timeline-container-alternating{padding:2rem 1rem}.timeline-track{left:30px}.timeline-item-alternating{grid-template-columns:auto 1fr;gap:1.5rem;margin-bottom:3rem}.timeline-item-alternating.left .timeline-card-enhanced,.timeline-item-alternating.right .timeline-card-enhanced{grid-column:2;max-width:none}.timeline-item-alternating.left .timeline-marker-center,.timeline-item-alternating.right .timeline-marker-center{grid-column:1;order:0}.timeline-dot-enhanced{width:36px;height:36px}.company-logo-dot{width:24px;height:24px}.timeline-card-enhanced{padding:1.5rem}.role-title-enhanced{font-size:1.3rem}.header-top{flex-direction:column;gap:1rem}.date-badge{align-self:flex-start}.card-actions-clean{flex-direction:column}.expand-button-modern,.testimonial-button-modern{width:100%;justify-content:center}}.timeline-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:#0f1219cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(139,127,217,.3)}.timeline-search{position:relative;flex:1;min-width:250px}.search-input{width:100%;padding:var(--space-3) var(--space-12) var(--space-3) var(--space-4);background:#2a2f3acc;border:2px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);outline:none;transition:all var(--transition-base)}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #8b7fd91a}.timeline-search iconify-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:1.2em}.timeline-filters{flex:0 0 auto}.tech-filter{padding:var(--space-3) var(--space-4);background:#2a2f3acc;border:2px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);cursor:pointer;outline:none;transition:all var(--transition-base)}.tech-filter:focus{border-color:var(--brand-primary)}.search-results{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background:#2a2f3a99;border-radius:var(--radius-md);border:1px solid rgba(139,127,217,.2);opacity:0;transition:opacity var(--transition-base)}.timeline-overview{flex:0 0 auto;display:flex;align-items:center}.timeline-minimap{display:flex;gap:var(--space-1);padding:var(--space-2);background:#2a2f3acc;border-radius:var(--radius-full);border:1px solid rgba(139,127,217,.3);position:relative;overflow:hidden}.timeline-minimap:before{content:"";position:absolute;top:50%;left:var(--space-2);right:var(--space-2);height:1px;background:#8b7fd94d;transform:translateY(-50%);z-index:1}.minimap-dot{width:10px;height:10px;border-radius:50%;background:#8b7fd966;cursor:pointer;transition:all var(--transition-base);position:relative;z-index:2;border:2px solid rgba(139,127,217,.2)}.minimap-dot:hover{background:var(--brand-primary);transform:scale(1.4);box-shadow:0 0 12px #8b7fd980}.minimap-dot.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.6);box-shadow:0 0 16px #64ffda99;animation:minimapPulse 2s infinite}.timeline-scrubber{margin-bottom:var(--space-6);position:relative}.scrubber-track{height:6px;background:#8b7fd933;border-radius:var(--radius-full);position:relative;cursor:pointer}.scrubber-progress{height:100%;background:var(--brand-gradient);border-radius:var(--radius-full);transition:width .3s ease;position:relative}.scrubber-thumb{width:20px;height:20px;background:#fff;border:3px solid var(--brand-primary);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 4px 12px #0000004d;transition:all var(--transition-base)}.scrubber-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.scrubber-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);position:relative}.scrubber-label{position:absolute;transform:translate(-50%);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;pointer-events:none}.timeline-wrapper,#employment{position:relative;z-index:2}#employment .timeline-item{display:flex!important;opacity:1!important;visibility:visible!important;gap:var(--space-6);margin-bottom:var(--space-8);position:relative}#employment .timeline-item .timeline-line{display:block!important;opacity:1!important}#employment .timeline-item .timeline-marker{display:flex!important;opacity:1!important;flex-direction:column;align-items:center;flex-shrink:0;width:32px}#employment .timeline-item .timeline-content{display:block!important;opacity:1!important;visibility:visible!important;flex:1}#employment .container,.timeline-wrapper{position:relative}#employment .container:before,.timeline-wrapper:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(139,127,217,.2) 5%,rgba(139,127,217,.4) 20%,rgba(139,127,217,.4) 80%,rgba(139,127,217,.2) 95%,transparent 100%);box-shadow:0 0 20px #8b7fd94d;z-index:1}#employment .timeline-dot,.timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--brand-primary);border:3px solid rgba(139,127,217,.4);position:relative;z-index:3;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;overflow:hidden}.company-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#fff}#employment .timeline-dot.current,.timeline-dot.current{background:var(--color-accent, #64ffda);border-color:var(--color-accent, #64ffda);box-shadow:0 0 20px #64ffda99,0 0 40px #64ffda4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #64ffda99}50%{transform:scale(1.1);box-shadow:0 0 30px #64ffdacc}}#employment .timeline-line{width:2px;flex:1;background:#8b7fd933;margin:var(--space-2) 0}#employment .timeline-content{background:linear-gradient(145deg,#14171ef2,#191c23fa,#14171ef2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}#employment .timeline-content:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d,0 0 20px #8b7fd91a;border-color:#8b7fd966}#employment .timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.job-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,#fff,#8b7fd9,#a995e9,#64ffda,#fff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;position:relative;display:inline-block;letter-spacing:-.02em;line-height:1.2}.job-title:after{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;pointer-events:none}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}#employment .timeline-title h3{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-2)}.company-info{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-2)}.company-favicon{width:20px;height:20px;border-radius:4px;object-fit:cover;background:#fff;padding:2px;border:1px solid rgba(139,127,217,.2)}.company-name{font-weight:var(--font-semibold);color:var(--brand-primary)}.location{color:var(--color-text-muted);font-size:var(--text-sm)}#employment .timeline-company{color:var(--color-text-secondary);font-size:var(--text-base)}#employment .timeline-date{color:var(--color-text-muted);font-size:var(--text-sm)}#employment .current-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-accent, #64ffda);color:var(--color-dark);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:var(--space-2)}#employment .timeline-description{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:1.6}#employment .timeline-achievements{margin-bottom:var(--space-4)}#employment .timeline-achievements h4{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-3)}#employment .timeline-achievements ul{list-style:none;padding:0}#employment .timeline-achievements li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--color-text-secondary)}#employment .timeline-achievements li:before{content:"▸";position:absolute;left:0;color:var(--brand-primary)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3);background:#0003;border-radius:var(--radius-md)}.stat{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.stat iconify-icon{color:var(--brand-primary);font-size:1.2em}#employment .timeline-technologies h4,.technologies-section h4{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}#employment .tech-tags,.tech-tags-enhanced{display:flex;flex-wrap:wrap;gap:var(--space-3)}#employment .tech-tag,.tech-tag.enhanced{padding:.25rem .75rem;background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary);transition:all var(--transition-base)}#employment .tech-tag:hover,.tech-tag.enhanced:hover{background:#8b7fd933;transform:translateY(-2px);box-shadow:0 4px 8px #8b7fd933}.job-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.date-range{color:var(--color-text-muted);font-size:var(--text-sm)}.current-badge.animated{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.employment-type{font-size:var(--text-xs);color:var(--color-text-muted);padding:.2rem .5rem;background:#8b7fd91a;border-radius:var(--radius-sm)}.timeline-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.particle-canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;pointer-events:none}.timeline-track{position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--brand-primary) 0%,rgba(139,127,217,.6) 30%,rgba(139,127,217,.3) 70%,transparent 100%);z-index:2}.timeline-item.enhanced{display:flex;gap:var(--space-8);margin-bottom:clamp(var(--space-16),5vw,var(--space-20));position:relative;z-index:3}.timeline-item.enhanced.highlighted{transform:scale(1.02);transition:all .6s ease}.timeline-marker-enhanced .timeline-dot{width:40px;height:auto;border-radius:50%;background:var(--brand-primary);border:3px solid rgba(139,127,217,.4);position:relative;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.timeline-dot.current{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 15px #ffa5004d;animation:currentPulse 2s infinite}.company-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;padding:2px;box-shadow:0 0 8px #00000080;background:#fff;transition:all var(--transition-base)}.timeline-dot:hover .company-logo{transform:scale(1.1);box-shadow:0 0 12px #8b7fd966}.timeline-line-3d{width:2px;flex:1;background:linear-gradient(to bottom,#8b7fd999,#8b7fd94d,#8b7fd91a);margin-top:var(--space-3);min-height:80px;position:relative;transform:translateY(2px)}.timeline-content-enhanced{flex:1;background:linear-gradient(145deg,rgba(var(--color-darker-rgb),.95),rgba(var(--color-darker-rgb),.98) 20%,#1a1d23f2,rgba(var(--color-darker-rgb),.98));-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-radius:var(--radius-xl);border:1px solid rgba(var(--color-primary-rgb),.2);padding:clamp(var(--space-4),3vw,var(--space-8));position:relative;overflow:hidden;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);z-index:5;margin-bottom:var(--space-4);box-shadow:0 12px 40px #00000040,0 4px 12px #00000026,inset 0 1px #ffffff1a,inset 0 -1px rgba(var(--color-primary-rgb),.05)}.timeline-content-enhanced:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 48px #0006,0 8px 24px rgba(var(--color-primary-rgb),.2),0 0 0 1px rgba(var(--color-primary-rgb),.3),inset 0 1px #ffffff26;border-color:rgba(var(--color-primary-rgb),.5)}.timeline-content-enhanced.current-job{border-color:var(--color-accent);box-shadow:0 15px 60px #0006,0 5px 20px #64ffda33,0 2px 8px #64ffda4d,inset 0 2px #ffffff1a,inset 0 -1px #64ffda1a}.timeline-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);position:relative;z-index:2;padding-bottom:var(--space-4);border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.job-info{flex:1}.job-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,#fff,#8b7fd9,#a599e9,#64ffda,#fff);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(139,127,217,.4);position:relative;display:inline-block;animation:gradientShift 4s ease-in-out infinite alternate;transition:all var(--transition-base);will-change:background-position,filter}@keyframes gradientShift{0%{background-position:0% 50%;filter:brightness(1) contrast(1)}33%{background-position:50% 25%;filter:brightness(1.1) contrast(1.05)}66%{background-position:100% 75%;filter:brightness(1.2) contrast(1.1)}to{background-position:0% 50%;filter:brightness(1) contrast(1)}}.job-title:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(139,127,217,.2) 50%,rgba(255,255,255,.15) 70%,transparent 100%);transform:translate(-100%);animation:titleGlow 3s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes titleGlow{0%{transform:translate(-120%) scaleY(1);opacity:0}20%{opacity:.7}50%{opacity:1;transform:translate(0) scaleY(1.05)}80%{opacity:.7}to{transform:translate(120%) scaleY(1);opacity:0}}.company-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-secondary);font-size:var(--text-base)}.company-favicon{width:20px;height:20px;border-radius:4px;filter:brightness(1.1)}.company-link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.company-link:hover{color:#fff}.company-name{color:var(--color-accent);font-weight:600}.location{font-size:var(--text-sm);color:var(--color-text-muted)}.job-meta{text-align:right;flex-shrink:0}.date-range{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.current-badge.animated{display:inline-block;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#4caf5033,#64ffda33);color:var(--color-accent);border:1px solid rgba(100,255,218,.4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:currentBadgePulse 3s infinite}.employment-type{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.job-description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-4);position:relative;z-index:2}.quick-stats{display:flex;gap:var(--space-4);margin:var(--space-5) 0 var(--space-6) 0;flex-wrap:wrap;padding:var(--space-3);background:rgba(var(--color-primary-rgb),.02);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-primary-rgb),.1)}.stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);background:#8b7fd91a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(139,127,217,.2);transition:all var(--transition-base)}.stat:hover{background:#8b7fd933;color:var(--color-text-secondary);transform:translateY(-2px)}.stat iconify-icon{color:var(--brand-primary);font-size:1.1em}.expandable-content{max-height:0;overflow:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(-10px);will-change:height,opacity,transform;contain:layout style}.expandable-content.expanded{max-height:2000px;opacity:1;transform:translateY(0);padding-top:var(--space-6);border-top:1px solid rgba(139,127,217,.2);margin-top:var(--space-6);animation:expandContentFade .6s ease-out forwards}@keyframes expandContentFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.achievements-section{margin-bottom:var(--space-8);padding:var(--space-4);background:rgba(var(--color-primary-rgb),.02);border-radius:var(--radius-lg);border-left:3px solid rgba(var(--color-accent-rgb),.3)}.achievements-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-4)}.achievements-grid{display:grid;gap:var(--space-4);margin-top:var(--space-3)}.achievement-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#2a2f3a66;border:1px solid rgba(139,127,217,.15);border-radius:var(--radius-lg);transition:all var(--transition-base);opacity:0;animation:achievementSlideIn .6s ease forwards;line-height:1.6}.achievement-item:hover{background:#2a2f3acc;border-color:var(--brand-primary);transform:translate(8px)}.achievement-icon{color:var(--color-accent);font-size:1.4em;flex-shrink:0;margin-top:2px}.achievement-item span{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.technologies-section{margin-bottom:var(--space-8);padding:var(--space-4);background:rgba(var(--color-primary-rgb),.02);border-radius:var(--radius-lg);border-left:3px solid rgba(var(--brand-primary-rgb),.3)}.technologies-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-4)}.tech-tags-enhanced{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tech-tag.enhanced{position:relative;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#8b7fd926,#a599e91a);border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;transition:all .3s ease;cursor:pointer;overflow:hidden}.tech-tag.enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.tech-tag.enhanced:hover:before{left:100%}.tech-tag.enhanced:hover{background:linear-gradient(135deg,#8b7fd940,#a599e933);border-color:var(--brand-primary);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #8b7fd94d}.usage-count{background:#8b7fd94d;color:var(--brand-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;margin-left:var(--space-2);min-width:20px;text-align:center}.projects-section{margin-bottom:var(--space-8);padding:var(--space-4);background:rgba(var(--color-primary-rgb),.02);border-radius:var(--radius-lg);border-left:3px solid rgba(var(--color-secondary-rgb),.3)}.projects-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-4)}.projects-enhanced{display:grid;gap:var(--space-4)}.project-item-enhanced{background:#2a2f3ab3;border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .3s ease}.project-item-enhanced:hover{border-color:var(--brand-primary);background:#2a2f3ae6;transform:translateY(-4px) rotateX(5deg);box-shadow:0 12px 32px #0006}.project-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.project-header-enhanced h5{font-size:var(--text-lg);font-weight:600;color:#fff}.project-links{display:flex;gap:var(--space-2)}.project-link,.game-link-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-md);color:var(--brand-primary);text-decoration:none;transition:all var(--transition-base);cursor:pointer}.project-link:hover,.game-link-btn:hover{background:var(--brand-primary);color:#fff;transform:scale(1.1) rotate(10deg)}.project-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3)}.project-tech-tags-enhanced{display:flex;flex-wrap:wrap;gap:var(--space-1)}.timeline-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(139,127,217,.1)}.expand-btn,.testimonial-link-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#8b7fd91a;border:2px solid rgba(139,127,217,.3);border-radius:var(--radius-lg);color:var(--brand-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.expand-btn.animating{pointer-events:none;opacity:.7}.expand-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,127,217,.1),transparent);transition:left .5s ease}.expand-btn:hover:before{left:100%}.expand-btn:hover,.testimonial-link-btn:hover{background:var(--brand-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #8b7fd966}.testimonial-link-btn{background:#64ffda1a;border-color:#64ffda4d;color:var(--color-accent)}.testimonial-link-btn:hover{background:var(--color-accent);color:var(--color-dark)}@keyframes currentPulse{0%,to{box-shadow:0 0 15px #ffa5004d;transform:scale(1) translateY(-4px)}50%{box-shadow:0 0 20px #ffa50033;transform:scale(1.02) translateY(-4px)}}@keyframes currentBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes minimapPulse{0%,to{box-shadow:0 0 16px #64ffda99}50%{box-shadow:0 0 24px #64ffdacc}}@media (max-width: 992px){.timeline-controls{flex-direction:column;gap:var(--space-3)}.timeline-search{min-width:auto}.timeline-header-enhanced{flex-direction:column;gap:var(--space-3);align-items:flex-start}.job-meta{text-align:left}.quick-stats{justify-content:space-between}}@media (max-width: 992px){.job-title{font-size:var(--text-xl)}.timeline-item.enhanced{gap:var(--space-4)}}@media (max-width: 768px){.timeline-wrapper:before,#employment .container:before{left:12px;width:2px}.timeline-dot{width:24px;height:24px}.company-logo{width:16px;height:16px}.timeline-item.enhanced{gap:var(--space-4);margin-bottom:clamp(var(--space-8),4vw,var(--space-12))}.timeline-content-enhanced{padding:var(--space-5);margin-bottom:var(--space-3)}.timeline-header-enhanced{margin-bottom:var(--space-5);padding-bottom:var(--space-3)}.job-title{font-size:var(--text-lg);line-height:1.3}.job-title:after{display:none}.timeline-content-enhanced:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000004d,0 4px 12px rgba(var(--color-primary-rgb),.15),inset 0 1px #ffffff1a}.timeline-item.enhanced:nth-child(odd) .timeline-content-enhanced:hover,.timeline-item.enhanced:nth-child(2n) .timeline-content-enhanced:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000004d,0 4px 12px rgba(var(--color-primary-rgb),.15),inset 0 1px #ffffff1a}.job-title{font-size:var(--text-xl)}.company-info{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.quick-stats{grid-template-columns:1fr;gap:var(--space-2)}.tech-tags-enhanced{gap:var(--space-1)}.timeline-actions{flex-direction:column;gap:var(--space-2)}.scrubber-labels{display:none}}@media (max-width: 480px){.timeline-controls{padding:var(--space-3)}.timeline-marker-enhanced{width:20px}.timeline-marker-enhanced .timeline-dot{width:20px;height:20px}.company-logo{width:14px;height:14px}.timeline-content-enhanced{padding:var(--space-3)}.achievements-grid{gap:var(--space-2)}.achievement-item{padding:var(--space-2)}}.timeline-item.enhanced .timeline-content-enhanced{transform:translateY(0);transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026,0 1px 3px #0003}.timeline-item.enhanced:nth-child(odd) .timeline-content-enhanced:hover{transform:translateY(-8px) translate(8px);box-shadow:0 20px 40px rgba(var(--color-primary-rgb),.15),0 8px 20px #0003,0 0 0 1px rgba(var(--color-primary-rgb),.1)}.timeline-item.enhanced:nth-child(2n) .timeline-content-enhanced:hover{transform:translateY(-8px) translate(-8px);box-shadow:0 20px 40px rgba(var(--color-primary-rgb),.15),0 8px 20px #0003,0 0 0 1px rgba(var(--color-primary-rgb),.1)}.timeline-wrapper:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--brand-primary);z-index:3;pointer-events:none}.timeline-track{display:none}.timeline-marker-enhanced{position:relative;flex-shrink:0;width:32px;display:flex;flex-direction:column;align-items:center;z-index:4}.timeline-marker-enhanced .timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--brand-primary);border:3px solid rgba(139,127,217,.4);position:relative;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d,0 0 20px #8b7fd966}.timeline-line-3d{display:none}.timeline-item.enhanced.tech-highlighted{transform:scale(1.03) translateY(-2px);z-index:10}.timeline-item.enhanced.tech-highlighted .timeline-content-enhanced{border-color:var(--color-accent);box-shadow:0 20px 60px #0006,0 0 30px #64ffda66,inset 0 1px #ffffff26}.timeline-item.enhanced.tech-dimmed{opacity:.4;transform:scale(.98)}.tech-tag.enhanced.highlighted{background:linear-gradient(135deg,var(--color-accent),rgba(100,255,218,.8));color:var(--color-dark);transform:translateY(-2px) scale(1.1);box-shadow:0 12px 32px #64ffda66}.skill-tooltip{position:absolute;background:#0f1219f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,127,217,.4);border-radius:var(--radius-lg);padding:var(--space-3);z-index:1000;pointer-events:none;transform:translate(-50%,-100%);animation:tooltipFadeIn .2s ease}.tooltip-tech{font-weight:600;color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--space-1)}.tooltip-count{font-size:var(--text-xs);color:var(--color-text-muted)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.usage-count{background:linear-gradient(135deg,#8b7fd94d,#a599e933);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;margin-left:var(--space-2);min-width:24px;text-align:center;border:1px solid rgba(139,127,217,.4);cursor:help;transition:all var(--transition-base)}.usage-count:hover{background:var(--brand-primary);transform:scale(1.2);box-shadow:0 4px 12px #8b7fd966}.company-logo-loading{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#8b7fd91a 25%,#8b7fd94d,#8b7fd91a 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.expand-btn:focus,.testimonial-link-btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.timeline-dot:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.job-title{animation:none}.job-title:after{display:none}.expandable-content{transition:opacity .2s ease}.timeline-content-enhanced:hover,.expand-btn:hover,.testimonial-link-btn:hover,.tech-tag.enhanced:hover,.achievement-item:hover{transform:none}}.employment-type{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:#8b7fd914;border-radius:var(--radius-sm);border:1px solid rgba(139,127,217,.15)}.current-badge.animated{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#4caf5026,#64ffda26);color:var(--color-accent);border:2px solid rgba(100,255,218,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:currentBadgePulse 3s infinite;margin-left:var(--space-2);white-space:nowrap}.full-description-section,.achievements-section,.technologies-section,.projects-section,.additional-details-section{position:relative}.full-description-section:before,.achievements-section:before,.technologies-section:before,.projects-section:before,.additional-details-section:before{content:"";position:absolute;top:-var(--space-2);left:-var(--space-2);right:-var(--space-2);height:1px;background:linear-gradient(90deg,transparent,rgba(139,127,217,.1),transparent)}.timeline-particles:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,127,217,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(100,255,218,.03) 0%,transparent 50%);pointer-events:none}.timeline-item.enhanced{will-change:transform;contain:layout style}.tech-tag.enhanced{will-change:transform,background,border-color}.timeline-content-enhanced{cursor:pointer}.timeline-content-enhanced:active{transform:translateY(-2px) scale(.99);transition:transform .1s ease}.company-logo,.company-favicon{transition:all var(--transition-base);filter:brightness(1) contrast(1)}.company-logo:hover,.company-favicon:hover{filter:brightness(1.1) contrast(1.05);transform:scale(1.05)}.timeline-marker-enhanced .timeline-dot{background:linear-gradient(135deg,var(--brand-primary),rgba(139,127,217,.8));cursor:pointer}.timeline-marker-enhanced .timeline-dot:hover{transform:translateY(-6px) scale(1.1);box-shadow:0 12px 40px #0006,0 0 30px #8b7fd999}@media (max-width: 768px){.timeline-wrapper:before{left:12px;width:2px}.timeline-marker-enhanced{width:24px}.timeline-marker-enhanced .timeline-dot{width:24px;height:24px}.job-title{background-size:200% 200%}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.timeline-header-enhanced{gap:var(--space-2)}.job-meta{width:100%;text-align:left}}@media (max-width: 480px){.timeline-wrapper:before{left:10px}.timeline-marker-enhanced{width:20px}.timeline-marker-enhanced .timeline-dot{width:20px;height:20px}.company-favicon{width:16px;height:16px}.job-title{font-size:var(--text-lg);line-height:1.3}.timeline-header-enhanced{flex-direction:column;align-items:stretch;gap:var(--space-2)}.quick-stats{grid-template-columns:1fr 1fr;gap:var(--space-1)}.stat{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tech-tag.enhanced{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.expand-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.achievement-item{font-size:var(--text-xs)}}.timeline-container-vertical{position:relative;max-width:900px;margin:0 auto;padding:3rem 2rem 3rem 80px}.timeline-container-vertical:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(139,127,217,.2) 5%,rgba(139,127,217,.3) 50%,rgba(139,127,217,.2) 95%,transparent 100%);box-shadow:0 0 10px #8b7fd933}.timeline-item-vertical{display:flex;gap:2rem;margin-bottom:4rem;position:relative}.timeline-marker-vertical{position:absolute;left:-40px;display:flex;flex-direction:column;align-items:center;z-index:3}.timeline-dot-vertical{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1d24,#2a2d34);border:3px solid rgba(139,127,217,.4);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.timeline-dot-vertical.current{background:linear-gradient(135deg,var(--color-accent, #64ffda),#4dc9b3);border-color:var(--color-accent, #64ffda);box-shadow:0 0 20px #64ffda80;animation:pulseCurrent 2s infinite}@keyframes pulseCurrent{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-dot-vertical iconify-icon{color:var(--brand-primary);font-size:1.2rem}.company-logo-dot{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;transition:all .3s ease}.logo-loading-spinner{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.logo-loading-spinner iconify-icon{font-size:1.1rem;color:var(--brand-primary)}.logo-loading-placeholder{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#8b7fd91a;border:1px solid rgba(139,127,217,.2)}.logo-loading-placeholder iconify-icon{font-size:1.2rem;color:var(--brand-primary)}.company-logo-fallback{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#2a2d34,#1a1d24);border:1px solid rgba(139,127,217,.3)}.company-logo-fallback iconify-icon{font-size:1.1rem;color:#8b7fd9b3}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spinning 1.5s linear infinite}.timeline-connector-vertical{width:2px;height:calc(100% + 4rem);background:#8b7fd933;margin-top:.5rem;position:absolute;top:40px}.timeline-card-vertical{flex:1;background:linear-gradient(135deg,#14171efa,#191c23f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,127,217,.2);border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000004d,0 1px 8px #8b7fd91a;transition:all .3s ease;position:relative;overflow:hidden}.timeline-card-vertical:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--color-accent, #64ffda));opacity:0;transition:opacity .3s ease}.timeline-card-vertical:hover{transform:translate(8px);box-shadow:0 20px 40px #0006,0 5px 15px #8b7fd933;border-color:#8b7fd966}.timeline-card-vertical:hover:before{opacity:1}.timeline-card-vertical.current-role{border-color:#64ffda4d;box-shadow:0 10px 30px #0000004d,0 0 20px #64ffda1a}.card-header-vertical{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(139,127,217,.1)}.role-and-date{margin-bottom:1rem}.role-title-vertical{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#8b7fd9,#64ffda 80%,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;margin-bottom:.5rem;line-height:1.3}.date-range-vertical{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.95rem}.date-range-vertical iconify-icon{color:var(--brand-primary)}.current-badge-vertical{padding:.25rem .75rem;background:var(--color-accent, #64ffda);color:var(--color-dark);border-radius:50px;font-size:.75rem;font-weight:600;margin-left:.5rem;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{opacity:.9}50%{opacity:1}}.company-info-vertical{display:flex;align-items:center;gap:1rem}.company-logo-container{width:32px;height:32px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.company-favicon-vertical{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#fff;padding:2px;flex-shrink:0;transition:all .3s ease}.company-favicon-vertical:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.company-details{flex:1}.company-name-vertical{font-size:1.1rem;font-weight:600;color:var(--brand-primary);margin-bottom:.25rem}.company-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--color-text-muted)}.location-vertical{display:flex;align-items:center;gap:.25rem}.employment-type-vertical{padding:.15rem .5rem;background:#64ffda1a;border:1px solid rgba(100,255,218,.2);border-radius:50px;font-size:.85rem;color:var(--color-accent, #64ffda)}.description-vertical{margin:1.5rem 0;line-height:1.7;color:var(--color-text-secondary);font-size:1rem}.stats-bar-vertical{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:1rem;background:#0000004d;border-radius:12px;border:1px solid rgba(139,127,217,.1)}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b7fd91a;border-radius:50px;font-size:.9rem;color:var(--color-text-secondary)}.stat-chip iconify-icon{color:var(--brand-primary);font-size:1.1em}.expandable-details{max-height:0;overflow:hidden;opacity:0;transition:all .5s ease}.expandable-details.expanded{max-height:5000px;opacity:1;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(139,127,217,.1)}.detail-section-vertical{margin-bottom:2rem;padding:1.5rem;background:#0003;border-radius:12px;border-left:3px solid}.detail-section-vertical.achievements{border-left-color:var(--color-accent, #64ffda)}.detail-section-vertical.technologies{border-left-color:var(--brand-primary)}.detail-section-vertical.projects{border-left-color:gold}.detail-section-vertical.additional{border-left-color:#ff6b6b}.detail-section-vertical h4{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.detail-section-vertical h4 iconify-icon{font-size:1.3em}.detail-section-vertical ul{list-style:none;padding:0;margin:0}.detail-section-vertical li{display:flex;gap:.75rem;margin-bottom:.75rem;line-height:1.6;color:var(--color-text-secondary)}.detail-section-vertical li iconify-icon{color:var(--color-accent, #64ffda);flex-shrink:0;margin-top:.2rem}.tech-tags-vertical{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag-vertical{padding:.5rem 1rem;background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:50px;font-size:.9rem;color:var(--brand-primary);transition:all .2s ease}.tech-tag-vertical:hover{background:#8b7fd933;transform:translateY(-2px);box-shadow:0 4px 8px #8b7fd94d}.projects-grid-vertical{display:grid;gap:1rem}.project-card-vertical{padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(139,127,217,.1);transition:all .2s ease}.project-card-vertical:hover{background:#0006;border-color:#8b7fd933}.project-header-vertical{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-header-vertical h5{font-size:1rem;color:var(--color-primary);margin:0}.project-links-vertical{display:flex;gap:.75rem}.project-links-vertical a{color:var(--color-text-muted);transition:color .2s ease}.project-links-vertical a:hover{color:var(--brand-primary)}.project-description-vertical{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.project-tech-vertical{display:flex;gap:.5rem;flex-wrap:wrap}.project-tech-vertical span{padding:.25rem .5rem;background:#8b7fd91a;border-radius:4px;font-size:.8rem;color:var(--color-text-muted)}.info-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:var(--color-text-secondary)}.info-row iconify-icon{color:var(--brand-primary);flex-shrink:0;margin-top:.2rem}.card-actions-vertical{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(139,127,217,.1)}.expand-btn-vertical,.testimonial-btn-vertical{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:50px;font-size:.95rem;font-weight:500;transition:all .3s ease;cursor:pointer;border:2px solid;text-decoration:none}.expand-btn-vertical{background:#8b7fd91a;border-color:#8b7fd94d;color:var(--brand-primary)}.expand-btn-vertical:hover{background:var(--brand-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #8b7fd966}.testimonial-btn-vertical{background:#64ffda1a;border-color:#64ffda4d;color:var(--color-accent, #64ffda)}.testimonial-btn-vertical:hover{background:var(--color-accent, #64ffda);color:var(--color-dark);transform:translateY(-2px);box-shadow:0 8px 20px #64ffda66}@media (max-width: 768px){.timeline-container-vertical{padding:2rem 1rem 2rem 60px}.timeline-container-vertical:before{left:20px}.timeline-marker-vertical{left:-20px}.timeline-dot-vertical{width:32px;height:32px}.company-logo-dot{width:20px;height:20px}.timeline-item-vertical{gap:1.5rem;margin-bottom:3rem}.timeline-card-vertical{padding:1.5rem}.timeline-card-vertical:hover{transform:translate(4px)}.role-title-vertical{font-size:1.3rem}.company-favicon-vertical{width:28px;height:28px}.stats-bar-vertical{flex-direction:column}.stat-chip{width:100%;justify-content:center}.card-actions-vertical{flex-direction:column}.expand-btn-vertical,.testimonial-btn-vertical{width:100%;justify-content:center}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.logo-loading-spinner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.logo-loading-spinner iconify-icon{font-size:1.5rem;color:var(--brand-primary)}.company-logo-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.company-logo-fallback{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#8b7fd91a;border-radius:8px}.company-logo-fallback iconify-icon{font-size:1.2rem;color:var(--brand-primary)}.logo-loading-placeholder{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1d23,#232832);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;visibility:visible;transition:opacity .8s ease-out,visibility .8s ease-out}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff;max-width:300px}.loading-logo{font-size:4rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#8b7fd9,#a599e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 2s ease-in-out infinite}.loading-spinner-3d{width:100px;height:100px;position:relative;perspective:1000px}.cube-container{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-style:preserve-3d}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotate-cube 4s linear infinite}@keyframes rotate-cube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.face{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.3),rgba(var(--color-primary-rgb),.1));border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center}.face.front{transform:translateZ(30px)}.face.back{transform:rotateY(180deg) translateZ(30px)}.face.right{transform:rotateY(90deg) translateZ(30px)}.face.left{transform:rotateY(-90deg) translateZ(30px)}.face.top{transform:rotateX(90deg) translateZ(30px)}.face.bottom{transform:rotateX(-90deg) translateZ(30px)}.orbit-ring{position:absolute;width:90px;height:90px;border:2px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-full);top:50%;left:50%;margin:-45px 0 0 -45px;animation:orbit 3s linear infinite}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--color-gray-light);font-size:.95rem;margin:var(--spacing-md) 0;opacity:.8}.progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);width:0;transition:width .3s ease;border-radius:var(--radius-full)}.progress-percent{color:var(--color-primary);font-size:.875rem;margin-top:var(--spacing-xs);font-weight:var(--font-semibold)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-dots{display:flex;gap:var(--spacing-xs)}.dot{width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);animation:dot-pulse 1.4s ease-in-out infinite both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes dot-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:var(--radius-sm, 8px)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-game-card{background:#1e1e28f2;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-lg, 16px);overflow:hidden;position:relative;min-height:400px;height:auto;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;cursor:pointer}.skeleton-game-media{width:100%;height:240px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0;flex-shrink:0}.skeleton-game-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.skeleton-game-title{height:24px;width:70%}.skeleton-game-meta{height:16px;width:50%}.skeleton-game-description{height:16px;width:100%;margin-bottom:.25rem}.skeleton-game-description:nth-child(4){width:90%}.skeleton-game-description:last-child{width:80%}.skeleton-game-tags{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.skeleton-tag{height:20px;width:60px;border-radius:var(--radius-sm)}.skeleton-games-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--spacing-lg, 2rem);margin-top:var(--spacing-2xl, 3rem);max-width:1200px;margin-left:auto;margin-right:auto}.skeleton-container .skills-showcase{position:relative;min-height:500px}.skeleton-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.skeleton-skill-category{background:#1e1e28d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .3s ease;animation:fadeInUp .6s ease}.skeleton-category-title{height:24px;width:40%;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.skeleton-category-icon{width:24px;height:24px;border-radius:var(--radius-sm)}.skeleton-skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.skeleton-skill-badge{height:28px;width:80px;border-radius:var(--radius-sm);background:#8b7fd91a;border:1px solid rgba(139,127,217,.3)}.skeleton-skill-badge:nth-child(2){width:100px}.skeleton-skill-badge:nth-child(3){width:90px}.skeleton-skill-badge:nth-child(4){width:110px}.skeleton-skill-badge:nth-child(5){width:85px}.skeleton-skill-badge:nth-child(6){width:95px}.skeleton-container .employment-timeline{width:100%;max-width:1000px;margin:0 auto;position:relative;padding:var(--space-6) 0}.skeleton-container .timeline-wrapper{position:relative}.skeleton-timeline-item{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);position:relative;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards;animation-delay:calc(var(--index, 0) * .2s)}.skeleton-timeline-item:last-child{margin-bottom:0}.skeleton-timeline-marker{position:relative;flex-shrink:0;width:24px;display:flex;flex-direction:column;align-items:center}.skeleton-timeline-dot{width:16px;height:16px;border-radius:50%;background:#8b7fd966;border:3px solid rgba(139,127,217,.3);position:relative;z-index:3}.skeleton-timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,rgba(139,127,217,.4) 0%,rgba(139,127,217,.2) 50%,transparent 100%);margin-top:var(--space-3);min-height:60px}.skeleton-timeline-content{flex:1;background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border-radius:var(--radius-xl);border:2px solid rgba(139,127,217,.4);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a}.skeleton-timeline-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(139,127,217,.06) 0%,transparent 60%);pointer-events:none;z-index:1}.skeleton-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);position:relative;z-index:2}.skeleton-job-info{flex:1}.skeleton-job-title{height:24px;width:70%;margin-bottom:var(--space-2)}.skeleton-company-info{display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-company-name{height:18px;width:60%}.skeleton-location{height:16px;width:40%}.skeleton-job-meta{text-align:right;display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}.skeleton-date-range{height:16px;width:120px}.skeleton-employment-type{height:14px;width:80px}.skeleton-job-description{height:16px;width:100%;margin-bottom:.5rem;position:relative;z-index:2}.skeleton-job-description:nth-child(3){width:95%}.skeleton-job-description:nth-child(4){width:80%}.skeleton-quick-stats{display:flex;gap:var(--space-4);margin:var(--space-4) 0;position:relative;z-index:2}.skeleton-stat{height:16px;width:100px}.skeleton-tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);position:relative;z-index:2}.skeleton-tech-tag{height:24px;width:80px;border-radius:var(--radius-md);background:#8b7fd91a;border:1px solid rgba(139,127,217,.2)}.skeleton-tech-tag:nth-child(2){width:100px}.skeleton-tech-tag:nth-child(3){width:70px}.skeleton-tech-tag:nth-child(4){width:90px}.skeleton-tech-tag:nth-child(5){width:110px}.skeleton-header{text-align:center;padding:2rem 0}.skeleton-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 1rem}.skeleton-name{height:32px;width:200px;margin:0 auto .5rem}.skeleton-title{height:20px;width:250px;margin:0 auto 1rem}.skeleton-bio{height:16px;width:80%;max-width:600px;margin:0 auto .5rem}.skeleton-bio:nth-child(5){width:70%}.skeleton-bio:last-child{width:60%}.skeleton-social-links{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.skeleton-social-link{width:40px;height:40px;border-radius:50%}.skeleton-container .testimonials-container{width:100%;max-width:1000px;margin:0 auto;padding:0 var(--space-4)}.skeleton-testimonial-featured{margin-bottom:var(--space-16)!important;padding:var(--space-8)!important;background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border-radius:var(--radius-2xl);border:2px solid rgba(139,127,217,.4);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;position:relative;overflow:hidden}.skeleton-testimonial-client{height:20px;width:200px;margin-bottom:1rem}.skeleton-testimonial-content{height:18px;width:100%;margin-bottom:.5rem}.skeleton-testimonial-content:nth-child(3){width:95%}.skeleton-testimonial-content:nth-child(4){width:80%}.skeleton-testimonial-metrics{display:flex;gap:1rem;margin-top:1.5rem}.skeleton-metric{height:16px;width:120px}.skeleton-testimonials-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-8);min-height:800px;align-items:stretch}.skeleton-testimonials-grid .skeleton-testimonial-card{flex:1 1 calc(50% - var(--space-4));min-width:350px}.skeleton-testimonial-card{background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border-radius:var(--radius-xl);border:2px solid rgba(139,127,217,.4);padding:var(--space-8);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;height:fit-content;overflow:visible}.skeleton-testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(139,127,217,.06) 0%,transparent 60%);pointer-events:none;z-index:1}@media (max-width: 991px){.skeleton-testimonials-grid{gap:var(--space-6);min-height:auto}.skeleton-testimonials-grid .skeleton-testimonial-card{flex:1 1 100%;min-width:100%;min-height:350px;padding:var(--space-6)}}@media (max-width: 768px){.skeleton-container .testimonials-container{padding:0 var(--space-2)}.skeleton-testimonials-grid{gap:var(--space-4)}.skeleton-testimonials-grid .skeleton-testimonial-card{flex:1 1 100%;min-width:100%;min-height:320px;padding:var(--space-4)}.skeleton-skills-grid{grid-template-columns:1fr;padding:var(--spacing-sm)}.skeleton-skill-category{padding:var(--spacing-sm)}.skeleton-game-card{min-height:350px;padding:1rem}.skeleton-game-media{height:200px}.skeleton-timeline-item{gap:var(--space-4)}.skeleton-timeline-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.skeleton-job-meta{text-align:left;align-items:flex-start}.skeleton-timeline-content{padding:var(--space-4)}.skeleton-tech-tags{gap:var(--space-1)}.skeleton-quick-stats{gap:var(--space-2)}}@media (max-width: 479px){.skeleton-testimonial-card{min-height:300px;padding:var(--space-3);margin:0}.skeleton-timeline-item{gap:var(--space-3);margin-bottom:var(--space-6)}.skeleton-timeline-content{padding:var(--space-3)}.skeleton-job-title{height:20px;font-size:var(--text-lg)}.skeleton-timeline-marker{width:20px}.skeleton-timeline-dot{width:12px;height:12px}}.skeleton-container{opacity:0;animation:fadeInSkeleton .3s ease-out .1s forwards}@keyframes fadeInSkeleton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-exit{animation:fadeOutSkeleton .2s ease-out forwards}@keyframes fadeOutSkeleton{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.social-links{display:flex!important;gap:12px!important;margin:16px 0!important;align-items:center!important;flex-wrap:wrap!important}.social-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#8b7fd933!important;border:1px solid rgba(139,127,217,.4)!important;border-radius:8px!important;color:#8b7fd9!important;text-decoration:none!important;font-size:20px!important;transition:all .3s ease!important}.social-link:hover{background:#8b7fd966!important;border-color:#8b7fd9!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #8b7fd94d!important}.social-link iconify-icon{display:block!important;color:inherit!important;font-size:var(--text-2xl)}.booking-embed-container{margin-top:var(--space-4);min-height:500px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;position:relative;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:600px;transform:translateY(0)}}.booking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary)}.booking-loading iconify-icon{font-size:2rem;margin-bottom:var(--space-2);animation:spin 1s linear infinite}#cal-inline-embed:has(iframe) .booking-loading{display:none}#cal-inline-embed iframe{width:100%!important;min-height:500px!important;border:none!important;background:transparent!important}.booking-error{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.booking-error p{margin-bottom:var(--space-4)}#cal-inline-embed>div[data-cal-link]{width:100%!important;min-height:500px!important}.cal-status{margin-top:var(--space-2);font-size:.875rem;color:var(--color-text-secondary)}.cal-status .text-success{color:var(--color-success, #10b981);display:inline-flex;align-items:center;gap:.25rem}.cal-status .text-link{color:var(--brand-primary);text-decoration:none;transition:opacity .2s}.cal-status .text-link:hover{opacity:.8;text-decoration:underline}.cal-alternative{margin-top:var(--space-2);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.cal-alternative>small{display:flex;flex-direction:column}.cal-alternative .text-link{color:var(--brand-primary);text-decoration:none;transition:opacity .2s}.cal-alternative .text-link:hover{opacity:.8;text-decoration:underline}.contact-section{position:relative;padding:var(--space-16) 0;overflow:hidden;background:var(--color-bg-primary)}.contact-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.contact-section .container{position:relative;z-index:2}.contact-header{text-align:center;margin-bottom:var(--space-12)}.contact-header .section-subtitle{max-width:600px;margin:0 auto;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}.contact-content{max-width:1200px;margin:0 auto}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-10)}.contact-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);position:relative;overflow:hidden;transition:transform .3s ease}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--brand-gradient);opacity:.5}.contact-card:hover{transform:translateY(-4px);border-color:var(--brand-primary)}.card-icon{width:60px;height:60px;background:var(--brand-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.card-icon iconify-icon{font-size:28px;color:#fff}.contact-card h3{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:600}.contact-card p{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.consultation-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(139,127,217,.05) 100%)}.consultation-benefits{margin-bottom:var(--space-8)}.benefit-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.benefit-item iconify-icon{color:var(--brand-primary);font-size:18px}.cal-booking-widget{margin-top:var(--space-6)}.cal-booking-widget .cta-button{width:100%;margin-bottom:var(--space-4)}.cal-booking-widget>button{padding:1rem!important;align-items:center;align-self:center;display:flex;flex-direction:row}.cal-booking-widget>button>iconify-icon{margin-right:1rem;font-size:2rem}.cal-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-accent);font-size:.875rem;font-weight:500}.cal-status iconify-icon{font-size:16px}.form-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(100,255,218,.03) 100%)}.contact-form{margin-top:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;color:var(--color-text-primary);font-weight:500;margin-bottom:var(--space-2);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #8b7fd91a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:.875rem;margin-top:var(--space-2);display:block}.form-error,.form-success{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.form-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.submit-button{width:100%;margin-top:var(--space-4);justify-content:center;gap:var(--space-3);padding:0!important;background-color:#00000075!important}.spinning{animation:spin 1s linear infinite}.quick-contact{text-align:center;padding-top:var(--space-8);border-top:1px solid var(--color-border)}.quick-contact h4{color:var(--color-text-primary);margin-bottom:var(--space-6);font-size:1.125rem}.contact-links{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-link:hover{background:var(--color-surface);border-color:var(--brand-primary);transform:translateY(-2px)}.contact-link iconify-icon{font-size:24px;color:var(--brand-primary)}.contact-link div{text-align:left}.link-label{display:block;font-size:.875rem;color:var(--color-text-muted);line-height:1.2}.link-value{display:block;font-weight:500;color:var(--color-text-primary);line-height:1.2}@media (max-width: 768px){.contact-section{padding:var(--space-12) 0}.contact-cards{grid-template-columns:1fr;gap:var(--space-6)}.form-row{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:center}.contact-link{width:100%;max-width:300px}}@media (max-width: 480px){.contact-card{padding:var(--space-6)}.card-icon{width:50px;height:50px}.card-icon iconify-icon{font-size:24px}.contact-card h3{font-size:1.25rem}}.btn-loading{pointer-events:none;opacity:.7}.form-group:hover input,.form-group:hover select,.form-group:hover textarea{border-color:var(--brand-primary-light)}.form-card:focus-within{border-color:var(--brand-primary);box-shadow:0 0 30px #8b7fd91a}@media (prefers-reduced-motion: reduce){.contact-card,.contact-link,.form-group input,.form-group select,.form-group textarea{transition:none}.spinning{animation:none}}@media (prefers-contrast: high){.contact-card{border-color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{border-color:var(--color-text-secondary)}}@media (max-width: 768px){.booking-embed-container{min-height:400px;margin-left:calc(var(--space-2) * -1);margin-right:calc(var(--space-2) * -1);border-radius:0;border-left:none;border-right:none}#cal-inline-embed iframe{min-height:400px!important}.consultation-card{padding-bottom:var(--space-6)}}html{scroll-behavior:smooth}.scroll-container{width:100%;position:relative}.scroll-section{width:100%;padding:2rem 0;position:relative;min-height:auto}.scroll-section.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.scroll-section .content-section{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.scroll-section .section-title{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.animate-in,.scroll-section{opacity:1}.floating-nav{position:fixed;right:2rem;bottom:2rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:1rem}.interactive-toggle-btn{padding:.75rem;background:#8b7fd91a;border:2px solid rgba(139,127,217,.3);border-radius:50%;color:#8b7fd9;cursor:pointer;transition:all .3s ease;width:45px;height:45px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.interactive-toggle-btn:hover{background:#8b7fd94d;border-color:#8b7fd999;transform:scale(1.1)}.interactive-toggle-btn.immersive-active{background:#8b7fd9cc;border-color:#8b7fd9;color:#fff}.interactive-toggle-btn svg{width:18px;height:18px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff1a;z-index:1000}.scroll-progress-bar{height:100%;width:0%;transition:width .1s ease}.scroll-section+.scroll-section{margin-top:-1rem}.scroll-section:not(.hero-section){padding:1.5rem 0}.scroll-section:not(.hero-section) .content-section{padding:1.5rem 2rem}.hero-section .hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:1000px;margin:0 auto}@media (min-width: 768px){.hero-section .hero-content{flex-direction:row;text-align:left}}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffffb3;animation:bounce 2s infinite;z-index:2}.scroll-hint-text{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.scroll-hint-arrow{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.scroll-section:nth-child(2n) .content-section{border-radius:16px;margin:1rem auto;max-width:1100px}.scroll-section:nth-child(odd) .content-section{max-width:1000px}.scroll-section+.scroll-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px}@media (max-width: 768px){.floating-nav{right:1rem;bottom:1rem}.interactive-toggle-btn{width:40px;height:40px}.interactive-toggle-btn svg{width:16px;height:16px}.scroll-section{padding:1rem 0}.scroll-section:not(.hero-section){padding:1rem 0}.scroll-section .content-section,.scroll-section:not(.hero-section) .content-section{padding:1rem;margin:.5rem auto}.scroll-section .section-title{font-size:1.8rem;margin-bottom:1rem}.hero-section{min-height:100vh}.scroll-hint{bottom:1rem}.scroll-section:nth-child(2n) .content-section,.scroll-section:nth-child(odd) .content-section{max-width:100%;background:#8b7fd905}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.animate-in,.scroll-section,.section-title{animation:none;transition:none}.scroll-hint{animation:none}}.section-navigation{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1.2rem;align-items:center;background:#1e1e2899;-webkit-backdrop-filter:blur(2px) saturate(1) contrast(1);backdrop-filter:blur(2px) saturate(1) contrast(1);border:2px solid rgba(139,127,217,.4);border-radius:var(--radius-lg);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;padding:10px}.section-navigation .interactive-toggle-btn{padding:.75rem;background:#8b7fd933;border:2px solid rgba(139,127,217,.5);border-radius:50%;color:#8b7fd9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px;height:50px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #8b7fd94d}.section-navigation .interactive-toggle-btn:hover{background:#8b7fd966;border-color:#8b7fd9cc;transform:scale(1.1);box-shadow:0 6px 20px #8b7fd980}.section-navigation .interactive-toggle-btn.immersive-active{background:#8b7fd9e6;border-color:#8b7fd9;color:#fff;box-shadow:0 6px 24px #8b7fd999}.section-navigation .interactive-toggle-btn svg{width:20px;height:20px}.nav-separator{width:2px;height:30px;background:linear-gradient(to bottom,#8b7fd999,#8b7fd933);border-radius:2px;margin:.5rem 0}.section-nav-item{position:relative;display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-dot{width:10px;height:10px;border-radius:50%;background:#8b7fd966;border:2px solid rgba(139,127,217,.6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.section-nav-item.active .nav-dot{width:14px;height:14px;background:linear-gradient(135deg,#8b7fd9,#6b63c7);border-color:#8b7fd9;box-shadow:0 0 12px #8b7fd999,0 0 24px #8b7fd94d}.section-nav-item:hover .nav-dot{background:#8b7fd9b3;border-color:#8b7fd9e6;transform:scale(1.2)}.nav-label{position:absolute;right:100%;margin-right:1rem;padding:.5rem 1rem;background:#14141ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.3);border-radius:8px;color:#e2e8f0;font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 4px 12px #0003}.section-nav-item:hover .nav-label{opacity:1;visibility:visible;transform:translate(0)}.section-nav-item.active .nav-label{border-color:#8b7fd980;background:#8b7fd926;color:#8b7fd9}.nav-label:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgba(20,20,30,.95)}.section-nav-item.active .nav-label:after{border-left-color:#8b7fd926}@media (max-width: 768px){.section-navigation{right:auto;bottom:1.5rem;top:auto;left:50%;transform:translate(-50%);flex-direction:row;gap:1rem;align-items:center;background:#14141ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;border:1px solid rgba(139,127,217,.3);box-shadow:0 4px 20px #0000004d}.section-navigation .interactive-toggle-btn{width:45px;height:45px}.section-navigation .interactive-toggle-btn svg{width:18px;height:18px}.nav-separator{width:2px;height:25px;margin:0 .25rem}.nav-dot{width:12px;height:12px}.section-nav-item.active .nav-dot{width:16px;height:16px}.nav-label{right:auto;bottom:100%;margin-right:0;margin-bottom:1rem;left:50%;transform:translate(-50%) translateY(10px)}.section-nav-item:hover .nav-label{transform:translate(-50%) translateY(0)}.nav-label:after{right:auto;top:auto;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(20,20,30,.95)}.section-nav-item.active .nav-label:after{border-top-color:#8b7fd926}}@media (max-width: 480px){.section-navigation{gap:1rem;padding:.6rem 1.2rem}.nav-dot{width:10px;height:10px}.section-nav-item.active .nav-dot{width:14px;height:14px}.nav-label{font-size:.8rem;padding:.4rem .8rem}}.section-nav-item:focus{outline:none}.section-nav-item:focus .nav-dot{box-shadow:0 0 0 3px #8b7fd966,0 0 12px #8b7fd999}@media (prefers-reduced-motion: reduce){.nav-dot,.nav-label,.section-nav-item{transition:none}}.language-switcher{display:inline-flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#8b7fd914;border:1px solid rgba(139,127,217,.25);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;isolation:isolate}.language-switcher:hover{background:#8b7fd91f;border-color:#8b7fd959;box-shadow:0 2px 8px #8b7fd926}.language-switcher[data-animating=true]{pointer-events:none;opacity:.7}.language-switcher:before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:calc(100% - .75rem);width:2.5rem;background:linear-gradient(135deg,#8b7fd933,#8b7fd91a);border:1px solid rgba(139,127,217,.4);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0;opacity:0}.language-switcher[data-active]:before{opacity:1}.language-switcher[data-active=en]:before{left:.5rem}.language-switcher[data-active=he]:before{right:.5rem;left:auto}.language-switcher[data-active=es]:before{left:50%;transform:translate(-50%,-50%)}.lang-option{background:none;border:none;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;padding:.375rem .5rem;min-width:2rem;min-height:32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.lang-option.active{opacity:1;font-weight:700;cursor:default;color:#8b7fd9;text-shadow:0 0 8px rgba(139,127,217,.3)}.lang-option:not(.active):hover{opacity:.85;transform:scale(1.05);color:#fffffff2}.lang-option:focus-visible{outline:2px solid rgba(139,127,217,.8);outline-offset:3px;border-radius:4px;opacity:1}.lang-option:disabled{cursor:default}.lang-option.animating{cursor:wait;opacity:.6}.lang-separator{color:#ffffff40;font-weight:300;font-size:.875rem;-webkit-user-select:none;user-select:none;line-height:1;pointer-events:none}@media (max-width: 768px){.language-switcher{padding:.75rem 1rem;gap:.875rem}.lang-option{font-size:.9rem;padding:.5rem .625rem;min-height:44px;min-width:44px}.language-switcher:before{width:3rem}}@media (prefers-contrast: high){.language-switcher{border-width:2px}.lang-option.active{border:2px solid currentColor;border-radius:4px}}@media (prefers-reduced-motion: reduce){.language-switcher,.language-switcher:before,.lang-option{transition-duration:.05s}.lang-option:not(.active):hover{transform:none}}.language-switcher[data-language-count="3"]{gap:.625rem;padding:.625rem .875rem}.language-switcher[data-language-count="3"] .lang-separator{font-size:.8rem}.language-switcher[data-language-count="3"]:before{width:2.25rem}.language-switcher[data-language-count="4"]{gap:.5rem;padding:.5rem .75rem}.language-switcher[data-language-count="4"] .lang-option{min-width:1.75rem;font-size:.85rem}.language-switcher[data-language-count="4"] .lang-separator{font-size:.75rem}.language-switcher[data-language-count="4"]:before{width:2rem}.hero-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;padding:2rem 1rem}@media (min-width: 768px){.hero-content{flex-direction:row;justify-content:center;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}}.hero-avatar-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex-shrink:0}.avatar-container{position:relative;width:clamp(180px,40vw,280px);height:clamp(200px,45vw,350px);border-radius:var(--radius-xl, 1.5rem);overflow:hidden;border:3px solid var(--color-primary, #8b7fd9);box-shadow:var(--shadow-glow, 0 0 20px rgba(139, 127, 217, .4))}@media (min-width: 768px){.avatar-container{width:280px;height:350px}}.social-links{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:300px}@media (min-width: 768px){.social-links{flex-direction:row;justify-content:center}}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg, 12px);background:#8b7fd926;border:1px solid rgba(139,127,217,.3);color:var(--color-primary, #8b7fd9);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:24px}@media (max-width: 767px){.social-link{width:56px;height:56px;font-size:28px}}.social-link:hover{background:#8b7fd959;border-color:var(--color-primary, #8b7fd9);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #8b7fd966}.social-link iconify-icon{display:block;color:inherit;font-size:inherit}.hero-text-content{display:flex;flex-direction:column;gap:1rem;text-align:center;max-width:600px}@media (min-width: 768px){.hero-text-content{text-align:left}}.hero-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:var(--font-bold, 700);line-height:1.2;margin-bottom:var(--spacing-sm, 1rem);background:var(--accent-gradient, linear-gradient(135deg, #8b7fd9 0%, #6b63c7 50%, #5b52b8 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:0!important;margin-right:0!important}.hero-subtitle{font-size:clamp(1.1rem,5vw,1.5rem);color:var(--color-primary-light, #a599e5);margin-bottom:var(--spacing-md, 1rem);font-weight:var(--font-semibold, 600)}.hero-description{font-size:clamp(1rem,4vw,1.25rem);color:var(--text-secondary, #e2e8f0);line-height:1.7}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.7;animation:bounce 2s infinite}.scroll-hint-text{font-size:.875rem;color:var(--text-secondary, #e2e8f0);text-transform:uppercase;letter-spacing:.1em}.scroll-hint-arrow{width:24px;height:24px;color:var(--color-primary, #8b7fd9)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.hero-avatar{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg, 2.618rem)}@media (max-width: 500px){.hero-avatar{margin:0}}.hero-text h1{font-size:clamp(2.25rem,1.9rem + 1.75vw,3.5rem);font-weight:var(--font-bold, 700);margin-bottom:var(--spacing-sm, 1rem);background:var(--accent-gradient, linear-gradient(135deg, #8b7fd9 0%, #6b63c7 50%, #5b52b8 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text .subtitle{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);color:var(--color-primary-light, #a599e5);margin-bottom:var(--spacing-md, 1.618rem);font-weight:var(--font-semibold, 600)}.hero-text .description{font-size:clamp(1.125rem,1rem + .625vw,1.25rem);color:var(--text-secondary, #e2e8f0);margin-bottom:var(--spacing-lg, 2.618rem);line-height:1.7}.hero-actions{display:flex;gap:var(--spacing-sm, 1rem);justify-content:center;flex-wrap:wrap;width:100%}.hero-actions a{width:100%}@media (min-width: 1024px){.hero-actions{justify-content:space-evenly}}.games-section{position:relative;background:linear-gradient(135deg,rgba(var(--color-dark-rgb),.95),rgba(var(--color-darker-rgb),.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-xl) 0;margin:var(--spacing-lg) 0}.games-showcase{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-2xl);max-width:1200px;margin-left:auto;margin-right:auto}.game-card.featured{background:#1e1e28f2;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-lg);overflow:hidden;position:relative;min-height:400px;height:auto;transform-style:preserve-3d;will-change:transform;box-shadow:0 8px 32px #0006;transition:none;display:flex;flex-direction:column;cursor:pointer}.game-media{position:relative;height:240px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.game-media:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.6) 100%);z-index:3;pointer-events:none}.game-trailer{width:100%;height:100%;object-fit:fill;position:absolute;top:0;left:0;z-index:1;opacity:.9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:transform .3s ease;z-index:2!important;position:relative}.game-trailer-iframe{width:100%;height:100%!important;position:absolute;top:0;left:0;z-index:2;border:none;pointer-events:none}.game-screenshot,.game-cover-image{width:100%;height:100%!important;position:absolute;top:0;left:0;z-index:2;object-fit:fill}.game-card:hover .game-trailer-iframe,.game-card:hover .game-trailer,.game-card:hover .game-screenshot,.game-card:hover .game-cover-image{transform:scale(1.02)}.media-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);z-index:4;background:linear-gradient(transparent 0%,#0006 50%,#000c)}.game-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.game-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0}.game-genre{color:#ffffffe6;font-size:.875rem;font-weight:500;opacity:.9}.game-platforms{display:flex;gap:var(--spacing-sm);align-self:flex-end;margin-top:var(--spacing-sm);flex-wrap:wrap}.platform{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.platform svg{width:16px;height:16px;fill:currentColor}.platform iconify-icon{font-size:16px;opacity:.9}.platform.steam{border-color:#1b2838;background:#1b2838e6;color:#00adee}.platform.itch{background:#fa5c68e6;border-color:#fa5c68;color:#000}.platform.unity{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.platform.manual,.platform.web{background:#8b7fd933;border-color:#8b7fd966;color:#8b7fd9}.hover-hint{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;opacity:0;transition:opacity .3s ease;z-index:3}.game-card:hover .hover-hint{opacity:1}.game-info{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);background:#1e1e28fa}.game-info-compact{padding:var(--spacing-md);background:#1e1e28fa;flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.game-description{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.game-description-preview{font-size:.9rem;line-height:1.4;color:var(--text-secondary);margin:var(--spacing-xs) 0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.game-status-compact{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.game-status-compact.released{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.game-status-compact.development{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.game-status-compact.planning{background:#8b7fd933;color:#8b7fd9;border:1px solid rgba(139,127,217,.3)}.game-status-compact.onhold{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.games-loading,.loading-games{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-gray-light)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-primary-rgb),.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.games-error{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-light)}.error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.error-message{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--color-light)}.error-details{font-size:.9rem;color:var(--color-gray);margin-bottom:var(--spacing-md)}.retry-button{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:rgba(var(--color-primary-rgb),.8);transform:translateY(-2px)}.no-games{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-light)}.no-games-icon{font-size:4rem;margin-bottom:var(--spacing-md);color:var(--color-primary)}.steam-widget-container{margin:var(--spacing-md) 0;border-radius:var(--radius-lg);overflow:hidden;background:#1e1e28cc;border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .3s ease}.steam-widget-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.steam-widget-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#171a21,#1b2838);color:#fff;font-size:.9rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.steam-widget-header svg{color:#00adee;flex-shrink:0}.steam-widget{display:block;width:100%;height:190px;border:none;background:transparent}.itch-widget-container{margin:var(--spacing-md) 0;border-radius:var(--radius-lg);overflow:hidden;background:#281414cc;border:1px solid rgba(250,92,92,.3);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .3s ease}.itch-widget-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fa5c5c33;border-color:#fa5c5c}.itch-widget-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#3a1e1e,#4a2626);color:#fff;font-size:.9rem;font-weight:600;border-bottom:1px solid rgba(250,92,92,.2)}.itch-widget-header svg{color:#fa5c5c;flex-shrink:0}.itch-widget{display:block;width:100%;height:190px;border:none;background:transparent}@media (max-width: 768px){.games-showcase{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--spacing-md);padding:0 var(--spacing-sm)}.game-card.featured{min-height:350px;height:auto;width:80%}.game-media{height:180px}.game-title{font-size:1.1rem}.hover-hint{display:none}}@media (max-width: 480px){.games-showcase{padding:0}.game-card{min-height:300px;margin:0 var(--spacing-xs)}.game-media{height:160px}}.custom-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{font-size:2rem;margin-bottom:var(--spacing-sm);color:#fff}.placeholder-title{font-size:.9rem;font-weight:600;color:#fff}@media (min-width: 1400px){.games-showcase{grid-template-columns:repeat(2,1fr);max-width:1400px}}#employment.content-section{padding:var(--space-16) 0}#employment .container{position:relative;z-index:2}#employment .section-container{width:100%;max-width:1200px;margin:0 auto}#employment .section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;text-align:center;margin-bottom:var(--space-8);line-height:1.2;position:relative}#employment .employment-timeline{width:100%;max-width:1000px;margin:0 auto;padding:0}#employment .employment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-muted)}#employment .employment-loading-spinner{width:50px;height:50px;border:3px solid rgba(139,127,217,.2);border-top-color:var(--brand-primary);border-radius:50%;animation:employmentSpinner 1s linear infinite}#employment .employment-error{text-align:center;padding:var(--space-8);color:var(--color-error, #ff6b6b)}@keyframes employmentSpinner{to{transform:rotate(360deg)}}@media (max-width: 991px){#employment.content-section{padding:var(--space-12) 0}}@media (max-width: 768px){#employment.content-section{padding:var(--space-8) 0}#employment .section-title{margin-bottom:var(--space-6)}}@media (max-width: 479px){#employment.content-section{padding:var(--space-6) 0}}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}#bg{position:fixed;top:0;left:0;width:100%;height:100%;display:block}#bg.highlight-mode{filter:brightness(1.1)}#bg.normal-mode{filter:none}.viewport-info-panel{position:fixed;top:100px;right:20px;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-md);padding:var(--spacing-sm);font-family:monospace;font-size:.85rem;color:var(--color-light);z-index:1000;min-width:250px;display:none}.viewport-info-panel.visible{display:block}.viewport-info-panel h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-primary);font-size:1rem}.viewport-info-panel .info-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xs)}.viewport-info-panel .label{color:#fff9}.viewport-info-panel .value{color:var(--color-light);font-weight:600}.skills-3d-scene{width:100%;height:100%;position:relative}body.interactive-mode #canvas-container{pointer-events:all}body:not(.interactive-mode) #canvas-container{pointer-events:none}.three-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-light);font-size:1.2rem;z-index:10;pointer-events:none}@media (max-width: 768px){.viewport-info-panel{top:90px;right:10px;min-width:200px;font-size:.75rem}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.opacity-0{opacity:0!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}@media (max-width: 479px){.show__portraitOnly{display:flex!important}.hide__portrait{display:none!important}}@media (min-width: 480px) and (max-width: 760px){.show__landscapeDown{display:flex!important}.hide__landscape{display:none!important}}@media (min-width: 761px) and (max-width: 991px){.show__tabletDown{display:flex!important}.hide__tablet{display:none!important}}@media (min-width: 992px){.show__desktopOnly{display:flex!important}.hide__desktop{display:none!important}}@media (min-width: 480px){.show__portraitOnly{display:none!important}}@media (min-width: 761px){.show__landscapeDown{display:none!important}}@media (min-width: 992px){.show__tabletDown{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.content-section .lk-container,.hero-section .lk-container,.nav-container.lk-container{padding-left:64px;padding-right:64px}.hero-text .description{font-size:.7rem}@media (max-width: 479px){.hero-section .lk-container,.content-section .lk-container,.nav-container.lk-container{padding-left:20px;padding-right:20px}}@media (min-width: 480px) and (max-width: 760px){.hero-section .lk-container,.content-section .lk-container,.nav-container.lk-container{padding-left:32px;padding-right:32px}}@media (min-width: 761px) and (max-width: 991px){.hero-section .lk-container,.content-section .lk-container,.nav-container.lk-container{padding-left:48px;padding-right:48px}}.lk-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.lk-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d}.lk-button:active{transform:translateY(0)}.lk-card{transition:transform .3s ease,box-shadow .3s ease}.lk-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.lk-hero-card{background:linear-gradient(135deg,#0f1219fa,#141923fc 30%,#0a0f16fa 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border:2px solid rgba(139,127,217,.4);border-radius:var(--radius-lg);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;transition:all .3s cubic-bezier(.25,.8,.25,1);transform-style:preserve-3d;position:relative;overflow:hidden}.lk-container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 479px){.lk-container-responsive{max-width:100%;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (min-width: 480px) and (max-width: 768px){.lk-container-responsive{max-width:600px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media (min-width: 769px) and (max-width: 1199px){.lk-container-responsive{max-width:800px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1200px){.lk-container-responsive{max-width:900px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.lk-text-responsive{font-size:clamp(.875rem,2.5vw,1.125rem);line-height:1.6}.lk-heading-responsive{font-size:clamp(1.5rem,5vw,3rem);line-height:1.2;letter-spacing:-.025em}.lk-subheading-responsive{font-size:clamp(1rem,3vw,1.5rem);line-height:1.4}.lk-px-md{padding-left:var(--lk-space-md);padding-right:var(--lk-space-md)}.lk-responsive-padding{padding-left:64px;padding-right:64px}@media (max-width: 479px){.lk-responsive-padding{padding-left:20px;padding-right:20px}}@media (min-width: 480px) and (max-width: 760px){.lk-responsive-padding{padding-left:32px;padding-right:32px}}@media (min-width: 761px) and (max-width: 991px){.lk-responsive-padding{padding-left:48px;padding-right:48px}}@media (max-width: 479px){body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh;font-size:14px}.container,.lk-container,.nav-container,.content-section .lk-container,.hero-section .lk-container{padding-left:var(--space-4);padding-right:var(--space-4);width:100%;max-width:100%}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.125rem}#main-nav{height:70px;padding:0;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(var(--color-primary-rgb),.2);box-shadow:0 4px 20px #0000004d}.nav-container{height:70px;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.nav-actions{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10001;position:relative}.mobile-menu-toggle span{width:30px;height:3px;background:var(--brand-primary);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:1px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:translate(20px)}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)}.nav-menu{position:fixed;top:0;left:-100%;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl);gap:var(--space-4);transition:left .4s cubic-bezier(.4,0,.2,1);z-index:9999;overflow:hidden}.nav-menu.active{left:0}.nav-menu li{width:100%;max-width:300px;text-align:center}.nav-menu a{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:var(--font-medium);padding:var(--space-3) var(--space-4);width:100%;border:2px solid rgba(var(--color-primary-rgb),.2);background:rgba(var(--color-darker-rgb),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px}.nav-menu a:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.5);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3);color:var(--text-primary)}.nav-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(139,127,217,.08) 0%,transparent 60%);pointer-events:none;z-index:-1;animation:mobileMenuPulse 4s ease-in-out infinite alternate}@keyframes mobileMenuPulse{0%{opacity:.6;transform:scale(.8)}33%{opacity:.8;transform:rotate(.5deg) scale(1.1)}66%{opacity:.9;transform:rotate(-1deg) scale(.9)}}@media (max-width: 390px){.nav-menu{padding:var(--space-6)!important;gap:var(--space-3)!important}.nav-menu li{max-width:280px!important}.nav-menu a{font-size:1rem!important;padding:var(--space-2) var(--space-3)!important;min-height:40px!important}.hero-content{padding:1.5rem .5rem!important}.avatar-container{width:min(200px,70vw)!important;height:min(240px,80vw)!important}.social-links{gap:.5rem!important}.social-link{width:52px!important;height:52px!important}}.nav-logo a{font-size:1.6rem;font-weight:var(--font-bold)}.nav-toggle{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:10000;padding:0;border:none;background:none}.nav-toggle span{display:block;height:3px;width:100%;background:var(--text-primary);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-actions .btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg)}.hero-section{padding:3rem 1rem!important;min-height:auto!important}.hero-content{gap:2rem!important}.hero-avatar-card{width:100%;max-width:320px}.avatar-container{width:min(240px,60vw)!important;height:min(280px,70vw)!important}.social-links{gap:1rem!important;padding:0 1rem}.hero-title{font-size:clamp(2rem,8vw,2.5rem)!important;line-height:1.2}.hero-subtitle{font-size:clamp(1.1rem,5vw,1.3rem)!important}.hero-description{font-size:clamp(1rem,4vw,1.125rem)!important;padding:0 1rem}.game-peek-tooltip{width:250px;padding:var(--spacing-xs)}.game-peek-title{font-size:1rem}.profile-photo-container{width:150px;height:150px}.profile-glow{width:180px;height:180px}.skills-grid{grid-template-columns:1fr;padding:var(--spacing-sm)}.skills-3d-viz{height:400px}.timeline-item{gap:var(--space-4)}.timeline-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.timeline-item.enhanced{gap:var(--space-4);margin-bottom:var(--space-8)}.timeline-content-enhanced{padding:var(--space-4)}.testimonials-container{padding:0 var(--space-2)}.testimonials-grid{gap:var(--space-4)}.testimonial-card{min-height:320px}.game-full-modal{width:90vw!important;height:85vh!important;max-width:none!important;max-height:none!important}.steam-main-section,.itch-main-section{flex-direction:column}.nav-container{height:60px;padding:0 var(--space-4)}.nav-logo a{font-size:1.125rem}.hero-section{min-height:100vh;padding-top:80px;padding-bottom:var(--space-8);background:radial-gradient(ellipse at center,rgba(139,127,217,.1) 0%,transparent 50%)}.hero-content{width:calc(100% - var(--space-4) * 2);max-width:100%;margin:0 var(--space-2);padding:var(--space-6) var(--space-4);background:#1e1e28f2;-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border:2px solid rgba(139,127,217,.4);border-radius:var(--radius-lg);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933;flex-direction:column;text-align:center;gap:var(--space-6);min-height:auto}.profile-photo-container{width:100px;height:100px;border-radius:50%;border:3px solid rgba(139,127,217,.3);box-shadow:var(--shadow-glow)}.hero-text h1{font-size:clamp(1.75rem,6vw,2.5rem);text-align:center;margin-bottom:var(--space-4)}.subtitle{font-size:clamp(1rem,3vw,1.25rem);color:var(--brand-primary);text-align:center}.hero-text .description{font-size:var(--text-xs);color:#e8e8f0;text-align:center;margin-bottom:var(--space-6)}.hero-cta{flex-direction:column;width:100%;gap:var(--space-3);align-items:center}.hero-cta .btn,.hero-cta .cta-button{width:100%;max-width:250px;padding:var(--space-3) var(--space-6);border:2px solid transparent;border-radius:var(--radius-full)}.hero-cta .btn.secondary,.hero-cta .cta-button.secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.card{padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.games-showcase{grid-template-columns:1fr;gap:var(--space-4);padding:0 var(--space-2)}.game-card{margin-bottom:var(--space-4);background:#1e1e28f2;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-lg);min-height:320px}.game-media{height:180px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.game-info,.game-info-compact{padding:var(--space-3);background:#1e1e28fa}.game-title{font-size:1.125rem;color:#fff}.client-photo-featured{width:30vw}.testimonial-quote-large{font-size:var(--text-base);color:#e8e8f0;margin:0;padding:none;word-break:break-word;hyphenate-character:auto;-webkit-hyphens:auto;hyphens:auto;right:25%;width:66vw}.testimonial-quote-large:hover{transition:none;box-shadow:none;color:none;max-width:none}.skills-grid{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.skill-category{background:#1e1e28d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);padding:var(--space-4);border-radius:var(--radius-md)}.skill-badge{padding:var(--space-2) var(--space-3);background:#8b7fd91a;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-light)}.testimonial-card,.featured-testimonial{padding:var(--space-4);background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg)}.client-photo-small{width:100px;height:100px;border:2px solid rgba(139,127,217,.3)}.client-info-small{flex-direction:column;align-items:center;gap:var(--space-3)}.experience-card{padding:var(--space-4);background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.company-logo{width:40px;height:40px}.content-section,.section{padding:var(--space-12) var(--space-4);background:transparent}.games-section{background:linear-gradient(135deg,#0a0a0af2,#1a1d23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-2);margin:var(--space-4) 0}.section-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:var(--space-6);text-align:center}.grid,.lk-grid--2,.lk-grid--3,.lk-grid--4{gap:var(--space-4)}.lk-grid--2{grid-template-columns:1fr}.lk-grid--3>*,.lk-grid--4>*{flex:1 1 100%;min-width:100%}.social-links{justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.social-links a{width:44px;height:44px;border:2px solid var(--glass-border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner-3d{width:60px;height:60px}.game-full-modal{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0;top:0!important;left:0!important;transform:none!important}.modal-close-button{top:var(--space-4);right:var(--space-4);width:36px;height:36px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}footer{background:#0a0a0afa;padding:var(--space-8) var(--space-4);border-top:1px solid rgba(139,127,217,.2)}.scroll-indicator{display:none}.itch-content{padding:10px!important}.expanded-content{top:142px!important;padding:0!important}.game-full-modal{width:80vw!important;height:90vh!important;top:33px!important;left:39px!important}.itch-game-image{display:none}.steam-widget-preview,.itch-widget-preview{display:none!important}.itch-button{border:1rem aliceblue;background:var(--accent-gradient);color:#f0f8ff}}@media (min-width: 400px) and (max-width: 760px){body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.container,.lk-container,.nav-container{padding-left:var(--space-6);padding-right:var(--space-6)}.hero-content{flex-direction:column;width:calc(100% - var(--space-8) * 2);max-width:600px;padding:var(--space-8) var(--space-6);text-align:center;gap:var(--space-8);background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border:2px solid rgba(139,127,217,.4)}.profile-photo-container{width:120px;height:120px;border-radius:50%}.hero-cta{flex-direction:row;gap:var(--space-4);justify-content:flex-start}.hero-cta .btn,.hero-cta .cta-button{width:auto;min-width:140px}.games-showcase{grid-template-columns:1fr;gap:var(--space-6)}.game-media{height:200px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (hover: none) and (pointer: coarse){.btn,.cta-button,.nav-button,.social-links a{min-height:44px;min-width:44px}.card:hover{transform:none;box-shadow:none}.game-card:hover{transform:none}.btn:active,.cta-button:active{transform:scale(.98);opacity:.9}.social-links a:hover:before{transform:translateY(100%)}}@media (max-height: 600px) and (max-width: 760px){.hero-section{min-height:auto;padding:var(--space-8) var(--space-4)}.hero-content{min-height:auto}.loading-screen{padding:var(--space-4)}#main-nav,.nav-container{height:50px}}@media (max-width: 410px){.container,.hero-content{padding-left:var(--space-3);padding-right:var(--space-3)}h1,.hero-text h1{font-size:1.5rem}.profile-photo-container{width:80px;height:80px}.game-card{min-height:280px}.game-media{height:150px}.testimonial-quote-large{font-size:.875rem;right:45%;width:188%}.testimonial-quote{right:10%}.testimonial-project-info{flex-direction:column}.client-header-card{flex-direction:column;margin-bottom:none}.skills-showcase{padding:0;right:6%;width:112%}.company-logo{width:90%;height:90%}.company-info{flex-direction:row}.itch-content{padding:10px!important}.expanded-content{top:142px!important;padding:0!important}.game-full-modal{width:80vw!important;height:90vh!important;top:33px!important;left:39px!important}.itch-game-image{display:none}.steam-widget-preview,.itch-widget-preview{display:none!important}.itch-button{border:1rem aliceblue;background:var(--accent-gradient);color:#f0f8ff}}@media (min-width: 768px) and (max-width: 991px){body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh}.container,.lk-container{max-width:750px;padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}#main-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.btn{padding:var(--spacing-sm) var(--spacing-md)}.nav-menu{gap:var(--spacing-sm)}.nav-container{padding:0 var(--space-6)}.nav-logo a{font-size:var(--text-base);padding-right:2%}.hero-section{min-height:100vh;padding:var(--spacing-lg) var(--spacing-md);background:radial-gradient(ellipse at center,rgba(139,127,217,.1) 0%,transparent 50%)}.hero-content{width:100%;max-width:700px;min-height:350px;padding:var(--spacing-xl) var(--spacing-lg);flex-direction:row;align-items:center;gap:var(--spacing-lg);text-align:left}.floating-profile{flex-shrink:0;margin-bottom:0}.hero-text,.hero-text h1,.hero-text .subtitle{text-align:left}.hero-cta{flex-direction:row;gap:var(--spacing-md);justify-content:flex-start;flex-wrap:wrap}.hero-cta .cta-button{width:auto;min-width:140px;padding:var(--spacing-sm) var(--spacing-md)}.profile-photo-container{width:120px;height:120px;min-height:120px;border-radius:var(--radius-full)}.profile-photo{object-position:center}.social-links{justify-content:center}.hero-content{max-width:700px;padding:var(--space-10) var(--space-8);background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border:2px solid rgba(139,127,217,.4);border-radius:var(--radius-lg);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933;display:flex;flex-direction:row;align-items:center;gap:var(--space-8);text-align:left}.profile-photo-container{width:140px;height:140px;border-radius:50%;border:3px solid rgba(139,127,217,.3);box-shadow:var(--shadow-glow);flex-shrink:0}.hero-text{flex:1;text-align:left}.hero-text h1{font-size:clamp(2rem,5vw,3rem);text-align:left;margin-bottom:var(--space-4)}.hero-text .subtitle{font-size:1.25rem;color:var(--brand-primary);text-align:left;margin-bottom:var(--space-4)}.hero-text .description{font-size:1rem;color:#e8e8f0;text-align:left;margin-bottom:var(--space-6)}.hero-cta{flex-direction:row;gap:var(--space-4);justify-content:flex-start}.hero-cta .btn,.hero-cta .cta-button{width:auto;min-width:150px;padding:var(--space-3) var(--space-6);border:2px solid transparent;border-radius:var(--radius-full)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.games-section{background:linear-gradient(135deg,#0a0a0af2,#1a1d23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6);margin:var(--space-8) 0}.games-showcase{grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding:0 var(--space-4)}.game-card{background:#1e1e28f2;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-lg);min-height:350px}.game-media{height:200px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.game-info,.game-info-compact{padding:var(--space-4);background:#1e1e28fa}.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding:var(--space-4)}.skill-category{background:#1e1e28d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);padding:var(--space-6);border-radius:var(--radius-md)}.testimonials-grid{gap:var(--space-6)}.testimonials-grid .testimonial-card{flex:1 1 calc(50% - var(--space-3));min-width:300px}.testimonial-card{background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);padding:var(--space-6)}.experience-grid{grid-template-columns:1fr;gap:var(--space-6)}.experience-card{background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);padding:var(--space-6)}.content-section,.section{padding:var(--space-16) var(--space-6)}.section-title{font-size:2rem;margin-bottom:var(--space-8);text-align:center}.grid{gap:var(--space-6)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.social-links{gap:var(--space-4)}.social-links a{width:44px;height:44px;border:2px solid var(--glass-border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-full-modal{width:80vw;height:80vh;max-width:800px;max-height:600px;border-radius:var(--radius-lg);background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,127,217,.3)}footer{background:#0a0a0afa;padding:var(--space-12) var(--space-6);border-top:1px solid rgba(139,127,217,.2)}}@media (min-width: 992px) and (max-width: 1366px){.container{max-width:960px}.hero-content{max-width:850px;padding:var(--space-12) var(--space-10)}.profile-photo-container{width:160px;height:200px;border-radius:var(--radius-md)}.games-showcase{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh}.container,.lk-container{padding-left:var(--space-8);padding-right:var(--space-8);margin:0 auto}#main-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--space-4) 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.nav-menu{display:flex;gap:var(--space-8);background:transparent;position:static;width:auto;height:auto}.mobile-menu-toggle{display:none}.nav-actions{display:flex}.hero-section{min-height:100vh;padding:var(--space-20) var(--space-8);background:radial-gradient(ellipse at center,rgba(139,127,217,.1) 0%,transparent 50%)}.hero-content{max-width:900px;min-height:400px;padding:var(--space-2);background:#1e1e2833;-webkit-backdrop-filter:blur(2px) saturate(1) contrast(1);backdrop-filter:blur(2px) saturate(1) contrast(1);border:2px solid rgba(139,127,217,.4);border-radius:var(--radius-lg);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;display:flex;flex-direction:row;align-items:center;gap:var(--space-12);text-align:left}.profile-photo-container{width:180px;height:280px;min-height:280px;border-radius:var(--radius-md);border:3px solid rgba(139,127,217,.3);box-shadow:var(--shadow-glow);flex-shrink:0}.hero-text{flex:1;text-align:left;min-height:280px;display:flex;flex-direction:column;justify-content:center}.hero-text h1{font-size:clamp(2.5rem,4vw,3.5rem);text-align:left;margin-bottom:var(--space-6)}.hero-text .subtitle{font-size:1.375rem;color:var(--brand-primary);text-align:left;margin-bottom:var(--space-6)}.hero-text .description{font-size:1.125rem;color:#e8e8f0;text-align:left;margin-bottom:var(--space-8);line-height:1.6}.hero-cta{flex-direction:row;gap:var(--space-6);justify-content:flex-start}.hero-cta .btn,.hero-cta .cta-button{width:auto;min-width:160px;padding:var(--space-4) var(--space-8);border:2px solid transparent;border-radius:var(--radius-full)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#8b7fd94d}.games-section{background:linear-gradient(135deg,#0a0a0af2,#1a1d23fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-16) 0;margin:var(--space-12) 0}.games-showcase{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-8);max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.game-card{background:#1e1e28f2;border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-lg);min-height:400px}.game-media{height:240px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.game-info,.game-info-compact{padding:var(--space-6);background:#1e1e28fa}.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8);padding:var(--space-8)}.skill-category{background:#1e1e28d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);padding:var(--space-8);border-radius:var(--radius-md);transition:all .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8b7fd933;border-color:#8b7fd966}.testimonials-grid{gap:var(--space-8)}.testimonials-grid .testimonial-card{flex:1 1 calc(50% - var(--space-4));min-width:400px}.testimonial-card{background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);padding:var(--space-8)}.experience-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.experience-card{background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);padding:var(--space-8)}.content-section,.section{padding:var(--space-20) var(--space-8)}.section-title{font-size:2.5rem;margin-bottom:var(--space-12);text-align:center}.grid{gap:var(--space-8)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.social-links{gap:var(--space-4);margin-top:var(--space-6)}.social-links a{width:44px;height:44px;border:2px solid var(--glass-border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.25,.8,.25,1)}.social-links a:hover{color:var(--color-light)!important;border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 5px 15px #8b7fd94d;color:#000!important}.game-full-modal{width:90vw;height:90vh;max-width:1200px;max-height:900px;border-radius:var(--radius-lg);background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,127,217,.3);box-shadow:0 20px 60px #00000080}footer{background:#0a0a0afa;padding:var(--space-16) var(--space-8);border-top:1px solid rgba(139,127,217,.2)}.scroll-indicator{display:flex}}@media (min-width: 1400px){.container,.lk-container,.nav-container{max-width:1400px}.hero-content{max-width:1000px;min-height:450px;padding:var(--space-2);gap:var(--space-16)}.profile-photo-container{width:200px;height:320px;min-height:320px}.hero-text{min-height:320px}.hero-text h1{font-size:3.5rem}.games-showcase{grid-template-columns:repeat(3,1fr);max-width:1400px;gap:var(--space-10)}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1920px){.container,.lk-container{max-width:1600px}.games-showcase{grid-template-columns:repeat(4,1fr);max-width:1600px}.hero-content{max-width:1200px}}body{background:#1a1d23!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(139,127,217,.1) 0%,transparent 50%)}.profile-photo-container,.floating-profile,.profile-glow{all:unset}.avatar-container{position:relative;width:20rem;height:40rem;border-radius:9999px;overflow:hidden;border:3px solid #8B7FD9;box-shadow:0 0 20px #8b7fd966;margin-bottom:1rem}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center top}@media (max-width: 500px){.avatar-container{width:50vw;height:50vw;border-radius:50%}}.social-links{display:flex;gap:.618rem;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;transition:all .3s ease}.social-link:hover{background:#8b7fd9;color:#fff;transform:translateY(-2px)}.content-section{background:transparent;padding:4.236rem 1.618rem}#skills,#employment{background:transparent;padding:4.236rem 0}.container{width:100%;margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#1a1d23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2.618rem;color:#fff}.hero-text h1{font-size:clamp(2.25rem,1.9rem + 1.75vw,3.5rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#8b7fd9,#6b63c7,#5b52b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text .subtitle{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);color:#a599e5;margin-bottom:1.618rem;font-weight:600}.hero-text .description{font-size:clamp(1.125rem,1rem + .625vw,1.25rem);color:#e2e8f0;margin-bottom:2.618rem;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.618rem 1.618rem;border:2px solid #8B7FD9;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:#8b7fd9;color:#fff;border-color:#8b7fd9}.btn-primary:hover{background:#7165bd;border-color:#7165bd;transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d}.btn-secondary{background:transparent;color:#8b7fd9;border-color:#8b7fd9}.btn-secondary:hover{background:#8b7fd9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d}.btn-lg{padding:1rem 2.618rem;font-size:1.125rem}.App{all:unset;display:block}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#main-content{position:relative;z-index:1}.game-card,.skill-category,.timeline-content,.testimonial-card{background:#1e1e28d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,127,217,.2);border-radius:12px}.gsap-animated-section{all:unset;display:block}.game-card .game-image,.game-card .game-cover-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.game-card .game-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}.game-card .game-status{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:5}.game-card .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.status-badge.released{background:#22c55ee6;color:#fff;border-color:#22c55e4d}.status-badge.in-development,.status-badge.development{background:#fbbf24e6;color:#fff;border-color:#fbbf244d}.status-badge.planned,.status-badge.planning{background:#8b7fd9e6;color:#fff;border-color:#8b7fd94d}.status-badge.on-hold,.status-badge.onhold{background:#ef4444e6;color:#fff;border-color:#ef44444d}.status-badge.archived{background:#6b7280e6;color:#fff;border-color:#6b72804d}.game-card .tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);margin-top:var(--spacing-sm)}.game-card .tech-tag{padding:4px 10px;background:#8b7fd926;border:1px solid rgba(139,127,217,.3);border-radius:4px;font-size:.8rem;color:var(--color-primary-light);transition:all .3s ease}.game-card .tech-tag:hover{background:#8b7fd940;border-color:var(--color-primary);transform:translateY(-1px)}.game-card .game-links{display:flex;gap:var(--spacing-sm);margin-top:auto;flex-wrap:wrap}.game-card .game-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid}.game-link.steam-link{background:linear-gradient(135deg,#171a21,#1b2838);color:#00adee;border-color:#00adee}.game-link.steam-link:hover{background:linear-gradient(135deg,#1b2838,#2a475e);transform:translateY(-2px);box-shadow:0 4px 12px #00adee4d}.game-link.itch-link{background:linear-gradient(135deg,#3a1e1e,#4a2626);color:#fa5c5c;border-color:#fa5c5c}.game-link.itch-link:hover{background:linear-gradient(135deg,#4a2626,#5a3030);transform:translateY(-2px);box-shadow:0 4px 12px #fa5c5c4d}.game-link.googleplay-link{background:linear-gradient(135deg,#0f7e3c,#0b6130);color:#48d179;border-color:#48d179}.game-link.googleplay-link:hover{background:linear-gradient(135deg,#0b6130,#095024);transform:translateY(-2px);box-shadow:0 4px 12px #48d1794d}.game-link.appstore-link{background:linear-gradient(135deg,#06c,#0052a3);color:#5ac8fa;border-color:#5ac8fa}.game-link.appstore-link:hover{background:linear-gradient(135deg,#0052a3,#004182);transform:translateY(-2px);box-shadow:0 4px 12px #5ac8fa4d}.game-link.demo-link{background:linear-gradient(135deg,#2d1b69,#4527a0);color:#b388ff;border-color:#b388ff}.game-link.demo-link:hover{background:linear-gradient(135deg,#4527a0,#5e35b1);transform:translateY(-2px);box-shadow:0 4px 12px #b388ff4d}.game-link.website-link{background:#8b7fd933;color:var(--color-primary-light);border-color:var(--color-primary)}.game-link.website-link:hover{background:#8b7fd94d;transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d}.game-link iconify-icon{font-size:1.1em;display:inline-flex;align-items:center}.game-card .game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);position:relative}.game-card .game-title{flex:1;margin:0;padding-right:var(--spacing-sm)}.game-card .game-info{position:relative;z-index:1}.game-card:hover .game-image,.game-card:hover .game-video{transform:scale(1.05);transition:transform .3s ease}.games-loading,.games-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-secondary);text-align:center;min-height:400px}.games-loading .loading-spinner{width:48px;height:48px;border:3px solid rgba(139,127,217,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}@media (max-width: 768px){.games-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (min-width: 1400px){.games-grid{grid-template-columns:repeat(2,1fr)}}.game-card *{position:relative}.game-card .game-media *{position:absolute}.game-card .game-title,.game-card .game-description{text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-card .game-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:var(--spacing-sm) 0;flex-grow:1}.game-card .game-media:after{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:3;pointer-events:none}.steam-button,.itch-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.95rem;background:none;border:2px solid}.steam-button.primary,.itch-button.primary{background:linear-gradient(135deg,#171a21,#1b2838);color:#00adee;border-color:#00adee}.steam-button.primary:hover{background:linear-gradient(135deg,#1b2838,#2a475e);transform:translateY(-2px);box-shadow:0 4px 12px #00adee4d}.steam-button.secondary,.itch-button.secondary{background:#8b7fd933;color:var(--color-primary-light);border-color:var(--color-primary)}.steam-button.secondary:hover,.itch-button.secondary:hover{background:#8b7fd94d;transform:translateY(-2px);box-shadow:0 4px 12px #8b7fd94d}.itch-button.primary{background:linear-gradient(135deg,#fa5c5c,#ff6b6b);color:#fff;border-color:#fa5c5c}.itch-button.primary:hover{background:linear-gradient(135deg,#ff6b6b,#ff7979);transform:translateY(-2px);box-shadow:0 4px 12px #fa5c5c4d}.video-play-btn{position:relative;overflow:hidden}.video-play-btn:before{content:"▶";margin-right:6px;font-size:.9em}.video-play-btn:hover:before{animation:playPulse .6s ease-in-out}@keyframes playPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}[dir=rtl] .language-switcher{direction:ltr;flex-direction:row}[dir=rtl] .lang-option{text-align:center;direction:rtl}[dir=rtl] .lang-separator{direction:ltr}[dir=rtl] .section-navigation{right:auto;left:2rem}[dir=rtl] .scroll-hint-arrow,[dir=rtl] .arrow-icon{transform:scaleX(-1)}[dir=rtl] .contact-form input,[dir=rtl] .contact-form textarea,[dir=rtl] .contact-form select{text-align:start}[dir=rtl] .loading-text{text-align:center}[dir=rtl] button iconify-icon:first-child{margin-inline-end:.5rem}[dir=rtl] .contact-card,[dir=rtl] .game-card,[dir=rtl] .skill-card{text-align:start}[dir=rtl] .gsap-slide-in-left{animation-direction:normal}[dir=rtl] #bg,[dir=rtl] .spaceship-container{direction:ltr}[dir=rtl] .hero-text-content,[dir=rtl] .hero-title,[dir=rtl] .hero-subtitle,[dir=rtl] .hero-description{text-align:right}@layer reset,base,layout,components,utilities;@layer reset{html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh;overflow-x:hidden;position:relative}button,input,textarea,select{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer base{:root{--brand-primary: #8b7fd9;--brand-primary-light: #a599e9;--brand-primary-dark: #6b63c7;--brand-gradient: linear-gradient( 135deg, #8b7fd9 0%, #6b63c7 50%, #5b52b8 100% );--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1d23;--color-bg-tertiary: #232832;--color-surface: #2a2f3a;--color-text-primary: #ffffff;--color-text-secondary: #e2e8f0;--color-text-muted: #a0aec0;--color-border: rgba(255, 255, 255, .1);--color-accent: #64ffda;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3.5rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 4.5rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(139, 127, 217, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px)}@media (prefers-color-scheme: dark){:root{--glass-bg: rgba(0, 0, 0, .2)}}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0f66;border-radius:6px;border:2px solid rgba(20,20,30,.3)}::-webkit-scrollbar-thumb{background:var(--brand-gradient);border-radius:6px;border:2px solid rgba(20,20,30,.2);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a599e9,#8b7fd9,#6b63c7);border:2px solid rgba(139,127,217,.4);box-shadow:0 0 15px #8b7fd999;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#6b63c7,#5b52b8,#4a4399);box-shadow:0 0 20px #8b7fd9cc}::-webkit-scrollbar-corner{background:#0a0a0f66}html{scrollbar-width:thin;scrollbar-color:var(--brand-primary) rgba(10,10,15,.4)}@media (max-width: 768px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:4px;border:1px solid rgba(20,20,30,.2)}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 10px #8b7fd980;transform:none}}*::selection{background:#8b7fd9!important;color:var(--color-light)!important;text-shadow:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:var(--color-light)!important}*::-moz-selection{background:#8b7fd9!important;color:#000!important;text-shadow:none!important}@layer layout{.container{width:100%;margin-inline:auto;padding-inline:var(--space-4)}@media (min-width: 640px){.container{max-width:640px;padding-inline:var(--space-6)}}@media (min-width: 768px){.container{max-width:768px;padding-inline:var(--space-8)}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.section{padding-block:var(--space-16)}@media (min-width: 768px){.section{padding-block:var(--space-20)}}@media (min-width: 1024px){.section{padding-block:var(--space-24)}}}@layer components{.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .25s cubic-bezier(.4,0,.2,1);padding:0}.nav-container{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4)}.nav-logo{font-size:var(--text-xl);font-weight:var(--font-bold);background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:none;gap:var(--space-8)}@media (min-width: 768px){.nav-menu{display:flex}}.nav-menu a{position:relative;padding-block:var(--space-2);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:var(--transition-base)}.nav-menu a:hover{color:var(--color-text-primary)}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--brand-gradient);transition:var(--transition-base)}.nav-menu a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}@media (max-width: 767px){.nav-actions{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:var(--transition-base);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.btn-primary{background:var(--brand-gradient);color:var(--color-text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.btn-secondary:hover{background:var(--brand-primary);color:var(--color-text-primary);transform:translateY(-2px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.button-text{display:inline-block;margin-right:var(--space-2)}.button-icon{display:inline-block;width:16px;height:16px;vertical-align:middle}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#8b7fd94d}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(139,127,217,.1) 0%,transparent 50%)}.hero-avatar{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-8)}@media (max-width: 500px){.hero-avatar{margin:0}}.avatar-container{position:relative;width:18rem;height:31rem;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--brand-primary);box-shadow:var(--shadow-glow);margin-bottom:var(--space-4)}@media (min-width: 1024px){.avatar-container{border-radius:var(--radius-2xl)}}@media screen and (max-width: 500px){.avatar-container{width:20vh;height:50vw}}.avatar-image{width:inherit;height:inherit;object-fit:cover;object-position:center 0%}@media (min-width: 1024px){.avatar-image{object-position:center top}}.hero-text h1{font-size:var(--text-4xl);font-weight:var(--font-black);margin-bottom:var(--space-4);background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text .subtitle{font-size:var(--text-xl);color:var(--brand-primary-light);margin-bottom:var(--space-6);font-weight:var(--font-semibold)}.hero-text .description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.7}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;width:100%}.hero-actions a{width:100%}@media (min-width: 1024px){.hero-actions{justify-content:space-evenly}}.social-links{display:flex;gap:var(--space-3);justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-secondary);transition:var(--transition-base)}.social-link:hover{background:var(--brand-primary);color:var(--color-text-primary);transform:translateY(-2px)}.games-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(2,minmax(300px,1fr));width:100%;justify-content:center;align-items:start;padding:5%}@media (min-width: 640px){.games-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1024px){.games-grid{gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (min-width: 1280px){.games-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));max-width:1400px;margin:0 auto}}.games-loading,.games-grid>.flex{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-secondary)}.game-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-base);cursor:pointer;position:relative;width:100%;max-width:400px;margin:0 auto}@media (min-width: 768px){.game-card{max-width:none}}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #8b7fd94d;border-color:#8b7fd999;z-index:10}.game-media{position:relative;height:240px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.media-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);padding:var(--space-6);padding-top:var(--space-16);transform:translateY(100%);transition:transform var(--transition-base)}.game-card:hover .media-overlay{transform:translateY(0)}.game-header{margin-bottom:var(--space-3)}.game-genre{font-size:var(--text-sm);color:var(--color-accent);opacity:.9}.hover-hint{position:absolute;top:var(--space-4);right:var(--space-4);background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);opacity:0;transition:opacity var(--transition-base)}.game-card:hover .hover-hint{opacity:1;height:var(--space-10)}.game-info-compact{padding:var(--space-4);min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.game-description-preview{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-status-compact{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.game-status-compact.released{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.game-status-compact.development{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.game-status-compact.alpha,.game-status-compact.beta{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.game-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.game-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4)}.game-platforms{display:flex;gap:var(--space-2);flex-wrap:wrap}.platform-tag,.platform{padding:var(--space-1) var(--space-3);background:#8b7fd933;color:var(--brand-primary-light);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);border:1px solid rgba(139,127,217,.3);transition:var(--transition-fast)}.platform-tag:hover,.platform:hover{background:#8b7fd94d;transform:translateY(-1px)}.video-play-button{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;transition:var(--transition-base)}.video-play-button:hover{background:#00000080}.video-play-button>div{transform:scale(1);transition:transform var(--transition-base)}.video-play-button:hover>div{transform:scale(1.1)}.peek-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.peek-platform{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--brand-gradient);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.peek-platform iconify-icon{font-size:1.1em;opacity:.9}.peek-value{color:var(--color-text-primary);font-weight:var(--font-semibold)}.steam-game-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.steam-game-info{padding:var(--space-4)}.steam-game-title{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-text-primary);margin-bottom:var(--space-2)}.steam-creator{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6)}.steam-details .value{color:var(--brand-primary-light);font-weight:var(--font-semibold)}.modal-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000c!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:1000!important;opacity:0;transition:all .3s ease!important}.modal-backdrop.visible{opacity:1}.game-full-modal{position:fixed;z-index:1001;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .8s cubic-bezier(.25,.46,.45,.94);box-shadow:0 25px 50px #000c,0 0 0 1px #8b7fd933}.game-full-modal.game-expanding{transform:scale(.98);opacity:.95}.game-full-modal.expanded{left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(1)!important;width:90vw!important;height:85vh!important;max-width:1200px!important;max-height:800px!important;opacity:1!important;border-radius:var(--radius-2xl)!important}.modal-close-button{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-base);color:var(--color-text-secondary)}.modal-close-button:hover{background:#8b7fd9cc;color:var(--color-text-primary);transform:scale(1.1)}.expanded-content{width:100%;height:100%;overflow-y:auto;padding:var(--space-8);opacity:0;transition:opacity .5s ease .3s;margin-top:3%}.game-full-modal.expanded .expanded-content{opacity:1}.original-card-content{width:100%;height:100%;position:relative;transition:opacity .3s ease}.game-full-modal.expanded .original-card-content{opacity:0;pointer-events:none}.peek-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.peek-content{display:flex;flex-direction:column;gap:var(--space-4)}.peek-status{align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.peek-status.released{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.peek-status.development{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.peek-status.alpha,.peek-status.beta{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.peek-info{display:grid;gap:var(--space-3);margin:var(--space-4) 0}.peek-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.05)}.peek-label{color:var(--color-text-muted);font-size:var(--text-sm)}.peek-action{margin-top:var(--space-6);padding:var(--space-4);background:#8b7fd91a;border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);text-align:center;color:var(--brand-primary-light);font-size:var(--text-sm);font-style:italic}.steam-game-preview{display:flex;flex-direction:column;gap:var(--space-6);height:100%}.steam-game-header{display:flex;gap:var(--space-6);align-items:flex-start}.steam-game-image{flex-shrink:0;width:300px;height:auto;border-radius:var(--radius-lg);overflow:hidden;position:relative}.steam-game-image img,.steam-game-image video{width:100%;height:100%;object-fit:fill}.steam-game-info{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.steam-game-title{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-text-primary);margin:0;line-height:1.2}.steam-creator{color:var(--color-text-secondary);font-size:var(--text-base);opacity:.8}.steam-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.steam-detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.steam-detail-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.steam-detail-value{color:var(--brand-primary-light);font-weight:var(--font-semibold);text-align:right}.steam-description{margin-top:var(--space-6);padding:var(--space-6);background:#0003;border-left:3px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);line-height:1.6;font-size:var(--text-base)}.steam-widget-container{margin-top:var(--space-8);text-align:center}.steam-widget{display:inline-block;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-bg-secondary)}.itch-game-preview{display:flex;flex-direction:column;gap:var(--space-6);height:100%}.itch-game-header{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,#fa5c681a,#8b7fd91a);border-radius:var(--radius-xl);border:1px solid rgba(250,92,104,.2)}.itch-game-title{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--color-text-primary);margin-bottom:var(--space-2)}.itch-creator{color:#fa5c68;font-size:var(--text-lg);font-weight:var(--font-semibold)}.itch-widget-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.itch-widget{width:100%;max-width:600px;height:400px;border-radius:var(--radius-lg);border:2px solid rgba(250,92,104,.3);overflow:hidden}@media (max-width: 768px){.game-full-modal.expanded{width:95vw!important;height:90vh!important;border-radius:var(--radius-xl)!important}.expanded-content{padding:var(--space-4)}.steam-game-header{flex-direction:column;gap:var(--space-4)}.steam-game-image{width:100%;height:auto}.steam-details{grid-template-columns:1fr}.peek-header{flex-direction:column;gap:var(--space-2)}.peek-detail{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.steam-game-title{font-size:var(--text-2xl)}.itch-game-title{font-size:var(--text-3xl)}}.expanded-content::-webkit-scrollbar{width:6px}.expanded-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}.expanded-content::-webkit-scrollbar-thumb{background:#8b7fd980;border-radius:var(--radius-sm)}.expanded-content::-webkit-scrollbar-thumb:hover{background:#8b7fd9b3}.steam-store-preview,.itch-game-preview,.custom-game-preview{height:100%;overflow-y:auto}.steam-content,.itch-content,.custom-content{display:flex;flex-direction:column;gap:var(--space-6)}.steam-main-section,.itch-main-section,.custom-main-section{display:flex;gap:var(--space-8);align-items:flex-start}.steam-game-image,.itch-game-image,.custom-game-image{flex-shrink:0;width:23vw;height:10vh;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.steam-cover,.itch-cover,.custom-cover{width:100%;height:100%;object-fit:cover}.lerp-description{margin:var(--space-4) 0;padding:var(--space-4);background:#00000026;border-left:3px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;line-height:1.6;color:var(--color-text-secondary)}.steam-details,.itch-details,.custom-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.steam-detail,.itch-detail,.custom-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.steam-detail .label,.itch-detail .label,.custom-detail .label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.steam-detail .value,.itch-detail .value,.custom-detail .value{color:var(--brand-primary-light);font-weight:var(--font-semibold);text-align:right}.steam-tags,.itch-tags,.custom-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.steam-tag,.itch-tag,.custom-tag{padding:var(--space-1) var(--space-3);background:#8b7fd933;color:var(--brand-primary-light);border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium)}.steam-actions,.itch-actions,.custom-actions{display:flex;gap:var(--space-4);margin-bottom:55%;flex-wrap:wrap}.steam-button,.itch-button,.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-base);cursor:pointer;border:2px solid transparent}.steam-button.primary,.itch-button.primary,.custom-button.primary{background:var(--brand-gradient);color:var(--color-text-primary)}.steam-button.primary:hover,.itch-button.primary:hover,.custom-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.steam-button.secondary,.itch-button.secondary,.custom-button.secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.steam-button.secondary:hover,.itch-button.secondary:hover,.custom-button.secondary:hover{background:var(--brand-primary);color:var(--color-text-primary)}.steam-widget-preview{margin-top:var(--space-8);padding:var(--space-6);background:#0003;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.steam-widget-preview iframe{width:100%;border-radius:var(--radius-md)}.itch-widget-preview{margin-top:var(--space-8);text-align:center}.itch-widget-preview iframe{border-radius:var(--radius-lg);border:2px solid rgba(250,92,104,.3);max-width:600px;width:100%;height:400px}@media (max-width: 768px){.steam-main-section,.itch-main-section,.custom-main-section{flex-direction:column;gap:var(--space-4)}.steam-game-image,.itch-game-image,.custom-game-image{width:100%;height:auto}.steam-details,.itch-details,.custom-details{grid-template-columns:1fr}.steam-actions,.itch-actions,.custom-actions{flex-direction:column}.steam-button,.itch-button,.custom-button{width:100%;justify-content:center}}.testimonials-container{width:100%;padding-left:5%;padding-right:5%}.industry-filters{margin-bottom:var(--space-12);text-align:center}.filters-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.results-count{color:var(--brand-gradient);font-weight:var(--font-semibold);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--brand-gradient);border:1px solid rgba(139,127,217,.51);border-radius:var(--radius-md)}.filter-buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.industry-filter-btn{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#0f1219cc,#141923e6);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(139,127,217,.2);color:var(--color-text-secondary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.industry-filter-btn:hover{background:linear-gradient(135deg,#8b7fd933,#141923e6);border-color:#8b7fd966;color:var(--brand-primary-light);transform:translateY(-1px);box-shadow:0 6px 16px #8b7fd933,0 2px 8px #0006,inset 0 1px #ffffff26}.industry-filter-btn.active{background:var(--brand-gradient);border-color:var(--brand-primary);color:var(--color-text-primary);box-shadow:0 4px 12px #8b7fd94d}.featured-content{position:relative;z-index:2;padding:40px;display:flex;flex-direction:column;gap:var(--space-4)}.client-header{display:flex;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8)}.client-photo,.client-photo-featured,.client-photo-small{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(139,127,217,.5);box-shadow:0 3px 8px #8b7fd94d}.client-photo.featured,.client-photo-featured{width:17vw;height:10%}.client-initials{border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),#a599e9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;border:2px solid rgba(139,127,217,.5);box-shadow:0 3px 8px #8b7fd94d;flex-shrink:0}.client-initials-featured{width:60px;height:60px;font-size:1.2rem}.client-initials-small{width:65px;height:65px;font-size:2rem}.client-header-card{width:100%;display:flex;gap:var(--space-3);margin-bottom:var(--space-3);flex-direction:column;align-items:stretch}@media screen and (max-width: 600px){.client-header-card{flex-direction:column;align-content:center;gap:var(--space-4)}}.client-name-small h4{margin-bottom:0!important}@media screen and (max-width: 600px){.client-name-small h4{margin-bottom:0!important;align-content:center}}@media screen and (max-width: 600px){.industry-badge-small{margin:auto}}.client-name-title{display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;gap:inherit}@media screen and (max-width: 600px){.client-name-title{display:flex;flex-direction:row;gap:var(--space-1);width:100%;align-content:center}}.client-info,.client-info-small{flex:1;display:flex;justify-content:space-between;flex-direction:column;row-gap:var(--space-4)}.project-favicon-small{width:45px!important;height:45px!important}.client-name{font-size:var(--text-2xl)!important;font-weight:var(--font-bold)!important;color:var(--color-text-primary)!important;margin-bottom:var(--space-2)!important;margin-left:auto!important;margin-right:auto!important}@media screen and (max-width: 600px){.client-name{font-size:var(--text-xl)!important;align-content:center;margin-bottom:0!important}}.client-position{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.company-name{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brand-primary-light);font-weight:var(--font-semibold)}.company-favicon,.project-favicon{width:16px;height:16px;border-radius:var(--radius-sm)}.client-details{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-base)}.project-name{display:inline-flex;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#64ffda1a;color:var(--color-accent);border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-md);font-size:inherit;font-weight:var(--font-medium)}.industry-badge{padding:var(--space-1) var(--space-3);background:#8b7fd933;color:var(--brand-primary-light);border:1px solid rgba(139,127,217,.3);border-radius:var(--radius-md);font-size:inherit;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;align-content:center}@media screen and (max-width: 600px){.industry-badge{margin:auto}}.tech-stack.featured{margin:var(--space-8) 0}.tech-stack-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:var(--font-medium)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{padding:var(--space-1) var(--space-3);background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);transition:var(--transition-base)}.tech-tag:hover{background:#8b7fd933;border-color:#8b7fd94d;color:var(--brand-primary-light)}.company-link-btn.secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.company-link-btn.secondary:hover{background:var(--brand-primary);color:var(--color-text-primary)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.testimonial-card{background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border-radius:var(--radius-xl);border:2px solid rgba(139,127,217,.4);padding:var(--space-6);box-shadow:0 12px 48px #0009,0 4px 16px #8b7fd933,0 1px 4px #a599e94d,inset 0 2px #ffffff26,inset 0 -1px #8b7fd91a;position:relative;overflow:hidden;transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 16px 56px #000000b3,0 6px 20px #8b7fd94d,0 2px 6px #a599e966,inset 0 2px #fff3,inset 0 -1px #8b7fd926;border-color:#8b7fd999}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(139,127,217,.06) 0%,transparent 60%),linear-gradient(135deg,#00000014,#8b7fd908,#0000001f,#a599e908,#00000014);pointer-events:none;z-index:1}.testimonial-content{position:relative;z-index:2}.testimonial-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.testimonial-client-info{flex:1}.testimonial-client-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.testimonial-client-position{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.3}.testimonial-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.testimonial-industry-badge{padding:var(--space-1) var(--space-3);background:#8b7fd926;color:var(--brand-primary-light);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium)}.testimonial-work-again{padding:var(--space-1) var(--space-3);background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium)}.tech-stack.grid{margin-top:var(--space-4)}.tech-stack.grid .tech-stack-label{font-size:var(--text-xs);margin-bottom:var(--space-2)}.tech-stack.grid .tech-tag{font-size:.65rem;padding:2px 8px}.testimonials-loading,.testimonials-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;color:var(--color-text-secondary)}.testimonials-error{color:#f44336}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:var(--space-6)}.client-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.client-info{text-align:center}.client-details{justify-content:center}.filters-label{flex-direction:column;gap:var(--space-2)}.filter-buttons{justify-content:center}}.lk-text-center{text-align:center}.lk-mb-lg{margin-bottom:var(--space-8)}.lk-mb-xs{margin-bottom:var(--space-2)}.lk-mb-sm{margin-bottom:var(--space-4)}.lk-ml-xs{margin-left:var(--space-2)}.lk-p-md{padding:var(--space-6)}.lk-text-3xl{font-size:var(--text-3xl)}.lk-text-base{font-size:var(--text-base)}.lk-font-bold{font-weight:var(--font-bold)}.lk-font-semibold{font-weight:var(--font-semibold)}.lk-flex{display:flex}.lk-flex--items-center{align-items:center}.lk-grid{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:stretch}.lk-grid--2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.lk-card{background:linear-gradient(135deg,#0f1219f2,#141923fa 30%,#0a0f16f2 70%,#12161efa);-webkit-backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);backdrop-filter:blur(25px) saturate(1.4) contrast(1.1);border:1px solid rgba(139,127,217,.2);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0006,0 8px 16px #8b7fd926,inset 0 1px 2px #ffffff0d}.company-name-small{display:flex;flex-direction:row;padding-top:10px}.company-favicon-small{padding-right:10px}.project-name-small{display:flex;flex-direction:row;gap:var(--space-2);font-size:inherit}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center}.loading-logo{font-size:var(--text-5xl);font-weight:var(--font-black);margin-bottom:var(--space-8);background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-spinner-3d{width:80px;height:80px;margin:0 auto var(--space-6);position:relative;perspective:1000px}.cube-container{width:100%;height:100%;position:relative;transform-style:preserve-3d}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotate-cube 4s linear infinite}@keyframes rotate-cube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.face{position:absolute;width:80px;height:80px;background:#8b7fd933;border:2px solid var(--brand-primary);display:flex;align-items:center;justify-content:center}.face.front{transform:translateZ(40px)}.face.back{transform:rotateY(180deg) translateZ(40px)}.face.right{transform:rotateY(90deg) translateZ(40px)}.face.left{transform:rotateY(-90deg) translateZ(40px)}.face.top{transform:rotateX(90deg) translateZ(40px)}.face.bottom{transform:rotateX(-90deg) translateZ(40px)}.orbit-ring{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border:2px solid rgba(139,127,217,.3);border-radius:50%;animation:orbit-rotate 3s linear infinite}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4)}.progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative;margin:0 auto var(--space-2)}.progress-fill{height:100%;background:var(--brand-gradient);width:0;transition:width .3s ease;border-radius:var(--radius-full)}.progress-percent{color:var(--brand-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.game-card.featured{min-height:400px;display:flex;flex-direction:column}.game-card.featured .game-media{flex-shrink:0}.game-card.featured .game-info{flex:1;display:flex;flex-direction:column}.game-card.featured .game-description{flex:1}.game-card.featured .game-platforms{margin-top:auto}.platform.steam{background:#1b2838e6;border-color:#1b2838;color:#00adee}.platform.itch{background:#fa5c6833;border-color:#fa5c68;color:#fa5c68}.platform.unity{background:#000c;border-color:#000;color:#fff}.platform.unreal{background:#222222e6;border-color:#222;color:#fff}.platform.godot{background:#478ecc33;border-color:#478ecc;color:#478ecc}}@layer utilities{.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.my-4{margin-block:var(--space-4)}.my-6{margin-block:var(--space-6)}.my-8{margin-block:var(--space-8)}.mx-auto{margin-inline:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}@media (min-width: 768px){.md\\:block{display:block}.md\\:hidden{display:none}.md\\:text-left{text-align:left}.md\\:text-center{text-align:center}.md\\:flex-row{flex-direction:row}.md\\:gap-8{gap:var(--space-8)}}@media (min-width: 1024px){.lg\\:block{display:block}.lg\\:hidden{display:none}.lg\\:text-left{text-align:left}.lg\\:grid{display:grid}.lg\\:gap-12{gap:var(--space-12)}}.nav-toggle{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:var(--space-2)}@media (min-width: 768px){.nav-toggle{display:none}}.nav-toggle span{width:24px;height:2px;background:var(--color-text-primary);transition:var(--transition-base);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460,#0a0a0a);background-size:400% 400%;animation:gradientShift 15s ease infinite}.test-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(45deg,#8b7fd94d,#64ffda33,#8b7fd94d)!important;animation:testMove 10s ease infinite}@keyframes testMove{0%,to{transform:translate(0)}50%{transform:translate(20px)}}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.8;pointer-events:none}#bg{display:block;width:100%;height:100%}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(135deg,rgba(26,26,46,.8) 0%,rgba(22,33,62,.6) 25%,rgba(15,52,96,.4) 50%,rgba(26,26,46,.8) 75%,transparent 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;background:var(--brand-primary);border-radius:50%;opacity:.3;animation:float-particle linear infinite;box-shadow:0 0 10px var(--brand-primary)}.particle:nth-child(1){width:4px;height:4px;left:10%;animation-duration:25s;animation-delay:0s}.particle:nth-child(2){width:6px;height:6px;left:20%;animation-duration:20s;animation-delay:2s}.particle:nth-child(3){width:3px;height:3px;left:30%;animation-duration:30s;animation-delay:4s}.particle:nth-child(4){width:5px;height:5px;left:40%;animation-duration:22s;animation-delay:6s}.particle:nth-child(5){width:4px;height:4px;left:50%;animation-duration:28s;animation-delay:8s}.particle:nth-child(6){width:7px;height:7px;left:60%;animation-duration:18s;animation-delay:10s}.particle:nth-child(7){width:3px;height:3px;left:70%;animation-duration:26s;animation-delay:12s}.particle:nth-child(8){width:5px;height:5px;left:80%;animation-duration:24s;animation-delay:14s}.particle:nth-child(9){width:4px;height:4px;left:90%;animation-duration:20s;animation-delay:16s}@keyframes float-particle{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.1}90%{opacity:.1}to{transform:translateY(-100px) translate(50px) rotate(360deg);opacity:0}}.geometric-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-image:radial-gradient(circle at 25% 25%,rgba(139,127,217,.15) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(139,127,217,.1) 0%,transparent 60%),linear-gradient(135deg,transparent 30%,rgba(139,127,217,.05) 50%,transparent 70%);background-size:800px 800px,600px 600px,400px 400px;animation:geometricMove 20s ease infinite}@keyframes geometricMove{0%,to{background-position:0% 0%,100% 100%,0% 100%}33%{background-position:100% 0%,0% 100%,100% 0%}66%{background-position:0% 100%,100% 0%,0% 0%}}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-image:linear-gradient(rgba(139,127,217,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,127,217,.08) 1px,transparent 1px);background-size:100px 100px;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.aurora-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse 150% 100% at top,rgba(139,127,217,.2) 0%,transparent 70%),radial-gradient(ellipse 150% 100% at bottom,rgba(100,255,218,.15) 0%,transparent 70%);animation:auroraShift 25s ease infinite}@keyframes auroraShift{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.1);opacity:.6}}.noise-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.005) 2px,rgba(255,255,255,.005) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.005) 2px,rgba(255,255,255,.005) 4px);animation:noiseMove 8s linear infinite}@keyframes noiseMove{0%{transform:translate(0)}to{transform:translate(4px,4px)}}.animated-background,.particles-container,.geometric-background,.grid-background,.aurora-background,.noise-background{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 768px){.particles-container{display:none}.grid-background{background-size:30px 30px}.geometric-background{background-size:200px 200px,300px 300px,150px 150px}}@media (prefers-reduced-motion: reduce){.animated-background,.particles-container,.geometric-background,.grid-background,.aurora-background,.noise-background,.particle{animation:none!important}}#main-content{position:relative;z-index:10;min-height:100vh}.content-section{padding-block:var(--space-20)}@media (min-width: 768px){.content-section{padding-block:var(--space-24)}}.section-container{border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden;width:100%;margin-bottom:var(--space-8)}.section-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.section-container>*{position:relative;z-index:2}#games.content-section .section-container{display:flex;flex-direction:column;align-items:center;text-align:center}#games.content-section .games-grid{width:100%;margin-top:var(--space-8);text-align:left;justify-items:center}@media (max-width: 767px){.section-container{padding:var(--space-6);border-radius:var(--radius-xl)}}@media (min-width: 768px) and (max-width: 1023px){.section-container{padding:var(--space-10);border-radius:var(--radius-2xl)}}@media (min-width: 1024px){.section-container{padding:var(--space-12);border-radius:var(--radius-2xl)}}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-12);color:#fff;filter:drop-shadow(0 0 6px rgba(0,0,0,1))}.section-container .loading-spinner{border-top-color:var(--brand-primary)}.section-container .text-secondary{color:var(--color-text-secondary);opacity:.9}.skills-showcase{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-8)}.employment-timeline{margin-top:var(--space-8);position:relative}.section-container{transition:all var(--transition-base)}.content-section:nth-child(2) .section-container{animation:fadeInUp .8s ease-out .1s both}.content-section:nth-child(3) .section-container{animation:fadeInUp .8s ease-out .2s both}.content-section:nth-child(4) .section-container{animation:fadeInUp .8s ease-out .3s both}.content-section:nth-child(5) .section-container{animation:fadeInUp .8s ease-out .4s both}.content-section:nth-child(6) .section-container{animation:fadeInUp .8s ease-out .5s both}.will-change-transform{will-change:transform}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.immersive-mode{overflow:hidden}.immersive-mode #main-content{pointer-events:none;opacity:0;transition:opacity .4s ease-out}.immersive-mode #canvas-container{z-index:5}.immersive-mode .nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:none!important}.immersive-mode .section-nav-item{opacity:0;pointer-events:none;transition:opacity .4s ease-out}.immersive-mode .nav-separator{opacity:0;transition:opacity .4s ease-out}.immersive-active{background:var(--brand-primary)!important;color:var(--color-text-primary)!important;border-color:var(--brand-primary)!important;box-shadow:0 0 20px #8b7fd966}.animate-in{animation:fadeInUp .6s ease-out forwards}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.skills-grid.active{display:grid!important}.skills-visualization.active{display:block!important}.view-toggle button.active{background:var(--brand-primary);color:var(--color-text-primary)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.nav,.loading-screen,#canvas-container{display:none!important}body{background:#fff!important;color:#000!important}}.game-card,.skill-category,.skill-category-card,.timeline-content,.timeline-content-enhanced,.testimonial-card{display:block!important;opacity:1!important;visibility:visible!important}.games-showcase .games-grid,.skills-showcase .skills-grid{display:grid!important}.employment-timeline{display:block!important}.testimonials-grid{display:grid!important}.timeline-item{display:flex!important;opacity:1!important;visibility:visible!important}.timeline-item>*{opacity:1!important;visibility:visible!important}.timeline-marker,.timeline-marker-enhanced{display:flex!important;opacity:1!important;visibility:visible!important}.timeline-line,.timeline-line-3d,.timeline-date,.timeline-company,.timeline-role,.timeline-description,.experience-section,#employment,.employment-section{display:block!important;opacity:1!important;visibility:visible!important}.timeline-item.enhanced,.timeline-content-enhanced,.timeline-marker-enhanced{display:flex!important;opacity:1!important;visibility:visible!important}.game-card{display:block!important;opacity:1!important;visibility:visible!important}.game-media{display:block!important;opacity:1!important;visibility:visible!important;position:relative!important}.game-info{display:flex!important;flex-direction:column!important;opacity:1!important;visibility:visible!important}.game-title,.game-description,.game-trailer,.game-screenshot,.skill-category,.testimonial-card{display:block!important;opacity:1!important;visibility:visible!important}