@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;color:#333}.theme-toggle[data-v-699e6986]{display:flex;align-items:center}.theme-button[data-v-699e6986]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal),background-color var(--transition-theme);font-size:var(--text-sm);font-weight:500;font-family:inherit;min-width:80px}.theme-button[data-v-699e6986]:hover{background:var(--surface-tertiary);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.theme-button[data-v-699e6986]:active{transform:translateY(0)}.theme-icon-container[data-v-699e6986]{position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.theme-icon[data-v-699e6986]{color:currentColor;transition:all var(--transition-normal)}.theme-button:hover .theme-icon[data-v-699e6986]{transform:scale(1.1)}.theme-button.dark .theme-icon[data-v-699e6986]{color:var(--accent-secondary)}.theme-label[data-v-699e6986]{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.theme-icon-enter-active[data-v-699e6986],.theme-icon-leave-active[data-v-699e6986]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.theme-icon-enter-from[data-v-699e6986]{opacity:0;transform:rotate(180deg) scale(.8)}.theme-icon-leave-to[data-v-699e6986]{opacity:0;transform:rotate(-180deg) scale(.8)}.theme-icon-enter-to[data-v-699e6986],.theme-icon-leave-from[data-v-699e6986]{opacity:1;transform:rotate(0) scale(1)}@media (max-width: 768px){.theme-button[data-v-699e6986]{min-width:60px;padding:var(--space-2)}.theme-label[data-v-699e6986]{display:none}}.header[data-v-768b469d]{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f8fafccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);transition:all var(--transition-normal),background-color var(--transition-theme),border-color var(--transition-theme)}.header.scrolled[data-v-768b469d]{background:#f8fafcf2;box-shadow:var(--shadow-md)}[data-theme=dark] .header[data-v-768b469d]{background:#0f172acc;border-bottom:1px solid var(--border-primary)}[data-theme=dark] .header.scrolled[data-v-768b469d]{background:#0f172af2}.nav[data-v-768b469d]{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;height:80px}.nav-brand[data-v-768b469d]{display:flex;align-items:center}.brand-link[data-v-768b469d]{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--text-xl);transition:all var(--transition-normal),color var(--transition-theme)}.brand-link[data-v-768b469d]:hover{color:var(--accent-primary)}.brand-icon[data-v-768b469d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);color:#fff;transition:all var(--transition-normal)}.brand-link:hover .brand-icon[data-v-768b469d]{transform:rotate(180deg)}.nav-menu[data-v-768b469d]{display:flex;align-items:center;gap:var(--space-8)}.nav-links[data-v-768b469d]{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6)}.nav-item[data-v-768b469d]{position:relative}.nav-link[data-v-768b469d]{display:block;color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);transition:all var(--transition-normal),color var(--transition-theme);position:relative}.nav-link[data-v-768b469d]:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all var(--transition-normal);transform:translate(-50%)}.nav-link[data-v-768b469d]:hover,.nav-link.active[data-v-768b469d]{color:var(--accent-primary);background:#6366f11a}.nav-link[data-v-768b469d]:hover:after,.nav-link.active[data-v-768b469d]:after{width:80%}.nav-actions[data-v-768b469d]{display:flex;align-items:center;gap:var(--space-4)}.social-link[data-v-768b469d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-tertiary);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-normal),color var(--transition-theme)}.social-link[data-v-768b469d]:hover{color:var(--accent-primary);background:#6366f11a;transform:translateY(-2px)}.btn-sm[data-v-768b469d]{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.nav-toggle[data-v-768b469d]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav-toggle span[data-v-768b469d]{width:24px;height:2px;background:var(--primary-700);transition:all var(--transition-normal);transform-origin:center}.nav-toggle.active span[data-v-768b469d]:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span[data-v-768b469d]:nth-child(2){opacity:0}.nav-toggle.active span[data-v-768b469d]:third-child{transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.nav[data-v-768b469d]{padding:0 var(--space-4);height:70px}.nav-toggle[data-v-768b469d]{display:flex;z-index:1001}.nav-menu[data-v-768b469d]{position:fixed;inset:0;background:#f8fafcfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:var(--space-12);opacity:0;visibility:hidden;transform:translateY(-100%);transition:all var(--transition-normal)}.nav-menu.active[data-v-768b469d]{opacity:1;visibility:visible;transform:translateY(0)}.nav-links[data-v-768b469d]{flex-direction:column;gap:var(--space-6);text-align:center}.nav-link[data-v-768b469d]{font-size:var(--text-lg);padding:var(--space-4)}.nav-actions[data-v-768b469d]{justify-content:center}.brand-text[data-v-768b469d]{font-size:var(--text-lg)}}@media (max-width: 480px){.nav[data-v-768b469d]{padding:0 var(--space-3)}.brand-text[data-v-768b469d]{display:none}.brand-icon[data-v-768b469d]{width:36px;height:36px}}.hero[data-v-4644333a]{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);transition:background var(--transition-theme)}.hero-background[data-v-4644333a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.gradient-orb[data-v-4644333a]{position:absolute;border-radius:50%;opacity:.1;animation:float 8s ease-in-out infinite}.orb-1[data-v-4644333a]{width:400px;height:400px;background:var(--gradient-primary);top:10%;left:10%;animation-delay:0s}.orb-2[data-v-4644333a]{width:300px;height:300px;background:var(--gradient-secondary);top:60%;right:10%;animation-delay:2s}.orb-3[data-v-4644333a]{width:200px;height:200px;background:var(--gradient-accent);bottom:20%;left:60%;animation-delay:4s}.hero-content[data-v-4644333a]{max-width:1200px;width:100%;padding:0 var(--space-8);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;z-index:1}.hero-text[data-v-4644333a]{display:flex;flex-direction:column;gap:var(--space-6)}.hero-title[data-v-4644333a]{font-size:var(--text-6xl);font-weight:800;line-height:1.1;margin:0}.greeting[data-v-4644333a]{display:block;font-size:var(--text-2xl);font-weight:500;color:var(--text-tertiary);margin-bottom:var(--space-2);opacity:0;animation:slideInLeft-4644333a .8s ease-out forwards;transition:color var(--transition-theme)}.name[data-v-4644333a]{display:block;opacity:0;animation:slideInLeft-4644333a .8s ease-out .2s forwards}.hero-subtitle[data-v-4644333a]{font-size:var(--text-2xl);font-weight:600;color:var(--text-secondary);margin:0;opacity:0;animation:slideInLeft-4644333a .8s ease-out .4s forwards;transition:color var(--transition-theme)}.hero-description[data-v-4644333a]{font-size:var(--text-lg);color:var(--text-tertiary);line-height:1.7;margin:0;opacity:0;animation:slideInLeft-4644333a .8s ease-out .6s forwards;transition:color var(--transition-theme)}.hero-actions[data-v-4644333a]{display:flex;gap:var(--space-4);margin-top:var(--space-4);opacity:0;animation:slideInLeft-4644333a .8s ease-out .8s forwards}.hero-visual[data-v-4644333a]{display:flex;justify-content:center;align-items:center}.code-window[data-v-4644333a]{width:100%;max-width:500px;background:var(--primary-900);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);overflow:hidden;opacity:0;transform:translateY(50px);animation:slideUp-4644333a .8s ease-out 1s forwards;border:1px solid var(--border-primary);transition:border-color var(--transition-theme)}[data-theme=dark] .code-window[data-v-4644333a]{background:var(--dark-primary-300);border-color:var(--border-secondary)}.window-header[data-v-4644333a]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--primary-800);border-bottom:1px solid var(--primary-700)}[data-theme=dark] .window-header[data-v-4644333a]{background:var(--dark-primary-400);border-bottom:1px solid var(--dark-primary-300)}.window-controls[data-v-4644333a]{display:flex;gap:var(--space-2)}.control[data-v-4644333a]{width:12px;height:12px;border-radius:50%}.control-close[data-v-4644333a]{background:#ff5f57}.control-minimize[data-v-4644333a]{background:#ffbd2e}.control-maximize[data-v-4644333a]{background:#28ca42}.window-title[data-v-4644333a]{color:var(--primary-300);font-size:var(--text-sm);font-weight:500}.code-content[data-v-4644333a]{padding:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8}.code-line[data-v-4644333a]{display:flex;opacity:0;animation:fadeIn-4644333a .3s ease-out forwards}.line-number[data-v-4644333a]{color:var(--primary-500);width:30px;text-align:right;margin-right:var(--space-4);-webkit-user-select:none;user-select:none}.code-text[data-v-4644333a]{color:var(--primary-200)}.keyword[data-v-4644333a]{color:#c792ea}.class-name[data-v-4644333a]{color:#ffcb8b}.type[data-v-4644333a]{color:#82aaff}.variable[data-v-4644333a]{color:#ecc48d}.string[data-v-4644333a]{color:#c3e88d}.method[data-v-4644333a]{color:#82aaff}.scroll-indicator[data-v-4644333a]{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-tertiary);opacity:0;animation:fadeIn-4644333a .8s ease-out 1.5s forwards;transition:color var(--transition-theme)}.scroll-text[data-v-4644333a]{font-size:var(--text-sm);font-weight:500}.scroll-arrow[data-v-4644333a]{animation:bounce-4644333a 2s infinite}@keyframes bounce-4644333a{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideInLeft-4644333a{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp-4644333a{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-4644333a{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.hero-content[data-v-4644333a]{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title[data-v-4644333a]{font-size:var(--text-4xl)}.hero-subtitle[data-v-4644333a]{font-size:var(--text-xl)}.hero-actions[data-v-4644333a]{flex-direction:column;align-items:center}.code-window[data-v-4644333a]{max-width:100%}.orb-1[data-v-4644333a],.orb-2[data-v-4644333a],.orb-3[data-v-4644333a]{transform:scale(.6)}}.about-section[data-v-f1e045d3]{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden;transition:background var(--transition-theme)}.about-section[data-v-f1e045d3]:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);border-radius:50%;transform:translate(50%,-50%)}.about-container[data-v-f1e045d3]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.section-header[data-v-f1e045d3]{text-align:center;margin-bottom:var(--space-16)}.section-title[data-v-f1e045d3]{font-size:var(--text-5xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--space-4) 0;opacity:0;transform:translateY(30px);transition:all .8s ease-out,color var(--transition-theme)}.section-title.animate-in[data-v-f1e045d3]{opacity:1;transform:translateY(0)}.section-subtitle[data-v-f1e045d3]{font-size:var(--text-xl);color:var(--text-tertiary);margin:0;opacity:0;transform:translateY(30px);transition:all .8s ease-out .2s,color var(--transition-theme)}.section-subtitle.animate-in[data-v-f1e045d3]{opacity:1;transform:translateY(0)}.about-content[data-v-f1e045d3]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.about-text[data-v-f1e045d3]{display:flex;flex-direction:column;gap:var(--space-8);opacity:0;transform:translate(-50px);transition:all .8s ease-out}.about-text.animate-in[data-v-f1e045d3]{opacity:1;transform:translate(0)}.text-block[data-v-f1e045d3]{padding:var(--space-6);background:var(--surface-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:all var(--transition-normal),background-color var(--transition-theme),border-color var(--transition-theme)}.text-block[data-v-f1e045d3]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.text-title[data-v-f1e045d3]{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4) 0;position:relative;transition:color var(--transition-theme)}.text-title[data-v-f1e045d3]:before{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--gradient-primary);border-radius:2px}.text-description[data-v-f1e045d3]{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin:0;transition:color var(--transition-theme)}.stats-grid[data-v-f1e045d3]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat-item[data-v-f1e045d3]{text-align:center;padding:var(--space-4);background:#6366f10d;border-radius:var(--border-radius-lg);border:1px solid rgba(99,102,241,.1);opacity:0;transform:translateY(20px);animation:slideUp-f1e045d3 .6s ease-out forwards}.stat-number[data-v-f1e045d3]{font-size:var(--text-2xl);font-weight:800;color:var(--accent-primary);margin-bottom:var(--space-1)}.stat-label[data-v-f1e045d3]{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;transition:color var(--transition-theme)}.skills-section[data-v-f1e045d3]{opacity:0;transform:translate(50px);transition:all .8s ease-out}.skills-section.animate-in[data-v-f1e045d3]{opacity:1;transform:translate(0)}.skills-title[data-v-f1e045d3]{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-8) 0;text-align:center;transition:color var(--transition-theme)}.skills-grid[data-v-f1e045d3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.skill-card[data-v-f1e045d3]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-normal),background-color var(--transition-theme),border-color var(--transition-theme);opacity:0;transform:translateY(20px);animation:slideUp-f1e045d3 .6s ease-out forwards}.skill-card[data-v-f1e045d3]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.skill-icon[data-v-f1e045d3]{width:40px;height:40px;background:var(--surface-tertiary);border-radius:var(--border-radius-md);position:relative;overflow:hidden;transition:background-color var(--transition-theme)}.skill-level[data-v-f1e045d3]{position:absolute;bottom:0;left:0;height:100%;background:var(--gradient-primary);transition:width 1s ease-out;border-radius:var(--border-radius-md)}.skill-info[data-v-f1e045d3]{flex:1}.skill-name[data-v-f1e045d3]{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);transition:color var(--transition-theme)}.skill-category[data-v-f1e045d3]{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;transition:color var(--transition-theme)}@keyframes slideUp-f1e045d3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-section[data-v-f1e045d3]{padding:var(--space-16) 0}.about-container[data-v-f1e045d3]{padding:0 var(--space-4)}.section-title[data-v-f1e045d3]{font-size:var(--text-4xl)}.section-subtitle[data-v-f1e045d3]{font-size:var(--text-lg)}.about-content[data-v-f1e045d3]{grid-template-columns:1fr;gap:var(--space-12)}.stats-grid[data-v-f1e045d3]{grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.stat-item[data-v-f1e045d3]{padding:var(--space-3)}.stat-number[data-v-f1e045d3]{font-size:var(--text-lg)}.stat-label[data-v-f1e045d3]{font-size:var(--text-xs)}.skills-grid[data-v-f1e045d3]{grid-template-columns:1fr}}.projects-section[data-v-a6d084b9]{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 100%);color:#fff;position:relative;overflow:hidden;transition:background var(--transition-theme)}[data-theme=dark] .projects-section[data-v-a6d084b9]{background:linear-gradient(135deg,var(--dark-primary-100) 0%,var(--dark-primary-200) 100%)}.projects-section[data-v-a6d084b9]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.projects-container[data-v-a6d084b9]{max-width:1200px;margin:0 auto;padding:0 var(--space-8);position:relative;z-index:1}.section-header[data-v-a6d084b9]{text-align:center;margin-bottom:var(--space-16)}.section-title[data-v-a6d084b9]{font-size:var(--text-5xl);font-weight:800;margin:0 0 var(--space-4) 0;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.section-title.animate-in[data-v-a6d084b9]{opacity:1;transform:translateY(0)}.section-subtitle[data-v-a6d084b9]{font-size:var(--text-xl);color:#fffc;margin:0;opacity:0;transform:translateY(30px);transition:all .8s ease-out .2s}.section-subtitle.animate-in[data-v-a6d084b9]{opacity:1;transform:translateY(0)}.projects-grid[data-v-a6d084b9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8);opacity:0;transform:translateY(50px);transition:all .8s ease-out}.projects-grid.animate-in[data-v-a6d084b9]{opacity:1;transform:translateY(0)}.project-card[data-v-a6d084b9]{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal),background-color var(--transition-theme),border-color var(--transition-theme);opacity:0;transform:translateY(30px);animation:slideUp-a6d084b9 .6s ease-out forwards}[data-theme=dark] .project-card[data-v-a6d084b9]{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .project-card[data-v-a6d084b9]:hover{background:#ffffff0f;border-color:#6366f166}.project-card[data-v-a6d084b9]:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000004d;border-color:#6366f14d}.project-image[data-v-a6d084b9]{height:200px;position:relative;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-gradient[data-v-a6d084b9]{position:absolute;inset:0;background:linear-gradient(45deg,#6366f1cc,#8b5cf6cc,#06b6d4cc);opacity:.9}.project-tech-preview[data-v-a6d084b9]{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1}.tech-badge[data-v-a6d084b9]{padding:var(--space-1) var(--space-3);background:#fff3;border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-content[data-v-a6d084b9]{padding:var(--space-6)}.project-header[data-v-a6d084b9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.project-title[data-v-a6d084b9]{font-size:var(--text-xl);font-weight:700;margin:0;color:#fff}.status-badge[data-v-a6d084b9]{padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.completed[data-v-a6d084b9]{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.project-description[data-v-a6d084b9]{color:#ffffffe6;line-height:1.6;margin-bottom:var(--space-6)}.project-features[data-v-a6d084b9]{margin-bottom:var(--space-6)}.feature-item[data-v-a6d084b9]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:#fffc;font-size:var(--text-sm)}.feature-item svg[data-v-a6d084b9]{color:var(--accent-success);flex-shrink:0}.project-tech[data-v-a6d084b9]{margin-bottom:var(--space-6)}.tech-grid[data-v-a6d084b9]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag[data-v-a6d084b9]{padding:var(--space-1) var(--space-3);background:#ffffff1a;border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:500;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal)}.tech-tag[data-v-a6d084b9]:hover{background:#fff3;transform:translateY(-1px)}.project-actions[data-v-a6d084b9]{display:flex;gap:var(--space-4);align-items:center}.btn-link[data-v-a6d084b9]{display:flex;align-items:center;gap:var(--space-2);color:#fffc;text-decoration:none;font-weight:500;transition:all var(--transition-normal);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md)}.btn-link[data-v-a6d084b9]:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.btn[data-v-a6d084b9]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--border-radius-full);text-decoration:none;font-weight:600;transition:all var(--transition-normal)}.btn-primary[data-v-a6d084b9]{background:var(--gradient-primary);color:#fff}.btn-primary[data-v-a6d084b9]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}@keyframes slideUp-a6d084b9{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.projects-section[data-v-a6d084b9]{padding:var(--space-16) 0}.projects-container[data-v-a6d084b9]{padding:0 var(--space-4)}.section-title[data-v-a6d084b9]{font-size:var(--text-4xl)}.section-subtitle[data-v-a6d084b9]{font-size:var(--text-lg)}.projects-grid[data-v-a6d084b9]{grid-template-columns:1fr;gap:var(--space-6)}.project-card[data-v-a6d084b9]{margin:0 auto;max-width:100%}.project-image[data-v-a6d084b9]{height:150px}.project-actions[data-v-a6d084b9]{flex-direction:column;gap:var(--space-3)}.btn[data-v-a6d084b9],.btn-link[data-v-a6d084b9]{justify-content:center;width:100%}}.contact-section[data-v-8571c129]{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden;transition:background var(--transition-theme)}.contact-section[data-v-8571c129]:before{content:"";position:absolute;bottom:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,50%)}.contact-container[data-v-8571c129]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.section-header[data-v-8571c129]{text-align:center;margin-bottom:var(--space-16)}.section-title[data-v-8571c129]{font-size:var(--text-5xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--space-4) 0;opacity:0;transform:translateY(30px);transition:all .8s ease-out,color var(--transition-theme)}.section-title.animate-in[data-v-8571c129]{opacity:1;transform:translateY(0)}.section-subtitle[data-v-8571c129]{font-size:var(--text-xl);color:var(--text-tertiary);margin:0;opacity:0;transform:translateY(30px);transition:all .8s ease-out .2s,color var(--transition-theme)}.section-subtitle.animate-in[data-v-8571c129]{opacity:1;transform:translateY(0)}.contact-content[data-v-8571c129]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact-info[data-v-8571c129]{opacity:0;transform:translate(-50px);transition:all .8s ease-out}.contact-info.animate-in[data-v-8571c129]{opacity:1;transform:translate(0)}.info-card[data-v-8571c129]{background:var(--surface-primary);border-radius:var(--border-radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:background-color var(--transition-theme),border-color var(--transition-theme)}.info-card[data-v-8571c129]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.info-title[data-v-8571c129]{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4) 0;transition:color var(--transition-theme)}.info-description[data-v-8571c129]{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8);transition:color var(--transition-theme)}.contact-methods[data-v-8571c129]{margin-bottom:var(--space-8)}.contact-method[data-v-8571c129]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--border-radius-lg);transition:all var(--transition-normal);margin-bottom:var(--space-3)}.contact-method[data-v-8571c129]:hover{background:var(--surface-tertiary);transform:translate(8px)}.method-icon[data-v-8571c129]{width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.method-label[data-v-8571c129]{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;margin-bottom:var(--space-1);transition:color var(--transition-theme)}.method-value[data-v-8571c129]{font-size:var(--text-base);color:var(--text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-normal),color var(--transition-theme)}.method-value[data-v-8571c129]:hover{color:var(--accent-primary)}.social-links[data-v-8571c129]{display:flex;gap:var(--space-4)}.social-link[data-v-8571c129]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-tertiary);border-radius:var(--border-radius-lg);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-normal),background-color var(--transition-theme),color var(--transition-theme)}.social-link[data-v-8571c129]:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.contact-form-wrapper[data-v-8571c129]{opacity:0;transform:translate(50px);transition:all .8s ease-out}.contact-form-wrapper.animate-in[data-v-8571c129]{opacity:1;transform:translate(0)}.contact-form[data-v-8571c129]{background:var(--surface-primary);border-radius:var(--border-radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);transition:background-color var(--transition-theme),border-color var(--transition-theme)}.form-header[data-v-8571c129]{margin-bottom:var(--space-8)}.form-title[data-v-8571c129]{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0;transition:color var(--transition-theme)}.form-subtitle[data-v-8571c129]{color:var(--text-tertiary);margin:0;transition:color var(--transition-theme)}.form-grid[data-v-8571c129]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group[data-v-8571c129]{margin-bottom:var(--space-6)}.form-label[data-v-8571c129]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm);transition:color var(--transition-theme)}.form-input[data-v-8571c129],.form-textarea[data-v-8571c129]{width:100%;padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--border-radius-lg);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-secondary);transition:all var(--transition-normal),background-color var(--transition-theme),border-color var(--transition-theme),color var(--transition-theme);resize:vertical}.form-input[data-v-8571c129]:focus,.form-textarea[data-v-8571c129]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.form-input[data-v-8571c129]::placeholder,.form-textarea[data-v-8571c129]::placeholder{color:var(--text-muted);transition:color var(--transition-theme)}.form-submit[data-v-8571c129]{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.form-submit[data-v-8571c129]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}.form-submit[data-v-8571c129]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-8571c129]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-8571c129 1s linear infinite}@keyframes spin-8571c129{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.contact-section[data-v-8571c129]{padding:var(--space-16) 0}.contact-container[data-v-8571c129]{padding:0 var(--space-4)}.section-title[data-v-8571c129]{font-size:var(--text-4xl)}.section-subtitle[data-v-8571c129]{font-size:var(--text-lg)}.contact-content[data-v-8571c129]{grid-template-columns:1fr;gap:var(--space-12)}.info-card[data-v-8571c129],.contact-form[data-v-8571c129]{padding:var(--space-6)}.form-grid[data-v-8571c129]{grid-template-columns:1fr}.social-links[data-v-8571c129]{flex-direction:column}.social-link[data-v-8571c129]{justify-content:center}}.footer[data-v-68f1e668]{background:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-800) 100%);color:#fff;padding:var(--space-16) 0 var(--space-8);position:relative;overflow:hidden;transition:background var(--transition-theme)}[data-theme=dark] .footer[data-v-68f1e668]{background:linear-gradient(135deg,var(--dark-primary-100) 0%,var(--dark-primary-200) 100%)}.footer[data-v-68f1e668]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.footer-container[data-v-68f1e668]{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.footer-content[data-v-68f1e668]{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-16);align-items:start;margin-bottom:var(--space-12)}.footer-brand[data-v-68f1e668]{display:flex;align-items:center;gap:var(--space-4)}.brand-logo[data-v-68f1e668]{width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.brand-name[data-v-68f1e668]{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-1) 0;color:#fff}.brand-tagline[data-v-68f1e668]{font-size:var(--text-sm);color:#ffffffb3;margin:0}.footer-links[data-v-68f1e668]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.link-group[data-v-68f1e668]{display:flex;flex-direction:column;gap:var(--space-4)}.link-title[data-v-68f1e668]{font-size:var(--text-base);font-weight:600;color:#fff;margin:0;padding-bottom:var(--space-2);border-bottom:2px solid rgba(255,255,255,.1)}.link-list[data-v-68f1e668]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.link-list a[data-v-68f1e668]{color:#fffc;text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-normal);padding:var(--space-1) 0;position:relative}.link-list a[data-v-68f1e668]:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gradient-primary);transition:width var(--transition-normal)}.link-list a[data-v-68f1e668]:hover{color:#fff;transform:translate(4px)}.link-list a[data-v-68f1e668]:hover:before{width:100%}.tech-highlights[data-v-68f1e668]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-item[data-v-68f1e668]{padding:var(--space-1) var(--space-3);background:#ffffff1a;border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:500;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal)}.tech-item[data-v-68f1e668]:hover{background:#fff3;transform:translateY(-1px)}.footer-bottom[data-v-68f1e668]{padding-top:var(--space-8)}.footer-divider[data-v-68f1e668]{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin-bottom:var(--space-6)}.footer-meta[data-v-68f1e668]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.copyright[data-v-68f1e668],.built-with[data-v-68f1e668]{font-size:var(--text-sm);color:#fff9;margin:0}.heart[data-v-68f1e668]{color:#ff6b6b;animation:heartbeat-68f1e668 2s ease-in-out infinite}@keyframes heartbeat-68f1e668{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.footer[data-v-68f1e668]{padding:var(--space-12) 0 var(--space-6)}.footer-container[data-v-68f1e668]{padding:0 var(--space-4)}.footer-content[data-v-68f1e668]{grid-template-columns:1fr;gap:var(--space-8)}.footer-brand[data-v-68f1e668]{justify-content:center;text-align:center}.footer-links[data-v-68f1e668]{grid-template-columns:1fr;gap:var(--space-6)}.link-group[data-v-68f1e668]{text-align:center}.tech-highlights[data-v-68f1e668]{justify-content:center}.footer-meta[data-v-68f1e668]{flex-direction:column;text-align:center;gap:var(--space-2)}}@media (max-width: 480px){.footer-brand[data-v-68f1e668]{flex-direction:column;gap:var(--space-3)}.brand-logo[data-v-68f1e668]{width:50px;height:50px}.footer-links[data-v-68f1e668]{gap:var(--space-4)}}:root{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--dark-primary-50: #0f172a;--dark-primary-100: #1e293b;--dark-primary-200: #334155;--dark-primary-300: #475569;--dark-primary-400: #64748b;--dark-primary-500: #94a3b8;--dark-primary-600: #cbd5e1;--dark-primary-700: #e2e8f0;--dark-primary-800: #f1f5f9;--dark-primary-900: #f8fafc;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #06b6d4;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--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;--space-24: 6rem;--border-radius-sm: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--transition-theme: .4s cubic-bezier(.23, 1, .32, 1);--bg-primary: var(--primary-50);--bg-secondary: #ffffff;--bg-tertiary: var(--primary-100);--text-primary: var(--primary-900);--text-secondary: var(--primary-700);--text-tertiary: var(--primary-600);--text-muted: var(--primary-500);--border-primary: var(--primary-200);--border-secondary: var(--primary-300);--surface-primary: #ffffff;--surface-secondary: var(--primary-50);--surface-tertiary: var(--primary-100);--shadow-color: rgba(0, 0, 0, .1);--shadow-color-strong: rgba(0, 0, 0, .25)}[data-theme=dark]{--bg-primary: var(--dark-primary-50);--bg-secondary: var(--dark-primary-100);--bg-tertiary: var(--dark-primary-200);--text-primary: var(--dark-primary-900);--text-secondary: var(--dark-primary-700);--text-tertiary: var(--dark-primary-600);--text-muted: var(--dark-primary-500);--border-primary: var(--dark-primary-300);--border-secondary: var(--dark-primary-400);--surface-primary: var(--dark-primary-100);--surface-secondary: var(--dark-primary-200);--surface-tertiary: var(--dark-primary-300);--shadow-color: rgba(0, 0, 0, .3);--shadow-color-strong: rgba(0, 0, 0, .6);--gradient-dark-primary: linear-gradient(135deg, var(--dark-primary-200) 0%, var(--dark-primary-100) 100%);--gradient-dark-secondary: linear-gradient(135deg, var(--dark-primary-300) 0%, var(--dark-primary-200) 100%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-theme),color var(--transition-theme)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:background-color var(--transition-theme),border-color var(--transition-theme)}.glass-dark{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:background-color var(--transition-theme),border-color var(--transition-theme)}.floating{animation:float 6s ease-in-out infinite}*{transition:background-color var(--transition-theme),border-color var(--transition-theme),color var(--transition-theme),box-shadow var(--transition-theme)}.preload *{transition:none!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--border-radius-full);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal),background-color var(--transition-theme);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:var(--primary-100);color:var(--primary-800);border:1px solid var(--primary-200)}.btn-secondary:hover{background:var(--primary-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{background:var(--surface-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal),background-color var(--transition-theme);border:1px solid var(--border-primary)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .card-glass{background:#1e293bb3;border:1px solid rgba(255,255,255,.1)}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){:root{--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-100)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}::selection{background:#6366f14d;color:var(--primary-900)}::-moz-selection{background:#6366f14d;color:var(--primary-900)}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.page-enter-active,.page-leave-active{transition:all .4s ease-in-out}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(30px)}html{scroll-behavior:smooth}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-track{background:transparent}main::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--border-radius-full)}