:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--slate-800);background-color:var(--slate-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#f8fafcf2;backdrop-filter:blur(10px);border-bottom:2px solid var(--slate-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.nav{max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.nav-brand{display:flex;align-items:center}.nav-title{color:var(--blue-800);font-weight:700;font-size:var(--font-size-2xl);letter-spacing:-.025em;margin:0}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-link{text-decoration:none;color:var(--slate-600);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-normal);padding:var(--space-sm) var(--space-md);border:2px solid transparent;position:relative;border-radius:var(--radius-none)}.nav-link:hover,.nav-link.active{color:var(--blue-800);background-color:var(--blue-50);border-color:var(--blue-200)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue-600)}.main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-lg)}.intro{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center}.intro-content{max-width:600px;margin:0 auto}.intro-title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--space-md);color:var(--slate-900);line-height:1.1;letter-spacing:-.025em}.highlight{color:var(--blue-700);background:linear-gradient(135deg,var(--slate-600),var(--blue-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle{font-size:var(--font-size-xl);color:var(--slate-600);font-weight:600;margin-bottom:var(--space-2xl);letter-spacing:-.01em}.blog-cta{margin-bottom:var(--space-md)}.btn{display:inline-block;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-none);text-decoration:none;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);border:2px solid transparent;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;overflow:hidden;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-blog{background:linear-gradient(135deg,var(--slate-600),var(--blue-700));color:#fff;font-size:var(--font-size-lg);padding:var(--space-lg) var(--space-2xl);box-shadow:var(--shadow-md)}.btn-blog:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--slate-700),var(--blue-800))}.about{padding:var(--space-3xl) 0;background:#fff;border:2px solid var(--slate-200);margin:var(--space-2xl) 0;box-shadow:var(--shadow-sm)}.about-content{max-width:1000px;margin:0 auto;padding:0 var(--space-xl)}.about h2{font-size:var(--font-size-4xl);font-weight:700;text-align:center;margin-bottom:var(--space-2xl);color:var(--slate-900);letter-spacing:-.025em}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:start}.about-text p{font-size:var(--font-size-lg);color:var(--slate-600);margin-bottom:var(--space-lg);line-height:1.7}.skills{background:var(--slate-50);padding:var(--space-xl);border:2px solid var(--slate-200)}.skills h3{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-lg);color:var(--slate-900);letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{background:linear-gradient(135deg,var(--slate-600),var(--blue-700));color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-none);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);border:2px solid var(--slate-500);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;min-height:32px;display:inline-flex;align-items:center}.skill-tag:hover{transform:translateY(-1px);background:linear-gradient(135deg,var(--slate-700),var(--blue-800));box-shadow:var(--shadow-md)}.contact{padding:var(--space-3xl) 0;text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-md);color:var(--slate-900);letter-spacing:-.025em}.contact p{font-size:var(--font-size-lg);color:var(--slate-600);margin-bottom:var(--space-2xl);line-height:1.6}.contact-links{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:400px;margin:0 auto}.contact-link{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:#fff;border:2px solid var(--slate-200);border-radius:var(--radius-none);text-decoration:none;color:var(--slate-600);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em;min-height:60px}.contact-link:hover{border-color:var(--blue-600);color:var(--blue-700);transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:var(--blue-50)}.contact-link span{font-size:var(--font-size-lg)}.footer{background:var(--slate-800);color:var(--slate-300);text-align:center;padding:var(--space-xl);margin-top:var(--space-3xl);border-top:2px solid var(--slate-700)}.footer p{font-size:var(--font-size-sm);font-weight:500}.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}.nav-link:focus,.btn:focus,.contact-link:focus,.skill-tag:focus{outline:2px solid var(--blue-600);outline-offset:2px}@media (prefers-contrast: high){:root{--slate-200: #000000;--slate-600: #000000;--blue-600: #0000ff;--blue-700: #0000ff}.btn-blog,.skill-tag{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.btn:hover,.contact-link:hover,.skill-tag:hover{transform:none}}@media (prefers-color-scheme: dark){:root{--slate-50: #0f172a;--slate-100: #1e293b;--slate-200: #334155;--slate-300: #475569;--slate-400: #64748b;--slate-500: #94a3b8;--slate-600: #cbd5e1;--slate-700: #e2e8f0;--slate-800: #f1f5f9;--slate-900: #f8fafc}body{background-color:var(--slate-50);color:var(--slate-800)}.header{background:#0f172af2}.about{background:var(--slate-100)}.skills{background:var(--slate-50)}.contact-link{background:var(--slate-100)}}@media (min-width: 768px){.nav{padding:var(--space-lg) var(--space-xl)}.main{padding:var(--space-xl)}.intro{padding:var(--space-3xl) 0}.intro-title{font-size:var(--font-size-5xl)}.about-grid{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.contact-links{grid-template-columns:repeat(3,1fr);max-width:none}.contact-link{flex-direction:column;gap:var(--space-sm);padding:var(--space-xl)}}@media (min-width: 1024px){.nav{padding:var(--space-lg) var(--space-2xl)}.main{padding:var(--space-2xl)}.intro-title{font-size:4rem}.about-content{padding:0 var(--space-2xl)}.contact-content{max-width:800px}}@media (min-width: 1280px){.intro-title{font-size:4.5rem}.about h2,.contact h2{font-size:3rem}}@media print{.header,.footer,.btn,.contact-link{display:none}.main{padding:0}.intro,.about,.contact{padding:1rem 0;margin:0;border:none;box-shadow:none}body{background:#fff;color:#000}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}