*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}#app{width:100%;min-height:100vh}.container[data-v-1435bca6]{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}.header[data-v-1435bca6]{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.header .container[data-v-1435bca6]{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.name[data-v-1435bca6]{font-size:1.5rem;font-weight:700;color:#2c3e50}.nav[data-v-1435bca6]{display:flex;gap:2rem}.nav a[data-v-1435bca6]{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav a[data-v-1435bca6]:hover{color:#3498db}.hero[data-v-1435bca6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:150px 0 100px;text-align:center;min-height:100vh;display:flex;align-items:center}.hero h2[data-v-1435bca6]{font-size:3rem;margin-bottom:1rem;font-weight:300}.hero p[data-v-1435bca6]{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button[data-v-1435bca6]{display:inline-block;background:#3498db;color:#fff;padding:12px 30px;text-decoration:none;border-radius:5px;font-weight:500;transition:background .3s}.cta-button[data-v-1435bca6]:hover{background:#2980b9}.section[data-v-1435bca6]{padding:80px 0}.section[data-v-1435bca6]:first-of-type{padding-top:150px}.section[data-v-1435bca6]:nth-child(2n){background:#f8f9fa}.section h2[data-v-1435bca6]{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.section p[data-v-1435bca6]{text-align:center;font-size:1.1rem;max-width:800px;margin:0 auto 2rem;color:#666}.skills-grid[data-v-1435bca6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.skill-category[data-v-1435bca6]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.skill-category h3[data-v-1435bca6]{color:#3498db;margin-bottom:1rem;font-size:1.2rem}.skill-category ul[data-v-1435bca6]{list-style:none}.skill-category li[data-v-1435bca6]{padding:.5rem 0;border-bottom:1px solid #eee}.skill-category li[data-v-1435bca6]:last-child{border-bottom:none}.projects-grid[data-v-1435bca6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card[data-v-1435bca6]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:transform .3s}.project-card[data-v-1435bca6]:hover{transform:translateY(-5px)}.project-card h3[data-v-1435bca6]{color:#2c3e50;margin-bottom:1rem}.project-card p[data-v-1435bca6]{text-align:left;margin-bottom:1rem}.tech-tags[data-v-1435bca6]{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tags span[data-v-1435bca6]{background:#3498db;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.contact-info[data-v-1435bca6]{background:#f8f9fa;padding:2rem;border-radius:8px;margin-top:2rem;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.contact-info p[data-v-1435bca6]{margin-bottom:.5rem;text-align:left}.contact-info-main[data-v-1435bca6]{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.contact-item[data-v-1435bca6]{text-align:center;font-size:1.1rem}.contact-links[data-v-1435bca6]{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.contact-link[data-v-1435bca6]{display:inline-block;background:#3498db;color:#fff;padding:12px 25px;text-decoration:none;border-radius:5px;transition:background .3s}.contact-link[data-v-1435bca6]:hover{background:#2980b9}.certifications[data-v-1435bca6]{margin-top:4rem;text-align:center}.certifications h3[data-v-1435bca6]{color:#2c3e50;margin-bottom:2rem;font-size:1.8rem}.cert-grid[data-v-1435bca6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.cert-item[data-v-1435bca6]{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 5px #0000001a;border-left:4px solid #3498db}.footer[data-v-1435bca6]{background:#2c3e50;color:#fff;text-align:center;padding:2rem 0}@media (max-width: 768px){.header .container[data-v-1435bca6]{flex-direction:column;gap:1rem}.nav[data-v-1435bca6]{gap:1rem}.hero h2[data-v-1435bca6]{font-size:2rem}.contact-links[data-v-1435bca6]{flex-direction:column;align-items:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--color-primary: #3498db;--color-primary-dark: #2980b9;--color-secondary: #2c3e50;--color-accent: #667eea;--color-accent-2: #764ba2;--color-text: #333;--color-text-light: #666;--color-text-inverse: #fff;--color-bg: #fff;--color-bg-alt: #f8f9fa;--color-bg-dark: #2c3e50;--color-border: #eee;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-dark: rgba(0, 0, 0, .2);--font-family-base: "Inter", "Segoe UI", "Roboto", sans-serif;--font-family-heading: "Inter", "Segoe UI", "Roboto", sans-serif;--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;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-max-width: 1200px;--container-padding: var(--space-5);--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow: 0 1px 3px 0 var(--color-shadow), 0 1px 2px -1px var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow), 0 2px 4px -2px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow), 0 4px 6px -4px var(--color-shadow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-secondary)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.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}@media (max-width: 768px){:root{--container-padding: var(--space-4);--font-size-5xl: 2rem;--font-size-4xl: 1.75rem}}