:root{--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--content-padding-desktop: var(--spacing-3xl);--content-padding-tablet: var(--spacing-2xl);--content-padding-mobile: var(--spacing-lg);--content-padding-small: var(--spacing-md);--content-max-width: 1200px;--container-max-width: 1400px;--navbar-height: 80px;--navbar-padding: var(--spacing-lg);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--color-primary: #cc5500;--color-primary-hover: #b84700;--color-primary-light: #e6661a;--color-primary-dark: #993f00;--color-primary-alpha-10: rgba(204, 85, 0, .1);--color-primary-alpha-20: rgba(204, 85, 0, .2);--color-orange: #cc6633;--color-orange-hover: #e67a4d;--color-orange-glow: rgba(204, 102, 51, .6);--color-orange-glow-light: rgba(204, 102, 51, .4);--color-white: #fefefe;--color-grey-50: #f8f9fa;--color-grey-100: #f1f3f4;--color-grey-200: #e8eaed;--color-grey-300: #dadce0;--color-grey-400: #9aa0a6;--color-grey-500: #6b7280;--color-grey-600: #4f545c;--color-grey-700: #3c4043;--color-grey-800: #2d3134;--color-grey-900: #1f2125;--color-black: #1a1a1c;--color-success: #16a34a;--color-success-light: #22c55e;--color-warning: #eab308;--color-warning-light: #fbbf24;--color-error: #dc2626;--color-error-light: #ef4444;--color-info: #2563eb;--color-info-light: #3b82f6;--color-text-primary: var(--color-grey-900);--color-text-secondary: var(--color-grey-600);--color-text-muted: var(--color-grey-500);--color-text-inverse: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-grey-50);--color-bg-tertiary: var(--color-grey-100);--color-bg-inverse: var(--color-grey-900);--color-bg-navbar: #252121;--color-bg-navbar-mobile: #333333;--color-bg-overlay: rgba(0, 0, 0, .4);--color-bg-glass: rgba(255, 255, 255, .02);--color-bg-glass-hover: rgba(255, 255, 255, .1);--color-border-light: var(--color-grey-200);--color-border-medium: var(--color-grey-300);--color-border-dark: var(--color-grey-400);--color-border-glass: rgba(255, 255, 255, .05);--color-border-glass-hover: rgba(255, 255, 255, .2);--color-border-hero: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-hero: 0 4px 20px rgba(0, 0, 0, .3);--shadow-text-light: 1px 1px 2px rgba(0, 0, 0, .7);--shadow-text-strong: 2px 2px 4px rgba(0, 0, 0, .7);--shadow-orange-glow: 0 0 15px var(--color-orange-glow), 0 0 25px var(--color-orange-glow-light);--shadow-primary-glow: 0 0 20px var(--color-primary-alpha-10);--shadow-glass-glow: 0 0 15px rgba(255, 255, 255, .05);--font-headline: "Mozilla Headline", serif;--font-body: "Open Sans", system-ui, Avenir, Helvetica, Arial, sans-serif}.section-heading{font-family:var(--font-headline);font-size:2.75rem;font-weight:500;color:var(--color-text-inverse);margin:var(--spacing-4xl) 0 var(--spacing-2xl) 0;position:relative;line-height:1.2}.section-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:2px}@media (max-width: 768px){.section-heading{font-size:2rem;margin:var(--spacing-3xl) 0 var(--spacing-xl) 0}.section-heading:after{width:50px;height:2px}}@media (max-width: 480px){.section-heading{font-size:1.75rem;margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.section-heading:after{width:40px}}:root{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{position:relative;background:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#3c3c141a,#5050001a),url(data:image/png;base64,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);background-repeat:repeat;background-size:auto;filter:blur(.5px);opacity:.6}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{display:flex;position:-webkit-sticky;position:sticky;top:0;justify-content:space-between;align-items:center;background-color:var(--color-bg-navbar, #252121);color:var(--color-text-inverse, #ffffff);padding:var(--navbar-padding, 1rem);margin-top:0;width:100%;box-sizing:border-box;height:var(--navbar-height, 80px);z-index:var(--z-fixed, 1030)}.navbar-left{display:flex;align-items:center;gap:var(--spacing-2xl)}.navbar-left .logo{font-size:2rem;font-weight:700;color:var(--color-orange);text-decoration:none;transition:all var(--transition-normal)}.navbar-left .logo:hover{color:var(--color-orange-hover);text-shadow:var(--shadow-orange-glow)}.nav-links{list-style-type:none;display:flex;margin:0;padding:0;gap:var(--spacing-lg)}.nav-links li{margin:0}.nav-links a{color:var(--color-text-inverse);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--color-bg-glass);border:1px solid var(--color-border-glass);transition:all var(--transition-normal)}.nav-links a:hover{color:var(--color-text-inverse);background-color:var(--color-bg-glass-hover);border-color:var(--color-border-glass-hover);box-shadow:var(--shadow-glass-glow)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.hamburger span{width:25px;height:3px;background-color:var(--color-text-inverse);margin:3px 0;transition:.3s}@media (max-width: 768px){.hamburger{display:flex!important}.nav-links{display:flex;position:absolute;top:100%;left:0;width:100%;background-color:var(--color-bg-navbar-mobile, #333333);flex-direction:column;padding:var(--spacing-lg, 1rem) 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal, .3s ease);z-index:var(--z-dropdown, 1000);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15))}.nav-links-open{display:flex!important;transform:translateY(0);opacity:1;visibility:visible}.nav-links li{text-align:center;padding:var(--spacing-sm, .5rem) 0}.nav-links a{display:block;padding:var(--spacing-lg, 1rem) var(--spacing-xl, 1.5rem);margin:0;border-radius:0;border:none;background-color:transparent}.nav-links a:hover{background-color:var(--color-bg-glass-hover, rgba(255, 255, 255, .1));box-shadow:none}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.navbar-right{display:flex;align-items:center}.navbar-right .cart-icon,.navbar-right .user-icon{color:var(--color-text-inverse);text-decoration:none;margin-left:1rem;position:relative}.navbar-right .cart-count{background-color:var(--color-error);color:var(--color-text-inverse);border-radius:50%;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:-.5rem;right:-.5rem}.content{min-height:calc(100vh - var(--navbar-height));width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-1xl) var(--spacing-xl);display:flex;flex-direction:column;box-sizing:border-box}@media (max-width: 1024px){.content{padding:var(--spacing-2xl) var(--content-padding-tablet)}}@media (max-width: 768px){.content{padding:var(--spacing-lg) var(--content-padding-mobile)}}@media (max-width: 480px){.content{padding:var(--spacing-md) var(--content-padding-small)}}.hero{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpaperaccess.com%2Ffull%2F49828.jpg&f=1&nofb=1&ipt=cb378ee2b729758da3e971f36e853c172bf4e3fba95ef98c04fb642785ef0232);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-grey-100);padding:calc(var(--spacing-4xl) * 2.2) 0;margin:0;margin-bottom:calc(var(--spacing-4xl) * 2);border-radius:0;box-shadow:var(--shadow-hero);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;border-top:2px solid var(--color-border-hero);border-bottom:2px solid var(--color-border-hero);border-radius:var(--radius-lg);pointer-events:none}.hero-content{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding-desktop);display:flex;align-items:center;gap:calc(var(--spacing-4xl) * 1.5);position:relative;z-index:1}.hero-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3xl);margin-right:var(--spacing-2xl)}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.1;margin:0;color:var(--color-white);text-shadow:var(--shadow-text-strong);text-align:left}.hero-subtitle{font-size:1rem;line-height:1.6;color:var(--color-grey-300);margin:0;text-shadow:var(--shadow-text-light);text-align:left}.hero-image{flex:0 0 400px;height:400px;border-radius:50%;border:3px solid var(--color-primary);filter:blur(.3px);box-shadow:0 0 30px var(--color-primary-alpha-20),0 0 60px #cc55001a,0 8px 25px #00000026;object-fit:cover}@media (max-width: 900px){.hero{margin:0;padding:var(--spacing-3xl) 0}.hero-content{padding:0 var(--content-padding-tablet);flex-direction:column;text-align:center;gap:var(--spacing-2xl)}.hero-text{text-align:center}.hero-title{font-size:2.2rem;text-align:center}.hero-subtitle{font-size:1rem;text-align:center}.hero-image{flex:0 0 300px;height:300px}.hero-text{margin-right:0}}@media (max-width: 768px){.hero{margin:0;padding:var(--spacing-2xl) 0}.hero-content{padding:0 var(--content-padding-mobile);flex-direction:column;text-align:center;gap:var(--spacing-xl)}.hero-title{font-size:2rem;text-align:center}.hero-subtitle{font-size:.95rem;text-align:center}.hero-image{flex:0 0 250px;height:250px}}@media (max-width: 480px){.hero{margin:0}.hero-content{padding:0 var(--content-padding-small)}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.hero-image{flex:0 0 200px;height:200px}}.project-item{background:var(--color-bg-secondary);border-radius:12px;box-shadow:var(--shadow-md),0 0 0 3px transparent;overflow:hidden;cursor:pointer;transition:var(--transition-normal);display:flex;flex-direction:column;max-width:350px;border:2px solid var(--color-border-light)}.project-item:hover{border:2px solid var(--color-primary);box-shadow:var(--shadow-md),0 0 0 3px var(--color-primary-alpha-10),var(--shadow-primary-glow)}.project-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--color-border-light)}.project-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:var(--color-text-primary);line-height:1.4}.project-description{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.6;flex-grow:1;font-size:.9rem}.project-link{color:var(--color-primary);font-weight:500;font-size:.9rem;align-self:flex-start;transition:color .2s ease}.project-item:hover .project-link{color:var(--color-primary-hover)}