.header[data-v-9cf39224]{position:fixed;top:0;left:0;width:100%;background:rgba(var(--color-bg-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transition:all .3s ease}.header-container[data-v-9cf39224]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links[data-v-9cf39224]{display:flex;gap:2rem;align-items:center}.nav-icon[data-v-9cf39224]{display:none;margin-right:.5rem}.nav-links a[data-v-9cf39224]{position:relative;padding:.5rem 0;font-weight:500;color:var(--color-text);transition:all .3s ease;text-decoration:none;display:flex;align-items:center}.nav-links a[data-v-9cf39224]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-accent);transform:scaleX(0);transition:transform .3s ease}.nav-links a[data-v-9cf39224]:hover,.nav-links a.router-link-active[data-v-9cf39224]{color:var(--color-accent)}.nav-links a[data-v-9cf39224]:hover:after,.nav-links a.router-link-active[data-v-9cf39224]:after{transform:scaleX(1)}.menu-toggle[data-v-9cf39224]{display:none}@media (max-width: 768px){.menu-toggle[data-v-9cf39224]{display:block;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.menu-toggle span[data-v-9cf39224]{display:block;width:25px;height:2px;background:var(--color-text);margin:5px 0;transition:all .3s ease}.nav-links[data-v-9cf39224]{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--color-bg);flex-direction:column;justify-content:center;padding:2rem;transition:left .3s ease}.nav-links.active[data-v-9cf39224]{left:0}.nav-icon[data-v-9cf39224]{display:inline-block}.nav-links a[data-v-9cf39224]{font-size:1.2rem}}.header-controls[data-v-9cf39224]{display:flex;gap:1rem;align-items:center}.language-switcher[data-v-9cf39224]{position:relative;margin-right:1rem}.language-button[data-v-9cf39224]{display:flex;align-items:center;background-color:var(--card-background);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .8rem;cursor:pointer;transition:all .3s ease;color:var(--color-text)}.language-button[data-v-9cf39224]:hover{box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.language-flag[data-v-9cf39224]{font-size:1.2rem;margin-right:.5rem}.language-code[data-v-9cf39224]{font-weight:var(--font-weight-bold);margin-right:.5rem}.dropdown-arrow[data-v-9cf39224]{font-size:.7rem;transition:transform .3s ease}.dropdown-arrow.open[data-v-9cf39224]{transform:rotate(180deg)}.language-dropdown[data-v-9cf39224]{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--card-background);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;width:150px;box-shadow:0 4px 12px var(--shadow-color);z-index:100;animation:fadeIn-9cf39224 .3s ease}@keyframes fadeIn-9cf39224{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option[data-v-9cf39224]{display:flex;align-items:center;width:100%;padding:.8rem 1rem;border:none;background:none;cursor:pointer;transition:background-color .2s ease;color:var(--color-text);text-align:left}.language-option[data-v-9cf39224]:hover{background-color:var(--color-nav-hover)}.language-option.active[data-v-9cf39224]{background-color:rgba(var(--color-accent-rgb),.1);color:var(--color-accent)}.language-name[data-v-9cf39224]{margin-left:.5rem}.theme-toggle[data-v-9cf39224]{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:transform .3s ease}.theme-toggle[data-v-9cf39224]:hover{transform:scale(1.1)}.about-item[data-v-95400b44]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.about-item[data-v-95400b44]:hover{transform:translateY(-5px)}.icon[data-v-95400b44]{font-size:2rem;margin-bottom:1rem}.heading[data-v-95400b44]{font-size:1.5rem;margin-bottom:.5rem}.content[data-v-95400b44]{font-size:1rem;line-height:1.6}.welcome[data-v-09372368]{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-text);padding:2rem}.welcome-container[data-v-09372368]{display:flex;align-items:center;justify-content:space-between;gap:4rem;width:100%;max-width:1200px}.welcome-content[data-v-09372368]{flex:1;animation:fadeInLeft-09372368 1s ease-out}.welcome-title[data-v-09372368]{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-description[data-v-09372368]{font-size:clamp(1rem,2vw,1.5rem);line-height:1.6;margin-bottom:2rem;color:var(--color-text);opacity:.9}.welcome-buttons[data-v-09372368]{display:flex;gap:1.5rem;margin-top:2rem}.btn[data-v-09372368]{display:inline-flex;align-items:center;padding:.8rem 1.5rem;border-radius:50px;font-weight:var(--font-weight-normal);cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary[data-v-09372368]{background-color:var(--color-accent);color:#1a1e23;border:none}:root.dark-mode .btn-primary[data-v-09372368]{color:#1a1e23}.btn-primary[data-v-09372368]:hover{transform:translateY(-3px);box-shadow:0 7px 14px #0003}.btn-secondary[data-v-09372368]{background-color:transparent;color:var(--color-text);border:2px solid var(--color-accent)}:root.dark-mode .btn-secondary[data-v-09372368]{color:var(--color-text-bright)}.btn-secondary[data-v-09372368]:hover{background-color:#64ffda1a;transform:translateY(-3px);box-shadow:0 7px 14px #0000001a}:root.dark-mode .btn-secondary[data-v-09372368]:hover{color:var(--color-accent)}.btn-icon[data-v-09372368]{margin-left:.5rem;transition:transform .3s ease}.btn:hover .btn-icon[data-v-09372368]{transform:translate(5px)}.social-links[data-v-09372368]{display:flex;gap:1.5rem;margin-top:2rem}.social-link[data-v-09372368]{display:flex;align-items:center;transition:transform .3s ease}.social-link img[data-v-09372368]{width:32px;height:32px;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}.social-link[data-v-09372368]:hover{transform:translateY(-2px)}.social-link:hover img[data-v-09372368]{filter:grayscale(0%)}.welcome-image[data-v-09372368]{flex:1;display:flex;justify-content:center;animation:fadeInRight-09372368 1s ease-out}.welcome-image img[data-v-09372368]{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}@keyframes fadeInLeft-09372368{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight-09372368{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 968px){.welcome[data-v-09372368]{padding:1rem}.welcome-container[data-v-09372368]{flex-direction:column;gap:2rem;text-align:center}.welcome-content[data-v-09372368]{order:2}.welcome-image[data-v-09372368]{order:1;max-width:80%;margin:0 auto}.welcome-buttons[data-v-09372368]{flex-direction:column;gap:1rem}.social-links[data-v-09372368]{justify-content:center}}@media (max-width: 480px){.welcome-title[data-v-09372368]{font-size:2rem}.welcome-description[data-v-09372368]{font-size:1rem}.social-link img[data-v-09372368]{width:28px;height:28px}}.home[data-v-634b814d]{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:64px}.container[data-v-634b814d]{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.content[data-v-634b814d]{flex:1;z-index:1}@media (max-width: 768px){.home[data-v-634b814d]{padding-top:80px}.container[data-v-634b814d]{flex-direction:column;text-align:center;padding:2rem}}.about-page[data-v-e131248f]{padding-top:8rem;min-height:100vh;position:relative}.about-container[data-v-e131248f]{max-width:1200px;margin:0 auto;padding:2rem}.fade-in-section[data-v-e131248f]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-in-section.visible[data-v-e131248f]{opacity:1;transform:translateY(0)}section[data-v-e131248f]{margin-bottom:8rem}.intro-section[data-v-e131248f]{text-align:center;min-height:50vh;display:flex;flex-direction:column;justify-content:center}.intro-section h1[data-v-e131248f]{font-size:3rem;color:var(--color-text-bright);margin-bottom:2rem;background:linear-gradient(45deg,var(--color-accent),#1E90FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-text[data-v-e131248f]{font-size:1.2rem;line-height:1.8;max-width:800px;margin:0 auto;color:var(--color-text)}.skill-category[data-v-e131248f]{opacity:0;transform:translateY(20px);animation:fadeInUp-e131248f .6s ease-out forwards;animation-play-state:paused}.visible .skill-category[data-v-e131248f]{animation-play-state:running}.skill-item[data-v-e131248f]{opacity:0;transform:translate(-20px);animation:fadeInLeft-e131248f .6s ease-out forwards;animation-play-state:paused}.visible .skill-item[data-v-e131248f]{animation-play-state:running}@keyframes fadeInUp-e131248f{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft-e131248f{to{opacity:1;transform:translate(0)}}.skills-grid[data-v-e131248f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category[data-v-e131248f]{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.skill-category[data-v-e131248f]:hover{transform:translateY(-5px)}.skill-category h3[data-v-e131248f]{color:var(--color-accent);margin-bottom:1rem}.skill-item[data-v-e131248f]{color:var(--color-text);margin:.5rem 0;padding-left:1rem;position:relative}.skill-item[data-v-e131248f]:before{content:"•";color:var(--color-accent);position:absolute;left:0}.experience-section[data-v-e131248f]{margin-top:4rem}.experience-section h2[data-v-e131248f]{text-align:center;margin-bottom:2rem;color:var(--color-text-bright)}.timeline[data-v-e131248f]{position:relative;max-width:800px;margin:0 auto}.timeline-item[data-v-e131248f]{margin-bottom:2rem;position:relative;padding-left:2rem}.timeline-item[data-v-e131248f]:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:var(--color-accent)}.timeline-content[data-v-e131248f]{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.timeline-content h3[data-v-e131248f]{color:var(--color-accent);margin-bottom:.5rem}.timeline-content h4[data-v-e131248f]{color:var(--color-text-bright);margin-bottom:.5rem}.period[data-v-e131248f]{display:inline-block;font-size:.9rem;color:var(--color-text);opacity:.8;margin-bottom:1rem}@media (max-width: 768px){.about-page[data-v-e131248f]{padding-top:6rem}.intro-section h1[data-v-e131248f]{font-size:2.5rem}section[data-v-e131248f]{margin-bottom:4rem}}.blog-page[data-v-8788d2cd]{padding-top:8rem;min-height:100vh}.blog-container[data-v-8788d2cd]{max-width:1200px;margin:0 auto;padding:2rem}.blog-grid[data-v-8788d2cd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-card[data-v-8788d2cd]{background:rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:transform .3s ease;border:1px solid rgba(255,255,255,.1)}.blog-card[data-v-8788d2cd]:hover{transform:translateY(-5px)}.blog-card img[data-v-8788d2cd]{width:100%;height:200px;object-fit:cover}.blog-content[data-v-8788d2cd]{padding:1.5rem}.blog-category[data-v-8788d2cd]{background:var(--color-accent);color:var(--color-bg);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.blog-footer[data-v-8788d2cd]{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.read-more[data-v-8788d2cd]{color:var(--color-accent);text-decoration:none;transition:opacity .3s ease}.read-more[data-v-8788d2cd]:hover{opacity:.8}@media (max-width: 768px){.blog-grid[data-v-8788d2cd]{grid-template-columns:1fr}}.skills-section[data-v-9e1f1bf2]{padding:2rem;max-width:1200px;margin:0 auto}.skills-category[data-v-9e1f1bf2]{margin-bottom:2rem}.skills-category h3[data-v-9e1f1bf2]{margin:3rem 0 1rem;text-align:center}.skills-list[data-v-9e1f1bf2]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-item[data-v-9e1f1bf2]{display:flex;flex-direction:column;align-items:center;width:100px;text-align:center;transition:transform .2s}.skill-item img[data-v-9e1f1bf2]{width:60px;height:60px;object-fit:contain}.skill-item span[data-v-9e1f1bf2]{margin-top:.5rem;font-size:.9rem;color:var(--color-text)}.skill-item[data-v-9e1f1bf2]:hover{transform:scale(1.05)}.home[data-v-9e1f1bf2]{padding-top:4rem;display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden}.content[data-v-9e1f1bf2]{flex:1;text-align:center}.contact-page[data-v-80920ac3]{padding-top:8rem;min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.contact-container[data-v-80920ac3]{max-width:600px;margin:2rem auto;padding:2.5rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.contact-container h1[data-v-80920ac3]{margin-bottom:2rem;color:var(--color-text-bright)}.contact-form[data-v-80920ac3]{display:flex;flex-direction:column;gap:1.5rem}.form-group input[data-v-80920ac3],.form-group textarea[data-v-80920ac3]{width:100%;padding:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.05);color:var(--color-text);font-size:1rem}.submit-button[data-v-80920ac3]{padding:.8rem 2rem;background:var(--color-accent);border:none;border-radius:6px;color:var(--color-bg);font-weight:600;cursor:pointer;transition:opacity .3s ease}.submit-button[data-v-80920ac3]:hover{opacity:.9}.submit-button[data-v-80920ac3]:disabled{opacity:.7;cursor:not-allowed}.status-message[data-v-80920ac3]{text-align:center;margin-top:1rem}.status-message.success[data-v-80920ac3]{color:var(--color-accent)}:root.dark-mode .contact-container[data-v-80920ac3]{background:rgba(10,25,47,.7)}:root.dark-mode .form-group input[data-v-80920ac3],:root.dark-mode .form-group textarea[data-v-80920ac3]{background:rgba(10,25,47,.5)}:root{--color-text: #333;--color-accent: #8a70d6;--color-active: #00e5ff;--color-border: #ddd;--color-nav-hover: #f5f5f5;--cloud-color: #fff;--background-color: #f5f5f5;--card-background: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--font-family: "Courier New", Courier, monospace;--font-weight-normal: 500;--font-weight-bold: 700}.dark-mode{--color-bg: #1a1e23;--color-text: #8892b0;--color-text-bright: #ccd6f6;--color-accent: #64ffda;--color-border: rgba(255, 255, 255, .1);--color-nav-hover: rgba(100, 255, 218, .1);--cloud-color: rgba(255, 255, 255, .8);--background-color: #1a1e23;--card-background: #252a33;--shadow-color: rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:var(--font-weight-normal)}body{background:#00b4ff;color:var(--color-text);font-family:var(--font-family);font-weight:var(--font-weight-normal);height:100vh;margin:0;padding:0;overflow-x:hidden;transition:background-color .3s,color .3s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:var(--font-weight-normal);font-family:var(--font-family)}a{text-decoration:none;color:var(--color-text);transition:.4s;font-family:var(--font-family);font-weight:var(--font-weight-normal)}#background-wrap{bottom:0;left:0;padding-top:50px;position:fixed;right:0;top:0;z-index:-1;overflow:hidden}@keyframes animateCloud{0%{margin-left:-1000px}to{margin-left:100%}}.x1{animation:animateCloud 35s linear infinite;transform:scale(.65)}.x2{animation:animateCloud 20s linear infinite;transform:scale(.3)}.x3{animation:animateCloud 30s linear infinite;transform:scale(.5)}.x4{animation:animateCloud 18s linear infinite;transform:scale(.4)}.x5{animation:animateCloud 25s linear infinite;transform:scale(.55)}.cloud{background:var(--cloud-color);border-radius:50px;box-shadow:0 8px 5px #0000001a,inset 0 -3px 10px #0000001a;height:100px;position:relative;width:250px}.cloud:after,.cloud:before{background:var(--cloud-color);content:"";position:absolute;z-index:-1;box-shadow:inset 0 -3px 10px #0000001a}.cloud:after{border-radius:50%;height:80px;left:50px;top:-40px;width:80px}.cloud:before{border-radius:50%;height:120px;right:50px;top:-55px;width:120px}@media (min-width: 1024px){body{display:flex;place-items:center}#app{padding:0 2rem}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,25,47,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(100,255,218,.1);padding:1rem 2rem}.welcome-section{background:rgba(10,25,47,.2);border-radius:16px;padding:2rem;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.05)}.welcome-section h1{color:var(--color-text-bright);font-size:3.5rem;font-weight:600;margin-bottom:1rem}.welcome-section p{color:var(--color-text);font-size:1.1rem;line-height:1.6;max-width:600px}.dark-mode body{background:linear-gradient(to bottom right,#0a192f,#112240);color:var(--color-text)}.social-icons a{opacity:.7;transition:opacity .3s ease}.social-icons a:hover{opacity:1}.dark-mode a{color:var(--color-text);transition:color .3s ease}.dark-mode a:hover{color:var(--color-accent)}.dark-mode .router-link-active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.btn{display:inline-block;padding:.8rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background-color:var(--color-accent);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-secondary{background-color:transparent;color:var(--color-text);border:2px solid var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.hero-section{display:flex;justify-content:space-between;align-items:center;min-height:80vh;padding:0 2rem}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-text p{font-size:1.2rem;line-height:1.6;max-width:600px;margin-bottom:2rem}.floating-element{animation:float 3s infinite ease-in-out}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center}.hero-text h1{font-size:2.5rem}}h1,h2,h3,h4,h5,h6,p,span,div,button,input,textarea,select{font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold)}p,span,div,button,input,textarea,select{font-weight:var(--font-weight-normal)}strong,b,.bold-text{font-weight:var(--font-weight-bold)}