@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}*{box-sizing:border-box}.static{position:static}.mb-4{margin-bottom:1rem}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.text-left{text-align:left}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:opacity-70:hover{opacity:.7}@media (min-width: 768px){.md\:text-right{text-align:right}}.hero-heading{font-size:40px;font-weight:500;line-height:1.2;margin:0}.stats-number{font-size:48px;font-weight:600;line-height:1;margin:0}.stats-label{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.project-name,.nav-logo{font-size:22px;font-weight:400}.nav-link{font-size:16px;font-weight:400}.body-text{font-size:16px;font-weight:400;line-height:1.6}.intro-text{font-size:16px;font-weight:400;line-height:1.6;color:#9ca3af}.scroll-indicator{font-size:12px;font-weight:400;color:#6b7280}.section-padding{padding:80px 24px}.project-grid,.photo-grid{gap:32px}.project-card-link{text-decoration:none;color:inherit;display:block}.project-detail{min-height:100vh;padding-top:80px;overflow-x:hidden}.project-hero,.project-main-image,.project-section,.project-images{will-change:transform}@media (max-width: 768px){.project-hero,.project-section,.section-title,.section-content,.project-title,.project-description,.project-category,.meta-label,.meta-value{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden}.project-hero-content,.project-section{transform:translateZ(0)}}.back-button{display:flex;align-items:center;gap:8px;padding:24px;background:none;border:none;cursor:pointer;font-size:14px;color:inherit;transition:opacity .3s ease}.back-button:hover{opacity:.6}.project-hero{padding:60px 24px;max-width:900px;margin:0 auto}.project-hero-content{text-align:center}.project-category{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:#6b7280;margin-bottom:16px}.project-title{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:24px}.project-description{font-size:18px;line-height:1.6;color:#9ca3af;margin-bottom:48px}.project-meta{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.project-meta-item{display:flex;flex-direction:column;align-items:center;gap:8px}.meta-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#6b7280}.meta-value{font-size:16px;font-weight:500}.project-main-image{width:100%;max-width:900px;margin:0 auto 80px;padding:0 24px;overflow:hidden}.project-main-image-wrapper{width:100%;height:auto;overflow:hidden;border-radius:8px}.project-main-image-wrapper img,.project-main-image img{width:100%;height:auto;max-height:600px;-o-object-fit:contain;object-fit:contain;display:block}@media (min-width: 768px){.project-main-image{max-width:1000px}.project-main-image img{max-height:700px}}@media (min-width: 1024px){.project-main-image{max-width:1200px}.project-main-image img{max-height:800px}}.project-section{max-width:900px;margin:0 auto 80px;padding:0 24px}@media (min-width: 768px){.project-section{max-width:1000px}}@media (min-width: 1024px){.project-section{max-width:1200px}}.section-title{font-size:32px;font-weight:500;margin-bottom:24px}.section-content{font-size:16px;line-height:1.8;color:#9ca3af}.project-images{max-width:900px;margin:0 auto 80px;padding:0 24px;display:grid;gap:40px}.project-image{overflow:hidden;border-radius:8px}.project-image-wrapper{width:100%;height:auto;overflow:hidden;border-radius:8px}.project-image-wrapper img,.project-image img{width:100%;height:auto;max-height:600px;-o-object-fit:contain;object-fit:contain;display:block}@media (min-width: 768px){.project-images{max-width:1000px}.project-image img{max-height:700px}}@media (min-width: 1024px){.project-images{max-width:1200px}.project-image img{max-height:800px}}.tools-list{display:flex;flex-wrap:wrap;gap:12px}.tool-tag{padding:8px 16px;background:#ffffff0d;border-radius:20px;font-size:14px;border:1px solid rgba(255,255,255,.1)}.results-list{list-style:none;padding:0;margin:0}.results-list li{font-size:16px;line-height:1.8;color:#9ca3af;padding-left:24px;position:relative;margin-bottom:16px}.results-list li:before{content:"→";position:absolute;left:0}.project-navigation{max-width:800px;margin:0 auto 80px;padding:0 24px;text-align:center}.view-all-projects{padding:16px 32px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;color:inherit;cursor:pointer;transition:all .3s ease}.view-all-projects:hover{background:#ffffff0d;border-color:#fff6}.contact-section{padding:80px 24px;max-width:800px;margin:0 auto}.contact-content{text-align:center}.contact-title{font-size:40px;font-weight:500;margin-bottom:16px}.contact-description{font-size:16px;line-height:1.6;color:#9ca3af;margin-bottom:48px}.contact-links{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.contact-link-item{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease}.contact-link-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.contact-page{min-height:100vh;padding-top:80px}.contact-page-hero{text-align:center;padding:60px 24px;max-width:800px;margin:0 auto}.contact-page-title{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:16px}.contact-page-subtitle{font-size:18px;line-height:1.6;color:#9ca3af}.contact-page-content{max-width:1200px;margin:0 auto;padding:0 24px 80px;display:grid;gap:60px}.contact-page-info{padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px}.contact-info-title{font-size:28px;font-weight:500;margin-bottom:16px}.contact-info-text{font-size:16px;line-height:1.6;color:#9ca3af;margin-bottom:32px}.contact-info-links{display:flex;flex-direction:column;gap:20px}.contact-info-link{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;color:inherit;transition:all .3s ease}.contact-info-link:hover{background:#ffffff0d;border-color:#fff3;transform:translate(4px)}.contact-info-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-bottom:4px}.contact-info-value{font-size:16px;font-weight:400}.contact-page-form{padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px}.contact-form-title{font-size:28px;font-weight:500;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:400;margin-bottom:8px;color:#9ca3af}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;color:inherit;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.form-group textarea{resize:vertical;min-height:120px}.submit-button{display:flex;align-items:center;gap:8px;padding:16px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;color:inherit;font-family:inherit;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.submit-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-center{display:flex;gap:32px;margin-left:auto}.nav-right{display:flex;align-items:center;gap:16px}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;color:inherit;padding:8px}.mobile-menu{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=light] .mobile-menu{border-top:1px solid rgba(0,0,0,.1);background:#fffc}.mobile-menu-content{padding:24px}.mobile-menu-links{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .mobile-menu-links{border-bottom:1px solid rgba(0,0,0,.1)}.mobile-nav-link{font-size:18px;font-weight:400;color:inherit;text-decoration:none;padding:12px 0;transition:opacity .3s ease}.mobile-nav-link:hover{opacity:.7}.mobile-menu-controls{display:flex;flex-direction:column;gap:16px}.mobile-control-group{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.mobile-control-label{font-size:16px;font-weight:500}@media (max-width: 768px){.nav-desktop{display:none!important}.mobile-menu-button{display:flex;align-items:center;justify-content:center}}.language-toggle{display:flex;align-items:center;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .3s ease}.language-toggle:hover{background:#ffffff1a;border-color:#fff3}.language-toggle-content{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.lang-option{opacity:.5;transition:opacity .2s ease}.lang-option.active{opacity:1}.lang-separator{opacity:.3}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}.cursor-dot{width:8px;height:8px;background:#fffc;border-radius:50%}.cursor-outline{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:50%}@media (max-width: 768px){.cursor-dot,.cursor-outline{display:none}}.skills-section{padding:80px 24px;max-width:1200px;margin:0 auto}.skills-container{width:100%}.skills-title{font-size:40px;font-weight:500;text-align:center;margin-bottom:48px}.skills-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:48px;flex-wrap:wrap}.skill-tab{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;color:inherit;cursor:pointer;transition:all .3s ease;font-family:inherit}.skill-tab:hover{background:#ffffff14;border-color:#fff3}.skill-tab.active{background:#ffffff1a;border-color:#ffffff4d}.skills-grid{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-item{padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skill-name{font-size:16px;font-weight:500}.skill-percentage{font-size:14px;color:#9ca3af}.skill-bar{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);border-radius:3px}.experience-section{padding:80px 24px;max-width:1200px;margin:0 auto}.experience-container{width:100%}.experience-title{font-size:40px;font-weight:500;text-align:center;margin-bottom:60px}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline-item{position:relative;padding-left:60px;margin-bottom:60px}.timeline-item:last-child{margin-bottom:0}.timeline-content{position:relative}.timeline-icon-wrapper{position:absolute;left:-60px;top:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:50%;z-index:2}.timeline-icon{width:20px;height:20px}.timeline-item.award .timeline-icon-wrapper{background:#ffd7001a;border-color:#ffd7004d}.timeline-item.app-release .timeline-icon-wrapper{background:#ffd70026;border-color:#ffd70080}.timeline-item.app-release .timeline-icon,.timeline-item.app-release .timeline-role{color:gold}.timeline-line{position:absolute;left:-41px;top:50px;width:2px;height:calc(100% + 20px);background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent)}.timeline-item:last-child .timeline-line{display:none}.timeline-year{display:inline-block;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-bottom:8px}.timeline-role{font-size:24px;font-weight:500;margin-bottom:8px}.timeline-company{font-size:18px;font-weight:400;color:#9ca3af;margin-bottom:12px}.timeline-description{font-size:16px;line-height:1.6;color:#9ca3af;margin-bottom:16px}.timeline-achievements{list-style:none;padding:0;margin:16px 0 0}.timeline-achievements li{font-size:14px;line-height:1.6;color:#9ca3af;padding-left:20px;position:relative;margin-bottom:8px}.timeline-achievements li:before{content:"•";position:absolute;left:0;color:#ffffff4d}@media (max-width: 768px){.timeline-item{padding-left:40px}.timeline-icon-wrapper{left:-40px;width:32px;height:32px}.timeline-icon{width:16px;height:16px}.timeline-line{left:-25px}.timeline-role{font-size:20px}.timeline-company{font-size:16px}}[data-theme=dark]{--bg-primary: #0A0A0A;--bg-secondary: #111111;--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--border-color: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--text-primary: #111827;--text-secondary: #6B7280;--border-color: rgba(0, 0, 0, .1)}body{background-color:var(--bg-primary, #0A0A0A);color:var(--text-primary, #FFFFFF)}[data-theme=light] .cursor-dot{background:#000c}[data-theme=light] .cursor-outline{border-color:#0000004d}[data-theme=light] .skill-progress{background:linear-gradient(90deg,#0000004d,#0000001a)}.articles-page{min-height:100vh;padding:80px 24px}.page-container{width:100%}.articles-header{text-align:center;max-width:800px;margin:0 auto 60px}.articles-title{font-size:48px;font-weight:500;line-height:1.2;margin-bottom:16px}.articles-subtitle{font-size:18px;line-height:1.6;color:#9ca3af}.articles-grid{display:grid;gap:40px;max-width:1200px;margin:0 auto;grid-template-columns:1fr}@media (min-width: 768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.article-card-wrapper{width:100%}.article-card-link{text-decoration:none;color:inherit;display:block}.article-card{height:100%;display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.article-card:hover{transform:translateY(-4px);border-color:#fff3;background:#ffffff0a}.article-image{width:100%;height:240px;overflow:hidden;background:#ffffff0d}.article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:24px;flex:1;display:flex;flex-direction:column}.article-meta{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:#6b7280}.article-date,.article-read-time{display:flex;align-items:center;gap:6px}.article-title{font-size:20px;font-weight:500;line-height:1.3;margin-bottom:12px}.article-description{font-size:14px;line-height:1.6;color:#9ca3af;margin-bottom:16px;flex:1}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.article-tag{padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;color:#9ca3af}.article-read-more{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:inherit;margin-top:auto}[data-theme=light] .article-card{background:#00000005;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .article-card:hover{background:#0000000a;border-color:#0003}[data-theme=light] .article-image{background:#0000000d}[data-theme=light] .article-tag{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#6b7280}.project-screens-section{max-width:900px;margin:80px auto;padding:0 24px}@media (min-width: 768px){.project-screens-section{max-width:1000px}}@media (min-width: 1024px){.project-screens-section{max-width:1200px}}.screens-title{text-align:center;margin-bottom:80px}.project-screens{display:flex;flex-direction:column;gap:100px}.screen-feature{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width: 1024px){.screen-feature{grid-template-columns:1fr 1fr;gap:80px}.screen-feature:nth-child(2n) .screen-image-container{order:2}.screen-feature:nth-child(2n) .screen-content{order:1}}.screen-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding:20px}.screen-image-container:has(.device-frame){padding:0}.screen-image{width:100%;max-width:400px;height:auto;border-radius:12px;box-shadow:0 20px 60px #0000004d;transition:transform .3s ease}.screen-image:hover{transform:translateY(-8px)}.device-frame-content .screen-image{max-width:none;border-radius:0;box-shadow:none}.device-frame-content .screen-image:hover{transform:none}.iphone-content .screen-image{max-width:none;border-radius:0;box-shadow:none;-o-object-fit:cover;object-fit:cover}.iphone-content .screen-image:hover{transform:none}.screen-content{display:flex;flex-direction:column;gap:32px}.screen-title{font-size:28px;font-weight:500;line-height:1.3;margin:0}.screen-detail{display:flex;flex-direction:column;gap:12px}.screen-detail-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#6b7280;margin:0}.screen-detail-text{font-size:16px;line-height:1.8;color:#9ca3af;margin:0}@media (min-width: 768px){.screen-title{font-size:32px}.screen-detail-text{font-size:17px}.project-title{font-size:64px}.project-description{font-size:20px}.section-title{font-size:40px}.section-content{font-size:18px}.contact-title{font-size:56px}.contact-description{font-size:18px}.contact-page-title{font-size:64px}.contact-page-subtitle{font-size:20px}.contact-page-content{grid-template-columns:1fr 1fr;gap:40px}.skills-title,.experience-title{font-size:56px}.articles-title{font-size:64px}.articles-subtitle{font-size:20px}}.redesign-notice-section{max-width:900px;margin:80px auto;padding:0 24px}.redesign-notice{display:flex;align-items:center;gap:16px;padding:24px 32px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;margin-bottom:48px}.notice-icon{flex-shrink:0;color:#ffc107}.notice-text{font-size:16px;line-height:1.6;color:#9ca3af;margin:0}.suggested-projects{margin-top:48px}.suggested-projects-title{font-size:24px;font-weight:500;margin-bottom:32px;text-align:center}.suggested-projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.suggested-projects-grid{grid-template-columns:repeat(2,1fr)}}.suggested-project-card{display:block;text-decoration:none;color:inherit;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.suggested-project-card:hover{transform:translateY(-4px);border-color:#fff3;background:#ffffff0a}.suggested-project-image{width:100%;height:240px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center;padding:20px}.suggested-project-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.suggested-project-card:hover .suggested-project-image img{transform:scale(1.05)}.suggested-project-info{padding:20px}.suggested-project-name{font-size:20px;font-weight:500;margin:0 0 8px}.suggested-project-category{font-size:14px;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:1px}[data-theme=light] .redesign-notice{background:#ffc10726;border-color:#ffc10766}[data-theme=light] .notice-icon{color:#f57c00}[data-theme=light] .suggested-project-card{background:#00000005;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .suggested-project-card:hover{background:#0000000a;border-color:#0003}[data-theme=light] .suggested-project-image{background:#0000000d}:root{--black: rgb(0, 0, 0);--black-80: rgba(0, 0, 0, .8);--white: rgb(255, 255, 255);--gray-light: rgb(184, 184, 184);--gray-accent: rgb(138, 173, 186);--card-bg: rgb(163, 169, 173);--link-blue: rgb(0, 0, 238);--font-xs: 12px;--font-base: 16px;--font-lg: 22px;--font-xl: 40px;--font-2xl: 48px;--gap-sm: 24px;--gap-md: 32px;--gap-lg: 40px;--gap-xl: 48px;--gap-2xl: 80px;--page-margin: 160px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 35px;--shadow-soft: rgba(0, 0, 0, .17) 0px .602187px 1.56569px -1.5px, rgba(0, 0, 0, .05) 0px 2px 5.5px -3px, rgba(0, 0, 0, .02) 0px 10px 26px -4.5px;--shadow-hover: 0 4px 20px rgba(0, 0, 0, .25)}body{background:var(--bg-primary, var(--black));color:var(--text-primary, var(--white));margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s ease,color .3s ease}.navigation{position:fixed;top:0;width:100%;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px var(--page-margin) 20px;z-index:50;transition:background-color .3s ease;height:73px}[data-theme=light] .navigation{background:#fffc;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width: 1024px){.navigation{padding:20px 40px}}@media (max-width: 768px){.navigation{padding:20px}}@media (max-width: 480px){.navigation{padding:16px;height:65px}}.nav-logo{font-size:var(--font-lg);font-weight:500}.nav-link{font-size:var(--font-base);font-weight:400;transition:color .3s ease}.nav-link:hover{color:var(--gray-light)}.hero{min-height:100vh;padding:120px var(--page-margin) 40px;display:flex;align-items:center;position:relative}@media (max-width: 1024px){.hero{padding:110px 40px 40px}}@media (max-width: 768px){.hero{padding:100px 20px 50px}}@media (max-width: 640px){.hero{padding:80px 20px 60px}}@media (max-width: 480px){.hero{padding:75px 16px 55px}}.hero-content{max-width:100%;width:100%;display:flex;flex-direction:column;gap:min(var(--gap-2xl),80px)}@media (max-width: 640px){.hero-content{gap:45px}}@media (max-width: 480px){.hero-content{gap:40px}}.hero-intro{font-size:18px;font-weight:400;color:var(--gray-light);line-height:1.6;max-width:480px;margin:0}@media (max-width: 640px){.hero-intro{font-size:16px;max-width:100%}}@media (max-width: 480px){.hero-intro{font-size:15px}}.hero-heading{font-size:var(--font-xl);font-weight:500;line-height:1.2;margin:0}.hero-heading-accent{color:var(--gray-accent)}@media (min-width: 768px){.hero-heading{font-size:60px}}@media (min-width: 1024px){.hero-heading{font-size:80px}}.stats-container{display:flex;gap:54px;flex-wrap:wrap;margin:0}@media (max-width: 768px){.stats-container{gap:24px;flex-wrap:nowrap}}@media (max-width: 640px){.stats-container{gap:20px;flex-wrap:nowrap}}@media (max-width: 480px){.stats-container{gap:16px;flex-wrap:nowrap}}.stat-item{display:flex;flex-direction:column;gap:0}@media (max-width: 768px){.stat-item{min-width:auto}}.stat-number{font-size:var(--font-2xl);font-weight:600;line-height:1;margin:0}@media (max-width: 768px){.stat-number{font-size:32px}}@media (max-width: 640px){.stat-number{font-size:28px}}@media (max-width: 480px){.stat-number{font-size:24px}}.stat-label{font-size:var(--font-xs);font-weight:600;color:var(--gray-accent);text-transform:uppercase;letter-spacing:1px;margin:4px 0 0}@media (max-width: 768px){.stat-label{font-size:10px;letter-spacing:.5px}}@media (max-width: 640px){.stat-label{font-size:9px}}@media (max-width: 480px){.stat-label{font-size:8px}}.scroll-indicator{position:absolute;bottom:32px;right:var(--page-margin);font-size:14px;color:var(--gray-accent);text-align:right;line-height:1.6}@media (max-width: 1024px){.scroll-indicator{right:40px}}@media (max-width: 768px){.scroll-indicator{right:20px;font-size:13px}}@media (max-width: 640px){.scroll-indicator{bottom:40px}}@media (max-width: 480px){.scroll-indicator{right:16px;bottom:35px;font-size:12px}}.projects-section{padding:var(--gap-2xl) var(--page-margin) 0;margin-bottom:var(--gap-lg)}@media (max-width: 1024px){.projects-section{padding:70px 40px 0}}@media (max-width: 768px){.projects-section{padding:60px 20px 0}}@media (max-width: 640px){.projects-section{padding:55px 20px 0}}@media (max-width: 480px){.projects-section{padding:50px 16px 0}}.projects-header{font-size:48px;font-weight:600;margin-bottom:var(--gap-lg);color:var(--text-primary)}@media (max-width: 768px){.projects-header{font-size:40px;margin-bottom:32px}}@media (max-width: 640px){.projects-header{font-size:36px;margin-bottom:28px}}@media (max-width: 480px){.projects-header{font-size:32px;margin-bottom:24px}}.projects-carousel{width:calc(100% + 2 * var(--page-margin));margin-left:calc(-1 * var(--page-margin));overflow:hidden;position:relative}.projects-carousel-track{display:flex;gap:var(--gap-xl);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--page-margin) 20px}.projects-carousel-track::-webkit-scrollbar{display:none}.projects-carousel-track .project-card-wrapper{flex:0 0 40%;min-width:0}@media (max-width: 1024px){.projects-carousel{width:calc(100% + 80px);margin-left:-40px}.projects-carousel-track{padding:0 40px 20px}.projects-carousel-track .project-card-wrapper{flex:0 0 45%}}@media (max-width: 768px){.projects-carousel{width:calc(100% + 40px);margin-left:-20px}.projects-carousel-track{gap:24px;padding:0 20px 20px}.projects-carousel-track .project-card-wrapper{flex:0 0 66.666%}}@media (max-width: 640px){.projects-carousel{width:calc(100% + 40px);margin-left:-20px}.projects-carousel-track{gap:20px;padding:0 20px 20px}.projects-carousel-track .project-card-wrapper{flex:0 0 66.666%}}@media (max-width: 480px){.projects-carousel{width:calc(100% + 40px);margin-left:-20px}.projects-carousel-track{gap:16px;padding:0 20px 20px}.projects-carousel-track .project-card-wrapper{flex:0 0 66.666%}}.project-card-wrapper{display:flex;flex-direction:column;gap:0}.project-card{width:100%;aspect-ratio:1 / 1;position:relative;cursor:pointer;overflow:hidden;border-radius:var(--radius-lg);background:var(--card-bg);display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease}@media (max-width: 640px){.project-card{border-radius:20px}}@media (max-width: 480px){.project-card{border-radius:16px}}.project-card:hover{box-shadow:var(--shadow-hover)}.project-card img{max-width:85%;max-height:85%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.project-card[data-device-type=desktop] img{max-width:92%;max-height:92%}.project-card[data-device-type=mobile] img{max-width:75%;max-height:75%}@media (max-width: 1024px){.project-card[data-device-type=desktop] img{max-width:90%;max-height:90%}.project-card[data-device-type=mobile] img{max-width:70%;max-height:70%}}@media (max-width: 768px){.project-card[data-device-type=desktop] img{max-width:85%;max-height:85%}.project-card[data-device-type=mobile] img{max-width:50%;max-height:50%}}@media (max-width: 640px){.project-card[data-device-type=desktop] img{max-width:80%;max-height:80%}.project-card[data-device-type=mobile] img{max-width:45%;max-height:45%}}@media (max-width: 480px){.project-card[data-device-type=desktop] img{max-width:75%;max-height:75%}.project-card[data-device-type=mobile] img{max-width:40%;max-height:40%}}.project-card:hover img{transform:scale(1.05);opacity:.9}.project-name{font-size:16px;font-weight:400;color:#eaeaea;margin-top:24px;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}@media (max-width: 640px){.project-name{font-size:15px;margin-top:20px}}@media (max-width: 480px){.project-name{font-size:14px;margin-top:16px}}.project-card-wrapper:hover .project-name{color:#fff}.project-name-text{position:relative;overflow:hidden;height:20px}.project-name svg{width:16px;height:16px;opacity:0;transition:opacity .3s ease}.project-card-wrapper:hover .project-name svg{opacity:1}.about-section{padding:var(--gap-2xl) var(--page-margin) 0;margin-bottom:var(--gap-lg)}@media (max-width: 1024px){.about-section{padding:70px 40px 0}}@media (max-width: 768px){.about-section{padding:60px 20px 0}}@media (max-width: 640px){.about-section{padding:55px 20px 0}}@media (max-width: 480px){.about-section{padding:50px 16px 0}}.about-text{font-size:18px;font-weight:400;color:var(--gray-light);line-height:1.6;max-width:100%;margin:0}@media (max-width: 640px){.about-text{font-size:17px}}@media (max-width: 480px){.about-text{font-size:16px}}.photos-section{padding:var(--gap-2xl) var(--page-margin) 0;margin-bottom:var(--gap-lg)}@media (max-width: 1024px){.photos-section{padding:var(--gap-2xl) 40px 0}}@media (max-width: 768px){.photos-section{padding:var(--gap-2xl) 20px 0}}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md);width:100%}@media (max-width: 768px){.photos-grid{grid-template-columns:1fr}}.photo-card{aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,#555,#333)}.photo-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer{padding:var(--gap-2xl) var(--page-margin) 35px}@media (max-width: 1024px){.footer{padding:var(--gap-2xl) 40px 35px}}@media (max-width: 768px){.footer{padding:var(--gap-2xl) 20px 35px}}.footer-content{display:flex;flex-direction:column;gap:var(--gap-lg);margin-bottom:48px;width:100%}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-text{font-size:var(--font-base);font-weight:400;color:var(--gray-light);line-height:1.6;max-width:448px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:var(--font-base);font-weight:400;color:var(--white);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--gray-light)}.footer-explore-title{font-size:var(--font-xs);color:var(--gray-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer-bottom{padding-top:32px;border-top:1px solid rgb(31,31,31);text-align:center;font-size:14px;color:var(--gray-accent)}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px var(--page-margin) 80px}@media (max-width: 1024px){.not-found-container{padding:120px 40px 80px}}@media (max-width: 768px){.not-found-container{padding:100px 20px 60px}}.not-found-content{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-md)}.not-found-404{font-size:160px;font-weight:700;line-height:1;color:var(--gray-accent);margin:0;letter-spacing:-.02em}@media (max-width: 768px){.not-found-404{font-size:120px}}@media (max-width: 480px){.not-found-404{font-size:80px}}.not-found-heading{font-size:var(--font-xl);font-weight:500;line-height:1.2;margin:0;color:var(--text-primary, var(--white))}@media (max-width: 768px){.not-found-heading{font-size:32px}}.not-found-description{font-size:var(--font-base);font-weight:400;color:var(--gray-light);line-height:1.6;margin:0;max-width:480px}.not-found-cta{margin-top:var(--gap-sm);padding:16px 32px;font-size:var(--font-base);font-weight:500;color:var(--white);background:var(--gray-accent);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:inherit}.not-found-cta:hover{background:#8aadbae6;box-shadow:var(--shadow-hover)}.not-found-cta svg{width:20px;height:20px;transition:transform .3s ease}.not-found-cta:hover svg{transform:translate(4px)}[data-theme=light] .not-found-heading,[data-theme=light] .not-found-cta{color:var(--black)}.device-frame{width:100%;margin:0 auto}.device-frame-container{position:relative;background:#1a1a1a;border-radius:12px;box-shadow:0 0 0 1px #ffffff14,0 20px 60px #0006,0 10px 30px #0000004d;overflow:hidden}.browser-chrome{background:#2a2a2a;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px}.browser-dots{display:flex;gap:8px;align-items:center}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-address-bar{flex:1;background:#ffffff0d;border-radius:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.08)}.address-bar-content{display:flex;align-items:center;gap:8px;color:#ffffff80;font-size:13px}.lock-icon{opacity:.5}.url-text{color:#fff9;font-family:SF Mono,Monaco,Courier New,monospace}.device-frame-content{background:#fff;height:700px;overflow-y:scroll;overflow-x:hidden;position:relative;scroll-behavior:smooth}.device-frame-content::-webkit-scrollbar{display:none}.device-frame-content{-ms-overflow-style:none;scrollbar-width:none}.scroll-hint{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}.scroll-hint-content{display:inline-flex;flex-direction:row;align-items:center;gap:8px;background:#000c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 20px;border-radius:20px;color:#fff;font-size:13px;font-weight:500;box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff1f}.scroll-hint-content svg{opacity:.85;flex-shrink:0}.device-frame-content img{width:100%;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 1024px){.device-frame-content{height:600px}}@media (max-width: 768px){.device-frame-container{border-radius:8px}.browser-chrome{padding:10px 12px}.dot{width:10px;height:10px}.browser-address-bar{padding:5px 10px}.address-bar-content{font-size:12px}.device-frame-content{height:500px}.scroll-hint-content{padding:8px 16px;font-size:12px;gap:6px}.scroll-hint-content svg{width:16px;height:16px}}@media (max-width: 480px){.device-frame-content{height:400px}.browser-dots{gap:6px}.dot{width:8px;height:8px}}.iphone-frame{max-width:400px;margin:0 auto}.iphone-container{position:relative;background:#1a1a1a;border-radius:48px;padding:12px;box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px #1a1a1a,0 20px 60px #00000080,0 10px 30px #0006;aspect-ratio:9 / 19.5}.iphone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:0 0 20px 20px;z-index:10;display:flex;align-items:center;justify-content:center}.notch-speaker{width:60px;height:5px;background:#1a1a1a;border-radius:10px;margin-top:6px}.iphone-content{width:100%;height:100%;background:#fff;border-radius:38px;overflow:hidden;position:relative}.iphone-content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.iphone-home-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#ffffff4d;border-radius:10px;z-index:10}@media (max-width: 768px){.iphone-frame{max-width:320px}.iphone-container{border-radius:40px;padding:10px}.iphone-notch{top:10px;width:100px;height:28px;border-radius:0 0 18px 18px}.notch-speaker{width:50px;height:4px;margin-top:5px}.iphone-content{border-radius:32px}.iphone-home-indicator{bottom:16px;width:120px;height:4px}}@media (max-width: 480px){.iphone-frame{max-width:280px}.iphone-container{border-radius:36px;padding:8px}.iphone-notch{top:8px;width:90px;height:24px;border-radius:0 0 16px 16px}.notch-speaker{width:45px;height:3px;margin-top:4px}.iphone-content{border-radius:30px}.iphone-home-indicator{bottom:14px;width:100px}}