.navbar[data-v-d9753ff8]{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;z-index:1000;transition:all .3s ease}.nav-container[data-v-d9753ff8]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-brand[data-v-d9753ff8]{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-brand h2[data-v-d9753ff8]{color:#2c3e50;font-size:1.5rem;font-weight:600;transition:color .3s ease}.nav-brand:hover h2[data-v-d9753ff8]{color:#3498db}.nav-menu[data-v-d9753ff8]{display:flex;list-style:none;gap:30px}.nav-link[data-v-d9753ff8]{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-link[data-v-d9753ff8]:hover{color:#3498db}.nav-link[data-v-d9753ff8]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#3498db;transition:width .3s ease}.nav-link[data-v-d9753ff8]:hover:after{width:100%}.hamburger[data-v-d9753ff8]{display:none;flex-direction:column;cursor:pointer}.bar[data-v-d9753ff8]{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.hamburger.active .bar[data-v-d9753ff8]:nth-child(2){opacity:0}.hamburger.active .bar[data-v-d9753ff8]:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar[data-v-d9753ff8]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.nav-menu[data-v-d9753ff8]{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0}.nav-menu.active[data-v-d9753ff8]{left:0}.hamburger[data-v-d9753ff8]{display:flex}}.section[data-v-90d6a5e2]{padding:40px 0;display:flex;align-items:center;background:#ffffff}.container[data-v-90d6a5e2]{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.section-title[data-v-90d6a5e2]{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:30px;position:relative}.section-title[data-v-90d6a5e2]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#3498db}.about-content[data-v-90d6a5e2]{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.about-text p[data-v-90d6a5e2]{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#555}.avatar-container[data-v-90d6a5e2]{width:250px;height:250px;border-radius:50%;overflow:hidden;margin:0 auto;box-shadow:0 8px 24px #0000001a;border:4px solid white;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4px}.avatar-img[data-v-90d6a5e2]{height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder[data-v-90d6a5e2]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d;border-radius:50%}.avatar-placeholder svg[data-v-90d6a5e2]{margin-bottom:8px}.avatar-placeholder span[data-v-90d6a5e2]{font-size:.9rem}@media (max-width: 768px){.about-content[data-v-90d6a5e2]{grid-template-columns:1fr;text-align:center}.section-title[data-v-90d6a5e2]{font-size:2rem}}@media (max-width: 480px){.section[data-v-90d6a5e2]{padding:40px 0}.section-title[data-v-90d6a5e2]{font-size:1.8rem}.avatar-container[data-v-90d6a5e2]{width:200px;height:200px}}.section[data-v-f32c6cb3]{padding:40px 0;display:flex;align-items:center;background:#f8f9fa}.container[data-v-f32c6cb3]{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.section-title[data-v-f32c6cb3]{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:30px;position:relative}.section-title[data-v-f32c6cb3]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#3498db}.skills-grid[data-v-f32c6cb3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.skill-category h3[data-v-f32c6cb3]{font-size:1.5rem;color:#2c3e50;margin-bottom:20px;text-align:center}.skill-tags[data-v-f32c6cb3]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skill-tag[data-v-f32c6cb3]{background:#3498db;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}@media (max-width: 768px){.skills-grid[data-v-f32c6cb3]{grid-template-columns:1fr}.section-title[data-v-f32c6cb3]{font-size:2rem}}@media (max-width: 480px){.section[data-v-f32c6cb3]{padding:40px 0}.section-title[data-v-f32c6cb3]{font-size:1.8rem}}.project-card[data-v-6acb3fe4]{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.project-card[data-v-6acb3fe4]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.project-layout[data-v-6acb3fe4]{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.project-media[data-v-6acb3fe4]{background:#f8f9fa;overflow:hidden;position:relative}.media-wrapper[data-v-6acb3fe4]{width:100%;height:100%;position:relative;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.media-wrapper.clickable[data-v-6acb3fe4]{cursor:pointer}.media-content[data-v-6acb3fe4]{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease;cursor:pointer;pointer-events:auto}.gif-image[data-v-6acb3fe4]{object-fit:cover;cursor:default;pointer-events:none}.media-wrapper.clickable .media-content[data-v-6acb3fe4]:hover{transform:scale(1.02)}.gif-label[data-v-6acb3fe4]{position:absolute;top:12px;right:12px;background:rgba(102,126,234,.95);color:#fff;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #0003}.video-duration[data-v-6acb3fe4]{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.8);color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;font-family:Courier New,monospace;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .3s ease}.video-wrapper:hover .video-duration[data-v-6acb3fe4]{opacity:1}.video-wrapper[data-v-6acb3fe4]{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden}.video-preview[data-v-6acb3fe4]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-play-btn[data-v-6acb3fe4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(102,126,234,.9);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none}.video-wrapper:hover .video-preview[data-v-6acb3fe4]{transform:scale(1.05)}.video-wrapper:hover .video-play-btn[data-v-6acb3fe4]{transform:translate(-50%,-50%) scale(1.1);background:rgba(102,126,234,1)}.project-content[data-v-6acb3fe4]{padding:40px;display:flex;flex-direction:column;justify-content:space-between}.project-header[data-v-6acb3fe4]{margin-bottom:24px}.project-icon[data-v-6acb3fe4]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;color:#fff;flex-shrink:0;margin-bottom:16px}.project-title[data-v-6acb3fe4]{font-size:1.8rem;color:#2c3e50;font-weight:600;margin:0;line-height:1.3}.project-details[data-v-6acb3fe4]{flex:1}.detail-item[data-v-6acb3fe4]{margin-bottom:24px}.detail-item[data-v-6acb3fe4]:last-child{margin-bottom:0}.detail-label[data-v-6acb3fe4]{font-size:.9rem;font-weight:600;color:#3498db;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-text[data-v-6acb3fe4]{font-size:1rem;color:#666;line-height:1.7;margin:0}.project-tech[data-v-6acb3fe4]{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;border-top:1px solid #f0f0f0}.tech-tag[data-v-6acb3fe4]{display:inline-block;padding:6px 14px;background:#e8f4f8;color:#2c3e50;border-radius:20px;font-size:.85rem;font-weight:500}@media (max-width: 968px){.project-layout[data-v-6acb3fe4]{grid-template-columns:1fr}.project-media[data-v-6acb3fe4]{height:300px}.project-content[data-v-6acb3fe4]{padding:32px}.project-title[data-v-6acb3fe4]{font-size:1.5rem}}@media (max-width: 768px){.project-content[data-v-6acb3fe4]{padding:24px}.project-title[data-v-6acb3fe4]{font-size:1.3rem}.project-icon[data-v-6acb3fe4]{width:56px;height:56px}.detail-text[data-v-6acb3fe4]{font-size:.95rem}}.lightbox-modal[data-v-6acb3fe4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-6acb3fe4 .3s ease;overflow:auto}.lightbox-content[data-v-6acb3fe4]{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.lightbox-close[data-v-6acb3fe4]{position:absolute;top:-40px;right:0;background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s ease;z-index:10000}.lightbox-close[data-v-6acb3fe4]:hover{background:rgba(255,255,255,.1)}.lightbox-image[data-v-6acb3fe4]{max-width:100%;max-height:90vh;display:block;border-radius:8px;box-shadow:0 8px 32px #0000004d}.video-modal[data-v-6acb3fe4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-6acb3fe4 .3s ease;overflow:auto}@keyframes fadeIn-6acb3fe4{0%{opacity:0}to{opacity:1}}.video-modal-content[data-v-6acb3fe4]{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto}.video-modal-close[data-v-6acb3fe4]{position:absolute;top:-40px;right:0;background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s ease;z-index:10000}.video-modal-close[data-v-6acb3fe4]:hover{background:rgba(255,255,255,.1)}.video-modal-player[data-v-6acb3fe4]{max-width:100%;max-height:90vh;display:block;border-radius:8px}@media (max-width: 768px){.video-modal-content[data-v-6acb3fe4]{max-width:95vw}.video-modal-close[data-v-6acb3fe4]{top:-35px}}.projects-section[data-v-5db2730b]{padding:40px 20px;background:#f8f9fa}.container[data-v-5db2730b]{max-width:1200px;margin:0 auto}.section-title[data-v-5db2730b]{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.section-subtitle[data-v-5db2730b]{text-align:center;font-size:1.1rem;color:#666;margin-bottom:30px}.projects-grid[data-v-5db2730b]{display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.projects-section[data-v-5db2730b]{padding:40px 20px}.section-title[data-v-5db2730b]{font-size:2rem}.section-subtitle[data-v-5db2730b]{font-size:1rem;margin-bottom:40px}.projects-grid[data-v-5db2730b]{gap:24px}}.contact-section[data-v-750fd627]{padding:40px 20px;background:linear-gradient(135deg,#f0f4ff 0%,#f8f0ff 100%);position:relative;overflow:hidden}.contact-section[data-v-750fd627]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23667eea" fill-opacity="0.03"><circle cx="30" cy="30" r="4"/></g></svg>');opacity:.8}.container[data-v-750fd627]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.contact-header[data-v-750fd627]{text-align:center;margin-bottom:30px}.section-title[data-v-750fd627]{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle[data-v-750fd627]{font-size:1.2rem;color:#666;font-weight:300}.contact-grid[data-v-750fd627]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.contact-card[data-v-750fd627]{background:white;border-radius:20px;padding:32px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a}.contact-card.clickable[data-v-750fd627]{cursor:pointer}.contact-card.clickable[data-v-750fd627]:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0003}.contact-card-icon[data-v-750fd627]{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #0003}.contact-card-content[data-v-750fd627]{flex:1}.contact-card-label[data-v-750fd627]{font-size:.875rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.contact-card-value[data-v-750fd627]{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0;word-break:break-all}@media (max-width: 968px){.contact-grid[data-v-750fd627]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.contact-section[data-v-750fd627]{padding:40px 20px}.section-title[data-v-750fd627]{font-size:2.25rem}.section-subtitle[data-v-750fd627]{font-size:1rem}.contact-grid[data-v-750fd627]{grid-template-columns:1fr;gap:20px}.contact-card[data-v-750fd627]{padding:24px}.contact-card-icon[data-v-750fd627]{width:56px;height:56px}}@media (max-width: 480px){.section-title[data-v-750fd627]{font-size:1.875rem}}.app[data-v-fc2c7374]{min-height:100vh;background:#ffffff}.main-content[data-v-fc2c7374]{margin-top:70px}