:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:#333;background:#f8f9fa;line-height:1.6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%}#app{max-width:none;margin:0;padding:0;font-weight:400;width:100%;min-height:100vh}body{display:block;margin:0;padding:0;width:100%;background:#f8f9fa}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (min-width: 1024px){body{display:block}#app{display:flex;flex-direction:column;width:100%}}.navigation[data-v-df25e5a5]{background:#2c3e50;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:relative}.nav-container[data-v-df25e5a5]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:relative}.nav-brand h2[data-v-df25e5a5]{color:#ecf0f1;margin:0;font-size:1.5rem;font-weight:700}.desktop-nav[data-v-df25e5a5]{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-links li a[data-v-df25e5a5]{color:#ecf0f1;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;transition:all .3s ease;font-weight:500;font-size:1rem;position:relative}.nav-links li a[data-v-df25e5a5]:hover,.nav-links li a.active[data-v-df25e5a5]{background:#3498db;color:#fff;transform:translateY(-2px)}.mobile-menu-btn[data-v-df25e5a5]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.mobile-menu-btn span[data-v-df25e5a5]{width:25px;height:3px;background:#ecf0f1;margin:3px 0;transition:all .3s ease;border-radius:2px}.mobile-menu-btn.active span[data-v-df25e5a5]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span[data-v-df25e5a5]:nth-child(2){opacity:0}.mobile-menu-btn.active span[data-v-df25e5a5]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav[data-v-df25e5a5]{display:none;position:absolute;top:100%;left:0;right:0;background:#2c3e50;box-shadow:0 4px 6px #0000001a;z-index:1000;transform:translateY(-100%);opacity:0;transition:all .3s ease}.mobile-nav.open[data-v-df25e5a5]{transform:translateY(0);opacity:1}.mobile-nav-links[data-v-df25e5a5]{list-style:none;margin:0;padding:1rem 0;display:flex;flex-direction:column}.mobile-nav-links li[data-v-df25e5a5]{width:100%}.mobile-nav-links li a[data-v-df25e5a5]{display:block;padding:1rem 2rem;text-align:center;border-radius:0;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-links li:last-child a[data-v-df25e5a5]{border-bottom:none}@media (max-width: 768px){.desktop-nav[data-v-df25e5a5]{display:none}.mobile-menu-btn[data-v-df25e5a5]{display:flex}.mobile-nav[data-v-df25e5a5]{display:block}.nav-container[data-v-df25e5a5]{padding:0 1rem}}@media (max-width: 480px){.nav-brand h2[data-v-df25e5a5]{font-size:1.25rem}.nav-container[data-v-df25e5a5]{padding:0 .75rem}}@media (min-width: 769px) and (max-width: 1024px){.nav-links li a[data-v-df25e5a5]{padding:.5rem 1rem;font-size:.95rem}.nav-links[data-v-df25e5a5]{gap:1.5rem}}.home-page[data-v-a5ec2e49]{min-height:100vh}.hero[data-v-a5ec2e49]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 2rem;text-align:center}.hero-content[data-v-a5ec2e49]{max-width:800px;margin:0 auto}.hero-title[data-v-a5ec2e49]{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-subtitle[data-v-a5ec2e49]{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-buttons[data-v-a5ec2e49]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn[data-v-a5ec2e49]{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary[data-v-a5ec2e49]{background:#3498db;color:#fff}.btn-primary[data-v-a5ec2e49]:hover{background:#2980b9;transform:translateY(-2px)}.btn-secondary[data-v-a5ec2e49]{background:transparent;color:#fff;border:2px solid white}.btn-secondary[data-v-a5ec2e49]:hover{background:#fff;color:#667eea}.features[data-v-a5ec2e49]{padding:6rem 2rem;background:#f8f9fa}.container[data-v-a5ec2e49]{max-width:1200px;margin:0 auto}.section-title[data-v-a5ec2e49]{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.features-grid[data-v-a5ec2e49]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-a5ec2e49]{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.feature-card[data-v-a5ec2e49]:hover{transform:translateY(-5px)}.feature-icon[data-v-a5ec2e49]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-a5ec2e49]{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}.feature-card p[data-v-a5ec2e49]{color:#7f8c8d;line-height:1.6}@media (max-width: 1024px){.hero[data-v-a5ec2e49]{padding:4rem 1.5rem}.hero-title[data-v-a5ec2e49]{font-size:3rem}.features[data-v-a5ec2e49]{padding:4rem 1.5rem}}@media (max-width: 768px){.hero[data-v-a5ec2e49]{padding:3rem 1rem}.hero-title[data-v-a5ec2e49]{font-size:2.5rem;line-height:1.2}.hero-subtitle[data-v-a5ec2e49]{font-size:1.1rem}.hero-buttons[data-v-a5ec2e49]{flex-direction:column;align-items:center;gap:1rem}.btn[data-v-a5ec2e49]{width:200px;padding:.75rem 1.5rem}.features[data-v-a5ec2e49]{padding:3rem 1rem}.features-grid[data-v-a5ec2e49]{grid-template-columns:1fr;gap:1.5rem}.feature-card[data-v-a5ec2e49]{padding:1.5rem}.section-title[data-v-a5ec2e49]{font-size:2rem;margin-bottom:2rem}}@media (max-width: 480px){.hero[data-v-a5ec2e49]{padding:2rem .75rem}.hero-title[data-v-a5ec2e49]{font-size:2rem}.hero-subtitle[data-v-a5ec2e49]{font-size:1rem}.btn[data-v-a5ec2e49]{width:180px;padding:.6rem 1.2rem;font-size:.9rem}.features[data-v-a5ec2e49]{padding:2rem .75rem}.feature-card[data-v-a5ec2e49]{padding:1.25rem}.feature-icon[data-v-a5ec2e49]{font-size:2.5rem}.feature-card h3[data-v-a5ec2e49]{font-size:1.25rem}.section-title[data-v-a5ec2e49]{font-size:1.75rem}}@media (min-width: 769px) and (max-width: 1024px){.features-grid[data-v-a5ec2e49]{grid-template-columns:repeat(2,1fr)}}.about-page[data-v-fb9ab747]{min-height:100vh;background:#f8f9fa}.container[data-v-fb9ab747]{max-width:1200px;margin:0 auto;padding:0 2rem}.about-hero[data-v-fb9ab747]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;margin-bottom:4rem}.about-content[data-v-fb9ab747]{display:flex;justify-content:center}.profile-section[data-v-fb9ab747]{display:flex;align-items:center;gap:2rem;text-align:center}.profile-image[data-v-fb9ab747]{flex-shrink:0}.avatar-placeholder[data-v-fb9ab747]{width:150px;height:150px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;border:4px solid rgba(255,255,255,.3)}.profile-name[data-v-fb9ab747]{font-size:2.5rem;margin:0 0 .5rem;font-weight:700}.profile-title[data-v-fb9ab747]{font-size:1.25rem;margin:0 0 .5rem;opacity:.9}.profile-location[data-v-fb9ab747]{font-size:1rem;margin:0;opacity:.8}.about-details[data-v-fb9ab747]{margin-bottom:4rem}.about-grid[data-v-fb9ab747]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text h2[data-v-fb9ab747],.skills-section h2[data-v-fb9ab747]{font-size:2rem;margin-bottom:1.5rem;color:#2c3e50}.about-text p[data-v-fb9ab747]{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:1.5rem}.skills-section h2[data-v-fb9ab747]{margin-bottom:2rem}.skills-grid[data-v-fb9ab747]{display:flex;flex-direction:column;gap:2rem}.skill-category h3[data-v-fb9ab747]{font-size:1.25rem;margin-bottom:1rem;color:#2c3e50}.skill-tags[data-v-fb9ab747]{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag[data-v-fb9ab747]{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.contact-section[data-v-fb9ab747]{background:#fff;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;margin-bottom:4rem}.contact-section h2[data-v-fb9ab747]{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.contact-section p[data-v-fb9ab747]{font-size:1.1rem;color:#555;margin-bottom:2rem}.contact-buttons[data-v-fb9ab747]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn[data-v-fb9ab747]{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary[data-v-fb9ab747]{background:#3498db;color:#fff}.btn-primary[data-v-fb9ab747]:hover{background:#2980b9;transform:translateY(-2px)}.btn-secondary[data-v-fb9ab747]{background:transparent;color:#3498db;border:2px solid #3498db}.btn-secondary[data-v-fb9ab747]:hover{background:#3498db;color:#fff}@media (max-width: 1024px){.about-hero[data-v-fb9ab747]{padding:3rem 0}.profile-section[data-v-fb9ab747]{gap:1.5rem}.avatar-placeholder[data-v-fb9ab747]{width:120px;height:120px;font-size:3rem}.profile-name[data-v-fb9ab747]{font-size:2rem}.about-grid[data-v-fb9ab747]{gap:3rem}}@media (max-width: 768px){.about-hero[data-v-fb9ab747]{padding:2.5rem 0;margin-bottom:3rem}.profile-section[data-v-fb9ab747]{flex-direction:column;text-align:center;gap:1.5rem}.avatar-placeholder[data-v-fb9ab747]{width:100px;height:100px;font-size:2.5rem}.profile-name[data-v-fb9ab747]{font-size:1.75rem}.profile-title[data-v-fb9ab747]{font-size:1.1rem}.about-grid[data-v-fb9ab747]{grid-template-columns:1fr;gap:2rem}.about-text h2[data-v-fb9ab747],.skills-section h2[data-v-fb9ab747]{font-size:1.75rem}.about-text p[data-v-fb9ab747]{font-size:1rem}.contact-section[data-v-fb9ab747]{padding:2rem;margin-bottom:3rem}.contact-buttons[data-v-fb9ab747]{flex-direction:column;align-items:center;gap:1rem}.btn[data-v-fb9ab747]{width:200px;padding:.75rem 1.5rem}.skills-grid[data-v-fb9ab747]{gap:1.5rem}.skill-category h3[data-v-fb9ab747]{font-size:1.1rem}.skill-tag[data-v-fb9ab747]{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 480px){.container[data-v-fb9ab747]{padding:0 1rem}.about-hero[data-v-fb9ab747]{padding:2rem 0}.avatar-placeholder[data-v-fb9ab747]{width:80px;height:80px;font-size:2rem}.profile-name[data-v-fb9ab747]{font-size:1.5rem}.profile-title[data-v-fb9ab747]{font-size:1rem}.about-text h2[data-v-fb9ab747],.skills-section h2[data-v-fb9ab747]{font-size:1.5rem}.about-text p[data-v-fb9ab747]{font-size:.95rem}.contact-section[data-v-fb9ab747]{padding:1.5rem}.contact-section h2[data-v-fb9ab747]{font-size:1.5rem}.btn[data-v-fb9ab747]{width:180px;padding:.6rem 1.2rem;font-size:.9rem}.skill-tag[data-v-fb9ab747]{font-size:.8rem;padding:.3rem .6rem}}@media (min-width: 769px) and (max-width: 1024px){.skills-grid[data-v-fb9ab747]{gap:1.5rem}.skill-tag[data-v-fb9ab747]{font-size:.9rem;padding:.4rem .8rem}}.projects-page[data-v-1989c248]{min-height:100vh;background:#f8f9fa;padding:2rem 0}.container[data-v-1989c248]{max-width:1200px;margin:0 auto;padding:0 2rem}.projects-hero[data-v-1989c248]{text-align:center;margin-bottom:4rem;padding:4rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.page-title[data-v-1989c248]{font-size:3rem;margin-bottom:1rem;font-weight:700}.page-subtitle[data-v-1989c248]{font-size:1.25rem;opacity:.9}.projects-grid[data-v-1989c248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.project-card[data-v-1989c248]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card[data-v-1989c248]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.project-image[data-v-1989c248]{height:200px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}.image-placeholder[data-v-1989c248]{font-size:4rem;opacity:.7}.project-content[data-v-1989c248]{padding:2rem}.project-title[data-v-1989c248]{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50;font-weight:600}.project-description[data-v-1989c248]{color:#555;line-height:1.6;margin-bottom:1.5rem}.project-tech[data-v-1989c248]{margin-bottom:1.5rem}.tech-tag[data-v-1989c248]{background:#ecf0f1;color:#2c3e50;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;margin-right:.5rem;margin-bottom:.5rem;display:inline-block}.project-links[data-v-1989c248]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-1989c248]{padding:.5rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary[data-v-1989c248]{background:#3498db;color:#fff}.btn-primary[data-v-1989c248]:hover{background:#2980b9;transform:translateY(-2px)}.btn-secondary[data-v-1989c248]{background:transparent;color:#3498db;border:2px solid #3498db}.btn-secondary[data-v-1989c248]:hover{background:#3498db;color:#fff}.cta-section[data-v-1989c248]{background:#fff;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.cta-section h2[data-v-1989c248]{font-size:2rem;margin-bottom:1rem;color:#2c3e50}.cta-section p[data-v-1989c248]{font-size:1.1rem;color:#555;margin-bottom:2rem}@media (max-width: 1024px){.projects-hero[data-v-1989c248]{padding:3rem 0}.page-title[data-v-1989c248]{font-size:2.5rem}.projects-grid[data-v-1989c248]{grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-content[data-v-1989c248]{padding:1.5rem}}@media (max-width: 768px){.projects-hero[data-v-1989c248]{padding:2.5rem 0;margin-bottom:3rem}.page-title[data-v-1989c248]{font-size:2rem}.page-subtitle[data-v-1989c248]{font-size:1.1rem}.projects-grid[data-v-1989c248]{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.project-card[data-v-1989c248]{margin-bottom:1rem}.project-content[data-v-1989c248]{padding:1.5rem}.project-title[data-v-1989c248]{font-size:1.25rem}.project-description[data-v-1989c248]{font-size:.95rem}.project-links[data-v-1989c248]{flex-direction:column;gap:.75rem}.btn[data-v-1989c248]{width:100%;text-align:center;padding:.75rem 1.5rem}.cta-section[data-v-1989c248]{padding:2rem}.cta-section h2[data-v-1989c248]{font-size:1.75rem}.tech-tag[data-v-1989c248]{font-size:.8rem;padding:.3rem .6rem}}@media (max-width: 480px){.container[data-v-1989c248]{padding:0 1rem}.projects-hero[data-v-1989c248]{padding:2rem 0}.page-title[data-v-1989c248]{font-size:1.75rem}.page-subtitle[data-v-1989c248]{font-size:1rem}.projects-grid[data-v-1989c248]{gap:1rem}.project-content[data-v-1989c248]{padding:1.25rem}.project-title[data-v-1989c248]{font-size:1.1rem}.project-description[data-v-1989c248]{font-size:.9rem}.project-image[data-v-1989c248]{height:150px}.image-placeholder[data-v-1989c248]{font-size:3rem}.cta-section[data-v-1989c248]{padding:1.5rem}.cta-section h2[data-v-1989c248]{font-size:1.5rem}.cta-section p[data-v-1989c248]{font-size:1rem}.btn[data-v-1989c248]{padding:.6rem 1.2rem;font-size:.9rem}.tech-tag[data-v-1989c248]{font-size:.75rem;padding:.25rem .5rem}}@media (min-width: 769px) and (max-width: 1024px){.project-links[data-v-1989c248]{flex-direction:column;gap:.5rem}.btn[data-v-1989c248]{width:100%;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden;margin:0;padding:0;width:100%;background:#f8f9fa}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;position:relative}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}@media (max-width: 768px){body{font-size:14px}input,textarea,select{font-size:16px}}@media (hover: none) and (pointer: coarse){.btn,.nav-links li a{min-height:44px;display:flex;align-items:center;justify-content:center}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.btn,.nav-links li a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}