:root{--color-terracotta: #D4826C;--color-terracotta-light: #E8A892;--color-terracotta-dark: #B86B52;--color-cream: #FAF7F2;--color-white: #FFFFFF;--color-dark: #2C2C2C;--color-gray: #6B7280;--color-gray-light: #E5E7EB;--gradient-soft: linear-gradient(135deg, #FAF7F2 0%, #F5E6DC 50%, #EDD5C7 100%);--gradient-hero: linear-gradient(135deg, rgba(212, 130, 108, 0.1) 0%, rgba(250, 247, 242, 0.3) 100%);--font-serif: 'Playfair Display', Georgia, serif;--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);--glass-bg: rgba(255, 255, 255, 0.7);--glass-border: rgba(255, 255, 255, 0.3);--glass-blur: 12px}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-dark);background:var(--gradient-soft);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.2;color:var(--color-dark)}h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700}h2{font-size:clamp(2rem, 4vw, 3rem);margin-bottom:var(--spacing-md)}h3{font-size:clamp(1.25rem, 3vw, 1.75rem);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm)}.lead{font-size:1.125rem;line-height:1.7;color:var(--color-gray);margin-bottom:var(--spacing-md)}a{color:var(--color-terracotta);text-decoration:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}a:hover{color:var(--color-terracotta-dark);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:-webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;transition:-webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;transition:transform 0.3s ease, box-shadow 0.3s ease;transition:transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--spacing-md)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-hero);opacity:0.5;z-index:-1}.hero-background::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, var(--color-terracotta-light) 0%, transparent 70%);opacity:0.2;-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite}@-webkit-keyframes float{0%,100%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}33%{-webkit-transform:translate(30px, -30px) rotate(120deg);transform:translate(30px, -30px) rotate(120deg)}66%{-webkit-transform:translate(-20px, 20px) rotate(240deg);transform:translate(-20px, 20px) rotate(240deg)}}@keyframes float{0%,100%{-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg)}33%{-webkit-transform:translate(30px, -30px) rotate(120deg);transform:translate(30px, -30px) rotate(120deg)}66%{-webkit-transform:translate(-20px, 20px) rotate(240deg);transform:translate(-20px, 20px) rotate(240deg)}}.hero-content{text-align:center;z-index:1}.hero-title{margin-bottom:var(--spacing-sm);opacity:0;-webkit-animation:fadeInUp 0.8s ease forwards;animation:fadeInUp 0.8s ease forwards}.hero-subtitle{font-size:1.25rem;color:var(--color-gray);margin-bottom:var(--spacing-lg);opacity:0;-webkit-animation:fadeInUp 0.8s ease 0.2s forwards;animation:fadeInUp 0.8s ease 0.2s forwards}.dynamic-text{color:var(--color-terracotta);font-weight:500;display:inline-block;min-width:200px}.subtitle-static{display:block;font-size:1rem;margin-top:var(--spacing-xs)}.hero-nav{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;opacity:0;-webkit-animation:fadeInUp 0.8s ease 0.4s forwards;animation:fadeInUp 0.8s ease 0.4s forwards}.hero-nav a{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);-webkit-transition:background 0.3s ease, -webkit-transform 0.3s ease;transition:background 0.3s ease, -webkit-transform 0.3s ease;transition:background 0.3s ease, transform 0.3s ease;transition:background 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}.hero-nav a:hover{background:var(--glass-bg);-webkit-transform:translateY(-2px);transform:translateY(-2px);text-decoration:none}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.section{padding:var(--spacing-2xl) 0}.section-intro{text-align:center;color:var(--color-gray);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.skills-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.skill-category h3{color:var(--color-terracotta);font-family:var(--font-sans);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-sm)}.skill-category ul{list-style:none}.skill-category li{padding:var(--spacing-xs) 0;color:var(--color-gray)}.philosophy-quote{margin:var(--spacing-lg) 0;padding:var(--spacing-md);border-left:3px solid var(--color-terracotta);background:rgba(212,130,108,0.05);border-radius:var(--radius-sm)}.philosophy-quote p{font-size:1.25rem;font-style:italic;margin-bottom:var(--spacing-xs)}.philosophy-quote cite{color:var(--color-gray);font-style:normal;font-size:0.875rem}.projects-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-md)}.project-card{padding:var(--spacing-md)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.project-header h3{font-family:var(--font-sans);font-weight:600;margin:0}.project-link{font-size:0.875rem;font-weight:500}.project-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.project-tags span{padding:4px 12px;background:rgba(212,130,108,0.1);color:var(--color-terracotta);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:500}.coming-soon{opacity:0.7;border-style:dashed}.timeline{position:relative;padding-left:var(--spacing-lg)}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:-webkit-gradient(linear, left top, left bottom, from(var(--color-terracotta)), to(transparent));background:linear-gradient(to bottom, var(--color-terracotta), transparent)}.timeline-item{position:relative;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.timeline-item::before{content:'';position:absolute;left:calc(-1 * var(--spacing-lg) - 8px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:12px;background:var(--color-terracotta);border-radius:50%;border:3px solid var(--color-cream)}.timeline-date{font-size:0.875rem;color:var(--color-terracotta);font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-content h3{font-family:var(--font-sans);font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-company{color:var(--color-gray);font-weight:500;margin-bottom:var(--spacing-xs)}.course-outcomes{margin:var(--spacing-lg) 0}.course-outcomes h3{font-family:var(--font-sans);font-weight:600;color:var(--color-terracotta);margin-bottom:var(--spacing-sm)}.course-outcomes ul{list-style:none}.course-outcomes li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.course-outcomes li::before{content:'→';position:absolute;left:0;color:var(--color-terracotta)}.connect-links{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.connect-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.connect-link:hover{background:rgba(212,130,108,0.1);-webkit-transform:translateX(4px);transform:translateX(4px);text-decoration:none}.connect-link .icon{font-size:1.25rem}.button{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-terracotta);color:var(--color-white);border-radius:var(--radius-sm);font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.button:hover{background:var(--color-terracotta-dark);-webkit-transform:translateY(-2px);transform:translateY(-2px);text-decoration:none;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--color-gray);font-size:0.875rem}@media (max-width: 768px){:root{--spacing-2xl: 4rem;--spacing-xl: 3rem;--spacing-lg: 2rem}.hero-nav{flex-direction:column;gap:var(--spacing-xs)}.skills-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.projects-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.timeline{padding-left:var(--spacing-md)}.connect-links{-ms-grid-columns:1fr;grid-template-columns:1fr}}.fade-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:opacity 0.6s ease, -webkit-transform 0.6s ease;transition:opacity 0.6s ease, -webkit-transform 0.6s ease;transition:opacity 0.6s ease, transform 0.6s ease;transition:opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease}.fade-in.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.writing-header{padding:var(--spacing-2xl) 0 var(--spacing-xl);text-align:center;background:var(--gradient-hero)}.writing-nav{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:100}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-sm);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.back-link:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px);background:rgba(212,130,108,0.1);text-decoration:none}.writing-intro{max-width:600px;margin:0 auto var(--spacing-xl);text-align:center;color:var(--color-gray)}.writing-list{max-width:800px;margin:0 auto}.writing-item{margin-bottom:var(--spacing-lg);opacity:0;-webkit-animation:fadeInUp 0.6s ease forwards;animation:fadeInUp 0.6s ease forwards}.writing-item:nth-child(1){-webkit-animation-delay:0.1s;animation-delay:0.1s}.writing-item:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}.writing-item:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.writing-item:nth-child(4){-webkit-animation-delay:0.4s;animation-delay:0.4s}.writing-item:nth-child(5){-webkit-animation-delay:0.5s;animation-delay:0.5s}.writing-date{font-size:0.875rem;color:var(--color-terracotta);font-weight:500;margin-bottom:var(--spacing-xs)}.writing-title{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-dark)}.writing-content{color:var(--color-gray);line-height:1.7}.writing-content strong{color:var(--color-dark)}.divider{height:1px;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--color-terracotta-light)), to(transparent));background:linear-gradient(to right, transparent, var(--color-terracotta-light), transparent);margin:var(--spacing-lg) 0;opacity:0.3}@media (max-width: 768px){.writing-nav{position:static;padding:var(--spacing-md)}}