:root{--vt-c-white: #ffffff;--vt-c-white-soft: #fafafa;--vt-c-white-mute: #f5f5f5;--vt-c-black: #0f0f0f;--vt-c-black-soft: #1a1a1a;--vt-c-black-mute: #262626;--vt-c-primary: #8b5cf6;--vt-c-primary-dark: #7c3aed;--vt-c-primary-light: #a78bfa;--vt-c-purple: #8b5cf6;--vt-c-purple-dark: #7c3aed;--vt-c-pink: #ec4899;--vt-c-pink-dark: #db2777;--vt-c-orange: #f97316;--vt-c-orange-dark: #ea580c;--vt-c-green: #10b981;--vt-c-green-dark: #059669;--vt-c-cyan: #06b6d4;--vt-c-cyan-dark: #0891b2;--vt-c-yellow: #f59e0b;--vt-c-yellow-dark: #d97706;--vt-c-red: #ef4444;--vt-c-red-dark: #dc2626;--vt-c-divider-light-1: rgba(0, 0, 0, .08);--vt-c-divider-light-2: rgba(0, 0, 0, .04);--vt-c-divider-dark-1: rgba(255, 255, 255, .15);--vt-c-divider-dark-2: rgba(255, 255, 255, .08);--vt-c-text-light-1: #1f2937;--vt-c-text-light-2: #6b7280;--vt-c-text-dark-1: #f9fafb;--vt-c-text-dark-2: #d1d5db}: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);--color-text-mute: var(--vt-c-text-light-2);--color-primary: var(--vt-c-primary);--color-primary-dark: var(--vt-c-primary-dark);--color-primary-light: var(--vt-c-primary-light);--color-purple: var(--vt-c-purple);--color-purple-dark: var(--vt-c-purple-dark);--color-pink: var(--vt-c-pink);--color-pink-dark: var(--vt-c-pink-dark);--color-orange: var(--vt-c-orange);--color-orange-dark: var(--vt-c-orange-dark);--color-green: var(--vt-c-green);--color-green-dark: var(--vt-c-green-dark);--color-cyan: var(--vt-c-cyan);--color-cyan-dark: var(--vt-c-cyan-dark);--color-yellow: var(--vt-c-yellow);--color-yellow-dark: var(--vt-c-yellow-dark);--color-red: var(--vt-c-red);--color-red-dark: var(--vt-c-red-dark);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-purple) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-pink) 0%, var(--color-orange) 100%);--gradient-success: linear-gradient(135deg, var(--color-cyan) 0%, var(--color-green) 100%);--gradient-warm: linear-gradient(135deg, var(--color-yellow) 0%, var(--color-orange) 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary) 0%, var(--color-purple) 50%, var(--color-pink) 100%);--bg-blue-light: rgba(139, 92, 246, .1);--bg-purple-light: rgba(139, 92, 246, .1);--bg-pink-light: rgba(236, 72, 153, .1);--bg-orange-light: rgba(249, 115, 22, .1);--bg-green-light: rgba(16, 185, 129, .1);--bg-cyan-light: rgba(6, 182, 212, .1);--bg-yellow-light: rgba(245, 158, 11, .1);--section-gap: 80px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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-blue: 0 10px 15px -3px rgba(59, 130, 246, .2), 0 4px 6px -2px rgba(59, 130, 246, .1);--shadow-purple: 0 10px 15px -3px rgba(139, 92, 246, .2), 0 4px 6px -2px rgba(139, 92, 246, .1);--shadow-pink: 0 10px 15px -3px rgba(236, 72, 153, .2), 0 4px 6px -2px rgba(236, 72, 153, .1);--shadow-orange: 0 10px 15px -3px rgba(249, 115, 22, .2), 0 4px 6px -2px rgba(249, 115, 22, .1);--shadow-cyan: 0 10px 15px -3px rgba(6, 182, 212, .2), 0 4px 6px -2px rgba(6, 182, 212, .1)}@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-1);--color-text-mute: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .3s ease,background-color .3s ease;line-height:1.7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:600;line-height:1.2;letter-spacing:-.025em}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.5rem;font-weight:600}h3{font-size:1.875rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}p{margin-bottom:1rem}html{scroll-behavior:smooth}#app{margin:0;padding:0;font-weight:400;line-height:1.6}#app[data-v-1efd1a7a]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-1efd1a7a]{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--color-border)}.nav-container[data-v-1efd1a7a]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.nav-logo[data-v-1efd1a7a]{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;letter-spacing:-.02em}.nav-menu[data-v-1efd1a7a]{display:flex;list-style:none;margin:0;padding:0;gap:0}.nav-item[data-v-1efd1a7a]{margin:0;position:relative}.dropdown[data-v-1efd1a7a]{position:relative}.dropdown-menu[data-v-1efd1a7a]{position:absolute;top:100%;left:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:var(--shadow-lg);min-width:200px;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1001}.dropdown:hover .dropdown-menu[data-v-1efd1a7a]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link[data-v-1efd1a7a]{display:block;color:var(--color-text);text-decoration:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s ease;border-radius:0;cursor:pointer}.dropdown-link[data-v-1efd1a7a]:hover{color:var(--color-primary);background-color:#8b5cf60d}.dropdown-link.router-link-active[data-v-1efd1a7a]{color:var(--color-primary);background-color:#8b5cf61a}.nav-link[data-v-1efd1a7a]{color:var(--color-text);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1.5rem;border-radius:.5rem;transition:all .2s ease;position:relative}.nav-link[data-v-1efd1a7a]:hover{color:var(--color-primary);background-color:#8b5cf60d}.nav-link.router-link-active[data-v-1efd1a7a]{color:var(--color-primary);background-color:#8b5cf61a}.main-content[data-v-1efd1a7a]{flex:1;margin-top:4rem}.footer[data-v-1efd1a7a]{background-color:var(--color-background-mute);border-top:1px solid var(--color-border);padding:2rem 0;text-align:center;margin-top:4rem}.footer-content[data-v-1efd1a7a]{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content p[data-v-1efd1a7a]{color:var(--color-text-mute);font-size:.9rem;margin:0}@media (max-width: 768px){.nav-container[data-v-1efd1a7a]{padding:0 1rem}.nav-menu[data-v-1efd1a7a]{gap:0}.nav-link[data-v-1efd1a7a]{padding:.5rem .75rem;font-size:.875rem}.nav-logo[data-v-1efd1a7a]{font-size:1.25rem}.dropdown-menu[data-v-1efd1a7a]{min-width:180px;right:0;left:auto}.dropdown-link[data-v-1efd1a7a]{padding:.65rem 1rem;font-size:.875rem}}@media (prefers-color-scheme: dark){.navbar[data-v-1efd1a7a]{background-color:#0f0f0ff2}}.container[data-v-e9386a5b]{max-width:1200px;margin:0 auto;padding:0 2rem}.hero[data-v-e9386a5b]{padding:6rem 0;background:var(--color-background);position:relative;overflow:hidden}.hero .container[data-v-e9386a5b]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title[data-v-e9386a5b]{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em;color:var(--color-heading)}.highlight[data-v-e9386a5b]{color:var(--color-primary);position:relative}.hero-subtitle[data-v-e9386a5b]{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:var(--color-text-mute);margin-bottom:2rem;letter-spacing:-.01em}.hero-description[data-v-e9386a5b]{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.8;margin-bottom:3rem;color:var(--color-text);max-width:600px}.hero-buttons[data-v-e9386a5b]{display:flex;gap:1.5rem;flex-wrap:wrap}.btn[data-v-e9386a5b]{padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;letter-spacing:-.01em}.btn[data-v-e9386a5b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn[data-v-e9386a5b]:hover:before{left:100%}.btn-primary[data-v-e9386a5b]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary[data-v-e9386a5b]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary[data-v-e9386a5b]{background:linear-gradient(135deg,var(--color-orange),var(--color-orange-dark));color:#fff;border:none;box-shadow:var(--shadow-md);cursor:pointer}.btn-secondary[data-v-e9386a5b]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline[data-v-e9386a5b]{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-outline[data-v-e9386a5b]:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-image[data-v-e9386a5b]{display:flex;justify-content:center;align-items:center}.profile-image[data-v-e9386a5b]{width:480px;height:480px;border-radius:50%;border:4px solid var(--color-primary);overflow:hidden;box-shadow:var(--shadow-xl);transition:all .3s ease;position:relative}.profile-image[data-v-e9386a5b]:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(59,130,246,.2),transparent);opacity:0;transition:opacity .3s ease;z-index:1}.profile-image[data-v-e9386a5b]:hover:before{opacity:1}.profile-image[data-v-e9386a5b]:hover{transform:scale(1.05);box-shadow:var(--shadow-2xl)}.profile-photo[data-v-e9386a5b]{width:100%;height:100%;object-fit:cover;object-position:center top;transition:all .3s ease}@keyframes shimmer-e9386a5b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills[data-v-e9386a5b]{padding:5rem 0}.section-title[data-v-e9386a5b]{text-align:center;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:3rem;color:var(--color-heading);letter-spacing:-.02em}.skills-grid[data-v-e9386a5b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.skill-item[data-v-e9386a5b]{background:var(--color-background-soft);padding:2.5rem;border-radius:1.5rem;text-align:center;transition:all .3s ease;border:1px solid var(--color-border);position:relative;overflow:hidden;box-shadow:var(--shadow)}.skill-item[data-v-e9386a5b]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.skill-item[data-v-e9386a5b]:nth-child(1):before{background:var(--gradient-primary)}.skill-item[data-v-e9386a5b]:nth-child(2):before{background:var(--gradient-secondary)}.skill-item[data-v-e9386a5b]:nth-child(3):before{background:var(--gradient-success)}.skill-item[data-v-e9386a5b]:hover:before{transform:scaleX(1)}.skill-item[data-v-e9386a5b]:hover{transform:translateY(-8px)}.skill-item[data-v-e9386a5b]:nth-child(1):hover{box-shadow:var(--shadow-blue)}.skill-item[data-v-e9386a5b]:nth-child(2):hover{box-shadow:var(--shadow-pink)}.skill-item[data-v-e9386a5b]:nth-child(3):hover{box-shadow:var(--shadow-cyan)}.skill-item h3[data-v-e9386a5b]{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.skill-item:nth-child(1) h3[data-v-e9386a5b]{color:var(--color-primary)}.skill-item:nth-child(2) h3[data-v-e9386a5b]{color:var(--color-pink)}.skill-item:nth-child(3) h3[data-v-e9386a5b]{color:var(--color-cyan)}.skill-item p[data-v-e9386a5b]{color:var(--color-text-mute);line-height:1.7;font-size:1rem}.quick-links[data-v-e9386a5b]{padding:5rem 0;background:linear-gradient(135deg,var(--color-background-soft),var(--color-background-mute))}.links-grid[data-v-e9386a5b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.link-card[data-v-e9386a5b]{background-color:var(--color-background);padding:2.5rem;border-radius:1.5rem;text-decoration:none;color:var(--color-text);transition:all .3s ease;border:1px solid var(--color-border);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.link-card[data-v-e9386a5b]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity .3s ease;z-index:1}.link-card[data-v-e9386a5b]:nth-child(1):before{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.link-card[data-v-e9386a5b]:nth-child(2):before{background:linear-gradient(135deg,var(--color-pink),var(--color-pink-dark))}.link-card[data-v-e9386a5b]:nth-child(3):before{background:linear-gradient(135deg,var(--color-orange),var(--color-orange-dark))}.link-card[data-v-e9386a5b]:after{content:"";position:absolute;inset:0;background:var(--color-background);z-index:2;transition:transform .3s ease}.link-card[data-v-e9386a5b]:hover:before{opacity:1}.link-card[data-v-e9386a5b]:hover:after{transform:scale(.98)}.link-card[data-v-e9386a5b]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.link-card h3[data-v-e9386a5b]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:3}.link-card:nth-child(1) h3[data-v-e9386a5b]{color:var(--color-primary)}.link-card:nth-child(2) h3[data-v-e9386a5b]{color:var(--color-pink)}.link-card:nth-child(3) h3[data-v-e9386a5b]{color:var(--color-orange)}.link-card p[data-v-e9386a5b]{color:var(--color-text-mute);line-height:1.7;position:relative;z-index:3;margin:0}@media (max-width: 768px){.container[data-v-e9386a5b]{padding:0 1rem}.hero[data-v-e9386a5b]{padding:4rem 0}.hero .container[data-v-e9386a5b]{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-title[data-v-e9386a5b]{font-size:clamp(2.2rem,8vw,3rem);margin-bottom:1rem}.hero-subtitle[data-v-e9386a5b]{font-size:clamp(1.1rem,4vw,1.4rem);margin-bottom:1.5rem}.hero-description[data-v-e9386a5b]{font-size:clamp(.95rem,3vw,1.1rem);margin-bottom:2.5rem}.hero-buttons[data-v-e9386a5b]{justify-content:center;gap:1rem}.btn[data-v-e9386a5b]{padding:.875rem 1.25rem;font-size:.9rem;flex:1;min-width:0;text-align:center}.profile-image[data-v-e9386a5b]{width:420px;height:420px}.skills[data-v-e9386a5b],.quick-links[data-v-e9386a5b]{padding:4rem 0}.skills-grid[data-v-e9386a5b],.links-grid[data-v-e9386a5b]{grid-template-columns:1fr;gap:1.5rem}.skill-item[data-v-e9386a5b],.link-card[data-v-e9386a5b]{padding:2rem}}@media (max-width: 480px){.hero-buttons[data-v-e9386a5b]{flex-direction:column;gap:1rem}.btn[data-v-e9386a5b]{width:100%}}