:root{--gradient-orange: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);--gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-orange-warm: linear-gradient(135deg, #ff8a50 0%, #ff6b35 100%);--gradient-blue-deep: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);--gradient-orange-light: linear-gradient(135deg, #ffb74d 0%, #ff9800 100%);--gradient-blue-light: linear-gradient(135deg, #81d4fa 0%, #4fc3f7 100%);--gradient-orange-light: linear-gradient(135deg, #ff6b3520 0%, #f7931e20 100%);--gradient-blue-light: linear-gradient(135deg, #4facfe20 0%, #00f2fe20 100%);--gradient-orange-warm-light: linear-gradient(135deg, #ff8a5020 0%, #ff6b3520 100%);--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--white: #ffffff;--black: #000000;--transparent: transparent;--bg-primary: var(--white);--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--bg-gradient: var(--gradient-orange-light);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-400);--text-muted: var(--neutral-300);--text-inverse: var(--white);--accent-primary: var(--gradient-orange);--accent-secondary: var(--gradient-blue);--accent-tertiary: var(--gradient-orange-warm);--border-light: var(--neutral-200);--border-medium: var(--neutral-300);--border-strong: var(--neutral-400);--border-gradient: var(--gradient-blue);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-display: "Playfair Display", "Georgia", "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--text-xs: clamp(.75rem, 2vw, .875rem);--text-sm: clamp(.875rem, 2.5vw, 1rem);--text-base: clamp(1rem, 3vw, 1.125rem);--text-lg: clamp(1.125rem, 3.5vw, 1.25rem);--text-xl: clamp(1.25rem, 4vw, 1.5rem);--text-2xl: clamp(1.5rem, 5vw, 2rem);--text-3xl: clamp(1.875rem, 6vw, 2.5rem);--text-4xl: clamp(2.25rem, 8vw, 3.5rem);--text-5xl: clamp(3rem, 10vw, 5rem);--text-6xl: clamp(3.75rem, 12vw, 6rem);--text-display: clamp(4rem, 15vw, 8rem);--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 1.8;--space-0: 0;--space-px: 1px;--space-0-5: clamp(.125rem, .5vw, .25rem);--space-1: clamp(.25rem, 1vw, .5rem);--space-1-5: clamp(.375rem, 1.5vw, .75rem);--space-2: clamp(.5rem, 2vw, 1rem);--space-2-5: clamp(.625rem, 2.5vw, 1.25rem);--space-3: clamp(.75rem, 3vw, 1.5rem);--space-3-5: clamp(.875rem, 3.5vw, 1.75rem);--space-4: clamp(1rem, 4vw, 2rem);--space-nav: clamp(1rem, 3vw, 1.5rem);--space-5: clamp(1.25rem, 5vw, 2.5rem);--space-6: clamp(1.5rem, 6vw, 3rem);--space-7: clamp(1.75rem, 7vw, 3.5rem);--space-8: clamp(2rem, 8vw, 4rem);--space-9: clamp(2.25rem, 9vw, 4.5rem);--space-10: clamp(2.5rem, 10vw, 5rem);--space-12: clamp(3rem, 12vw, 6rem);--space-16: clamp(4rem, 16vw, 8rem);--space-20: clamp(5rem, 20vw, 10rem);--space-24: clamp(6rem, 24vw, 12rem);--space-32: clamp(8rem, 32vw, 16rem);--container-padding: var(--space-4);--section-spacing: var(--space-16);--card-padding: var(--space-8);--button-padding: var(--space-3) var(--space-6);--input-padding: var(--space-3) var(--space-4);--container-max-width: 1200px;--container-max-width-wide: 1400px;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--radius-organic: 1rem 0 2rem 0;--radius-flowing: 0 1rem 2rem 0;--radius-soft: .5rem 1.5rem .5rem 1.5rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-orange: 0 10px 25px rgba(255, 107, 53, .2);--shadow-blue: 0 10px 25px rgba(79, 172, 254, .2);--shadow-orange-warm: 0 10px 25px rgba(255, 138, 80, .2);--glow-orange: 0 0 20px rgba(255, 107, 53, .3);--glow-blue: 0 0 20px rgba(79, 172, 254, .3);--glow-orange-warm: 0 0 20px rgba(255, 138, 80, .3);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--duration-1500: 1.5s;--duration-2000: 2s;--transition-fast: all var(--duration-150) var(--ease-out);--transition-normal: all var(--duration-300) var(--ease-smooth);--transition-slow: all var(--duration-500) var(--ease-smooth);--transition-bounce: all var(--duration-500) var(--ease-bounce);--transition-elastic: all var(--duration-700) var(--ease-elastic);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-below: -1;--z-normal: 0;--z-above: 1;--z-header: 100;--z-modal: 200;--z-tooltip: 300}:root[data-theme=dark]{--bg-primary: var(--neutral-900);--bg-secondary: var(--neutral-800);--bg-tertiary: var(--neutral-700);--text-primary: var(--white);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--border-light: var(--neutral-700);--border-medium: var(--neutral-600);--border-strong: var(--neutral-500);--gradient-orange: linear-gradient(135deg, #ff6b3580 0%, #f7931e80 100%);--gradient-blue: linear-gradient(135deg, #4facfe80 0%, #00f2fe80 100%)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: none;--transition-normal: none;--transition-slow: none;--transition-bounce: none;--transition-elastic: none}}@media (prefers-contrast: high){:root{--gradient-orange: var(--text-primary);--gradient-blue: var(--text-primary);--gradient-orange-warm: var(--text-primary)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-light);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-display);font-weight:var(--font-thin);letter-spacing:-.02em}h2{font-size:var(--text-4xl);font-weight:var(--font-light);letter-spacing:-.01em}h3{font-size:var(--text-2xl);font-weight:var(--font-normal)}h4{font-size:var(--text-xl);font-weight:var(--font-medium)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-semibold)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:var(--transition-normal)}a:hover,a:focus{color:var(--accent-primary);outline:none}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);color:var(--text-secondary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:var(--transition-normal)}button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--input-padding);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.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}.gradient-text{background:var(--gradient-orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-wide{max-width:var(--container-max-width-wide)}.section{padding:var(--section-spacing) 0}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--gradient-sunset-light);color:var(--text-primary)}::-moz-selection{background:var(--gradient-sunset-light);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-sunset);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-ocean)}@media (max-width: 480px){.container{padding:0 var(--space-4)}h1{font-size:2.5rem;line-height:1.1}h2{font-size:2rem}.section{padding:var(--space-12) 0}}@media (min-width: 481px){.container{padding:0 var(--space-6)}h1{font-size:3rem}}@media (min-width: 768px){.container{padding:0 var(--space-8)}h1{font-size:3.5rem}h2{font-size:2.5rem}.section{padding:var(--space-16) 0}}@media (min-width: 1024px){.container{padding:0 var(--space-12)}h1{font-size:4rem}h2{font-size:3rem}}@media (min-width: 1200px){.container{padding:0 var(--space-16)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.nav,.footer{display:none}.section{page-break-inside:avoid}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);height:4rem}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-nav) var(--container-padding);max-width:var(--container-max-width);margin:0 auto;height:4rem;flex-wrap:nowrap}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:var(--transition-normal)}.nav-logo:hover{transform:scale(1.05)}.logo-image{height:2rem;width:auto;max-width:200px}.nav-menu{display:flex;list-style:none;gap:var(--space-8);margin:0;padding:0;align-items:center;flex-wrap:nowrap;white-space:nowrap;position:static}.nav-menu li{margin:0}.nav-link{position:relative;display:flex;align-items:center;padding:var(--space-2) var(--space-4);color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);font-size:1rem;border-radius:var(--radius-xl);transition:var(--transition-normal)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-ocean);transition:var(--transition-normal);transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:hover{color:var(--accent-primary);background:var(--gradient-sunset-light)}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;align-items:center;width:24px;height:20px;background:none;border:none;cursor:pointer;padding:0;margin:0}.nav-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-sunset-light)}.hero-background{position:absolute;inset:0;z-index:var(--z-below)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;animation:float 20s ease-in-out infinite}.gradient-orb-1{width:300px;height:300px;background:var(--gradient-sunset);top:20%;left:10%;animation-delay:0s}.gradient-orb-2{width:200px;height:200px;background:var(--gradient-ocean);top:60%;right:20%;animation-delay:7s}.gradient-orb-3{width:250px;height:250px;background:var(--gradient-fire);bottom:20%;left:30%;animation-delay:14s}.hero-content{text-align:center;z-index:var(--z-normal);max-width:800px;padding:0 var(--space-4)}.hero-title{margin-bottom:var(--space-6);animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:var(--text-2xl);font-weight:var(--font-light);color:var(--text-secondary);margin-bottom:var(--space-4);animation:fadeInUp 1s ease-out .2s both}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);animation:fadeInUp 1s ease-out .4s both}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-fire);color:var(--text-inverse);padding:var(--button-padding);border-radius:var(--radius-2xl);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-normal);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:fadeInUp 1s ease-out .6s both}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-fire)}.cta-icon{width:20px;height:20px;transition:var(--transition-normal)}.cta-button:hover .cta-icon{transform:translate(2px,-2px)}.section-heading{text-align:center;margin-bottom:var(--space-12);position:relative}.section-heading:after{content:"";position:absolute;bottom:-var(--space-4);left:50%;width:60px;height:2px;background:var(--gradient-ocean);transform:translate(-50%)}.about-section{background:var(--bg-secondary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.about-text p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.about-image{text-align:center}.portrait-image{width:100%;max-width:400px;height:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:var(--transition-normal)}.portrait-image:hover{transform:scale(1.02);box-shadow:var(--shadow-2xl)}.experience-section{background:var(--bg-primary);padding:var(--space-16) 0}.experience-section .container{max-width:1000px}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--gradient-ocean)}.timeline-item{position:relative;margin-bottom:var(--space-12);width:100%;padding-left:var(--space-12)}@media (max-width: 1200px) and (min-width: 769px){.nav-link{font-size:.875rem;padding:var(--space-1) var(--space-3)}.nav-menu{gap:var(--space-6)}}@media (max-width: 1024px){.nav-toggle{display:flex}}@media (max-width: 768px){.nav-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;transition:left .3s ease;z-index:var(--z-modal);box-shadow:0 0 20px #0000001a}.nav-menu.active{left:0}.nav-menu li{margin:var(--space-4) 0}.nav-link{font-size:1.5rem;font-weight:var(--font-medium)}.nav-toggle{display:flex;z-index:calc(var(--z-modal) + 1)}.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(5px,-5px)}}@media (max-width: 768px){.hero{min-height:80vh;padding:var(--space-8) 0}.hero-title{font-size:2.5rem!important;margin-bottom:var(--space-6)}.hero-subtitle{font-size:1.25rem!important;margin-bottom:var(--space-8)}.cta-button{padding:var(--space-4) var(--space-6);font-size:1rem}.gradient-orb{display:none}}@media (max-width: 480px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.125rem!important}}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.about-image{order:-1}.portrait-image{max-width:300px}}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:900px;margin:0 auto}.skill-card{padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid}.skill-card-professional{background:linear-gradient(135deg,#ff6b350d,#f7931e0d);border-color:#ff6b351a}.skill-card-hobby{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border-color:#4facfe1a}.skill-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6);color:var(--text-primary);text-align:center}.skill-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.skill-card li{padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);text-align:center;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:var(--space-6)}.floating-icon{display:none}}@media (max-width: 768px){.timeline,.timeline-item{padding-left:var(--space-8)}.timeline-card{padding:var(--space-4)}.timeline-title{font-size:1rem}.timeline-company,.timeline-description{font-size:.875rem}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:var(--space-6)}.project-card{margin-bottom:var(--space-4)}.load-more-button{margin:var(--space-8) auto 0;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.project-image{height:200px}.project-content{padding:var(--space-6)}.project-title{font-size:1.125rem}.project-description{font-size:.875rem}}@media (max-width: 768px){.contact-methods{flex-direction:column;gap:var(--space-4)}.contact-method{padding:var(--space-4);font-size:1rem}.contact-icon{width:24px;height:24px}}@media (max-width: 768px){.footer{text-align:center;padding:var(--space-8) 0}.footer .container{padding:0 var(--space-4)}}.timeline-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--card-padding);box-shadow:var(--shadow-md);transition:var(--transition-normal);position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;inset:0;background:var(--gradient-sunset-light);opacity:0;transition:opacity .4s ease;z-index:var(--z-below)}.timeline-card:hover:before{opacity:1}.timeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-medium)}.timeline-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.timeline-company{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.timeline-period{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.timeline-description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.timeline-achievements{list-style:none;padding:0;margin:0}.timeline-achievements li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.timeline-achievements li:before{content:"•";position:absolute;left:0;color:var(--gradient-sunset);font-weight:700}.projects-section{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.load-more-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-12) auto 0;padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:var(--radius-2xl);font-weight:var(--font-medium);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.load-more-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.load-more-button:hover:before{left:100%}.load-more-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-fire)}.load-more-button:active{transform:translateY(0)}.load-more-icon{width:20px;height:20px;transition:var(--transition-normal)}.load-more-button:hover .load-more-icon{transform:translateY(-1px)}.project-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:2rem!important;box-shadow:var(--shadow-md);transition:var(--transition-normal);position:relative;overflow:hidden}.project-card .project-content{padding:2rem!important}.project-card:before{content:"";position:absolute;inset:0;background:var(--gradient-ocean-light);opacity:0;transition:opacity .4s ease;z-index:var(--z-below)}.project-card:hover:before{opacity:.3}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-medium)}.project-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.project-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.project-category{display:none}.project-description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.project-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-primary);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-normal)}.project-link:hover{gap:var(--space-3)}.contact-section{background:var(--bg-primary)}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.contact-methods{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.contact-method{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-decoration:none;color:var(--text-primary);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.contact-method:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.contact-icon{width:24px;height:24px;transition:var(--transition-normal)}.contact-method:hover .contact-icon{transform:scale(1.1)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--space-8) 0;text-align:center}.footer p{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{width:100%;left:0!important;padding-left:var(--space-12)!important;padding-right:0!important;text-align:left!important}.timeline-item:before{left:12px!important;right:auto!important}.about-content{grid-template-columns:1fr;gap:var(--space-8)}.contact-methods{flex-direction:column;align-items:center}}@media (min-width: 768px){.about-content{grid-template-columns:1fr 1fr}}#project-content{padding-top:2rem;min-height:100vh}.project-header{background:#fff;border-radius:.5rem;padding:.5rem;margin-bottom:.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e5e5;margin-top:0}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem;flex-wrap:wrap;gap:.125rem}.project-category{display:inline-block;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.project-date{color:#a3a3a3;font-size:.875rem}.project-title{font-size:2.5rem;font-weight:600;margin-bottom:.125rem;color:#171717;line-height:1.2}.project-description{font-size:1.125rem;line-height:1.6;color:#525252;margin-bottom:.25rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tags .tag{background:#f5f5f5;color:#525252;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.table-of-contents{background:#fff;border-radius:1rem;padding:1rem;margin:0;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e5e5;position:fixed;top:5rem;right:1rem;width:300px;max-height:calc(100vh - 8rem);overflow-y:auto;z-index:10}.table-of-contents h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:0;color:#171717}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin-bottom:.5rem}.table-of-contents a{color:#525252;text-decoration:none;font-size:.875rem;transition:all .3s ease;display:block;padding:.5rem .75rem;border-radius:.5rem;border-left:3px solid transparent;margin-left:-.75rem;margin-right:-.75rem}.table-of-contents a:hover{color:#ff6b35;background-color:#fef3f2}.table-of-contents a.active{color:#ea580c;background-color:#fff7ed;border-left-color:#ea580c;font-weight:600}.table-of-contents:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#e5e7eb;border-radius:0 0 0 1rem}.table-of-contents .scroll-progress{position:absolute;left:0;top:0;width:2px;background:linear-gradient(to bottom,#ea580c,#f97316);border-radius:0 0 0 1rem;transition:height .3s ease;z-index:1}.toc-h2{padding-left:0}.toc-h3{padding-left:1rem}.toc-h4{padding-left:2rem}.toc-h5{padding-left:3rem}.toc-h6{padding-left:4rem}.project-content-area{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 6px #00000012;border:1px solid #e5e5e5;min-height:100vh}.markdown-content{max-width:none;line-height:1.7;color:#171717}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-family:Playfair Display,serif;color:#171717;margin-top:2rem;margin-bottom:1rem;font-weight:600}.markdown-content h1{font-size:2.5rem;border-bottom:2px solid #e5e5e5;padding-bottom:.5rem}.markdown-content h2{font-size:2rem;border-bottom:1px solid #e5e5e5;padding-bottom:.25rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.25rem}.markdown-content h5{font-size:1.125rem}.markdown-content h6{font-size:1rem}.markdown-content p{margin-bottom:1.5rem;color:#525252;font-size:1rem}.markdown-content a{color:#ff6b35;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.markdown-content a:hover{border-bottom-color:#ff6b35}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:2rem}.markdown-content li{margin-bottom:.5rem;color:#525252}.markdown-content blockquote{border-left:4px solid #ff6b35;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#525252;background:#fafafa;padding:1rem 1.5rem;border-radius:.5rem}.markdown-content code{background:#f5f5f5;color:#ff6b35;padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.markdown-content pre{background:#1a1a1a;color:#e5e5e5;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.markdown-content pre code{background:none;color:inherit;padding:0;border-radius:0}.markdown-content img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin:1.5rem 0;transition:transform .3s ease}.markdown-content img:hover{transform:scale(1.02)}.markdown-content .image-placeholder{width:100%;height:300px;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);border-radius:.5rem;margin:1.5rem 0;display:flex;align-items:center;justify-content:center;color:#a3a3a3;font-size:.875rem;font-weight:500;border:2px dashed #d1d5db;transition:all .3s ease}.markdown-content .image-placeholder:hover{background:linear-gradient(135deg,#e5e5e5,#d1d5db);border-color:#9ca3af}.markdown-content .image-placeholder:before{content:"📷 Image Placeholder";text-align:center}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 4px #0000000d}.markdown-content th,.markdown-content td{padding:1rem;text-align:left;border-bottom:1px solid #e5e5e5}.markdown-content th{background:#fafafa;font-weight:600;color:#171717}.markdown-content hr{border:none;height:1px;background:#e5e5e5;margin:2rem 0}.error-content{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px #00000012;border:1px solid #e5e5e5}.error-content h1{font-size:2rem;margin-bottom:1rem;color:#171717}.error-content p{font-size:1.125rem;color:#525252;margin-bottom:2rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.75rem 1.5rem;border-radius:1.5rem;font-weight:500;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px #00000012}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b350d,#f7931e0d);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.project-card:hover:before{opacity:1}.project-card:active{transform:translateY(-2px) scale(.98)!important}.project-card:focus{outline:2px solid #ff6b35;outline-offset:2px}.project-card:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}.project-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-link-content{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.project-card{position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ff6b354d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none;z-index:2}.project-card:active:after{width:300px;height:300px}body.project-page .nav-logo{display:none!important;visibility:hidden!important;opacity:0!important}.nav-back-button{position:relative;display:flex;align-items:center;gap:.5rem;padding:var(--space-2) var(--space-4);color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);font-size:1rem;border-radius:var(--radius-xl);transition:var(--transition-normal);white-space:nowrap;flex-shrink:0;background:none;border:none;cursor:pointer}.nav-back-button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-ocean);transition:var(--transition-normal);transform:translate(-50%)}.nav-back-button:hover:after{width:80%}.nav-back-button:hover{color:var(--accent-primary);background:var(--gradient-sunset-light)}.nav-back-button svg{width:16px;height:16px}@media (max-width: 1200px) and (min-width: 769px){.nav-back-button{font-size:.875rem;padding:var(--space-1) var(--space-3)}}#project-content{padding-top:5rem}@media (max-width: 1024px){#project-content>div{padding-right:1rem!important}.table-of-contents{position:static!important;margin-bottom:1.5rem;max-height:none;overflow-y:visible;width:auto;right:auto;top:auto;margin-top:2rem;margin-bottom:2rem}#project-content{display:grid;grid-template-areas:"header" "toc" "content";gap:1rem}#project-content>div:first-child{grid-area:header}.table-of-contents{grid-area:toc}#project-content>div:last-child{grid-area:content}}@media (max-width: 768px){#project-content{padding-top:5rem!important}.project-header{padding:1.5rem}.project-title{font-size:2rem}.project-meta{flex-direction:column;align-items:flex-start}.table-of-contents{position:static;margin-bottom:1.5rem;max-height:none;overflow-y:visible}.project-content-area{padding:1.5rem}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.5rem}.markdown-content pre{padding:1rem;font-size:.8rem}.markdown-content .image-placeholder{height:200px;font-size:.8rem}.table-of-contents{position:static;margin-top:1rem;max-height:none;width:auto;right:auto;top:auto}.table-of-contents a{padding:.4rem .6rem;font-size:.8rem}#project-content>div{padding-right:1rem!important}#project-content .nav{position:relative;background:#ffffffe6}#project-content{padding-top:2rem}}