@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap";.navbar[data-v-29e56ef2]{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 0;font-family:Fira Code,Consolas,Monaco,monospace}.nav-container[data-v-29e56ef2]{max-width:800px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:center;position:relative}.nav-menu[data-v-29e56ef2]{display:flex;align-items:center;gap:2rem}.nav-link[data-v-29e56ef2]{text-decoration:none;color:#333;transition:color .2s ease}.nav-link[data-v-29e56ef2]:hover{color:#06c;text-decoration:underline}.nav-link.router-link-active[data-v-29e56ef2]{color:#06c}.nav-toggle[data-v-29e56ef2]{display:none;flex-direction:column;cursor:pointer;padding:4px;gap:4px;position:absolute;right:1rem}.hamburger[data-v-29e56ef2]{width:20px;height:2px;background:#333;transition:all .3s ease;border-radius:1px}@media (max-width: 768px){.nav-toggle[data-v-29e56ef2]{display:flex}.nav-menu[data-v-29e56ef2]{position:fixed;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid #e0e0e0;flex-direction:column;align-items:stretch;padding:1rem;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active[data-v-29e56ef2]{transform:translateY(0);opacity:1;visibility:visible}.nav-link[data-v-29e56ef2]{padding:.5rem 0}.nav-toggle.active .hamburger[data-v-29e56ef2]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .hamburger[data-v-29e56ef2]:nth-child(2){opacity:0}.nav-toggle.active .hamburger[data-v-29e56ef2]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Fira Code,Consolas,Monaco,monospace;background:#fff;color:#333;line-height:1.6;font-size:16px}#app{min-height:100vh}.main-content{max-width:800px;margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{font-family:Fira Code,monospace;font-weight:600;color:#333;margin-bottom:1rem;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}p{margin-bottom:1rem;color:#333;font-size:1.1rem}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin-bottom:1rem;padding-left:2rem}li{margin-bottom:.5rem}hr{border:none;border-top:1px solid #e0e0e0;margin:2rem 0}::selection{background:#e6f3ff;color:#333}::-moz-selection{background:#e6f3ff;color:#333}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}@media (max-width: 768px){.main-content{padding:1rem}h1{font-size:1.25rem}h2{font-size:1.125rem}body{font-size:14px}}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #0066cc;outline-offset:2px}button{font-family:inherit;cursor:pointer;padding:.5rem 1rem;border:1px solid #0066cc;background:#fff;color:#06c;border-radius:4px;transition:all .2s ease}button:hover{background:#06c;color:#fff}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;padding:.5rem;border:1px solid #cccccc;border-radius:4px;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:#06c}.hero[data-v-dd4d4cf6]{text-align:center;margin-bottom:3rem;padding:2rem 0}.hero h1[data-v-dd4d4cf6]{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:1rem}.description[data-v-dd4d4cf6]{font-size:1.1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto 1.5rem}.contact-link-intro[data-v-dd4d4cf6]{margin-top:1rem}.contact-link-intro a[data-v-dd4d4cf6]{color:#06c;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid #0066cc;border-radius:4px;transition:all .2s ease}.contact-link-intro a[data-v-dd4d4cf6]:hover{background:#06c;color:#fff;text-decoration:none}.content-grid[data-v-dd4d4cf6]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.recent-work[data-v-dd4d4cf6],.latest-writing[data-v-dd4d4cf6]{margin-bottom:2rem}.recent-work h2[data-v-dd4d4cf6],.latest-writing h2[data-v-dd4d4cf6]{color:#333;font-size:1.4rem;margin-bottom:1.5rem;font-weight:600}.work-list[data-v-dd4d4cf6]{margin-bottom:1.5rem}.work-item[data-v-dd4d4cf6]{margin-bottom:1.2rem;padding:1rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #0066cc}.work-item h4[data-v-dd4d4cf6]{color:#333;font-size:.95rem;margin-bottom:.5rem;font-weight:600}.work-item p[data-v-dd4d4cf6]{color:#666;line-height:1.5;font-size:.85rem}.article-preview[data-v-dd4d4cf6]{padding:1rem;background:#f8f9fa;border-radius:6px;margin-bottom:1.2rem;border-left:3px solid #0066cc}.article-preview h4[data-v-dd4d4cf6]{color:#333;font-size:.95rem;margin-bottom:.5rem;font-weight:600}.article-preview p[data-v-dd4d4cf6]{color:#666;line-height:1.5;margin-bottom:.5rem;font-size:.85rem}.article-date[data-v-dd4d4cf6]{color:#06c;font-size:.75rem;font-weight:500}.view-more[data-v-dd4d4cf6]{text-align:right}.view-more a[data-v-dd4d4cf6]{color:#06c;text-decoration:none;font-weight:500;font-size:.9rem}.view-more a[data-v-dd4d4cf6]:hover{text-decoration:underline}@media (max-width: 900px){.content-grid[data-v-dd4d4cf6]{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.hero[data-v-dd4d4cf6]{margin-bottom:2rem}.hero h1[data-v-dd4d4cf6]{font-size:2rem}.description[data-v-dd4d4cf6]{font-size:1rem}.content-grid[data-v-dd4d4cf6]{gap:2rem}.work-item[data-v-dd4d4cf6]{padding:.8rem}.work-item h4[data-v-dd4d4cf6]{font-size:.9rem}.work-item p[data-v-dd4d4cf6]{font-size:.8rem}.article-preview[data-v-dd4d4cf6]{padding:.8rem}.article-preview h4[data-v-dd4d4cf6]{font-size:.9rem}.article-preview p[data-v-dd4d4cf6]{font-size:.8rem}}.about-intro[data-v-6ef88e9a]{margin-bottom:3rem}.about-intro h1[data-v-6ef88e9a]{margin-bottom:1.5rem}.lead[data-v-6ef88e9a]{font-size:1.2rem;line-height:1.6;color:#555}.about-content section[data-v-6ef88e9a]{margin-bottom:3rem}.about-content h2[data-v-6ef88e9a]{color:#333;font-size:1.4rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.journey p[data-v-6ef88e9a]{margin-bottom:1.2rem;line-height:1.7;color:#555}.experience-list[data-v-6ef88e9a]{margin-top:1.5rem}.experience-item[data-v-6ef88e9a]{margin-bottom:2rem;padding:1.2rem;background:#fafbfc;border-radius:8px;border-left:4px solid #0066cc}.role-header[data-v-6ef88e9a]{margin-bottom:.75rem}.role-header h3[data-v-6ef88e9a]{color:#333;font-size:1.1rem;margin-bottom:.2rem;font-weight:600}.company[data-v-6ef88e9a]{color:#06c;font-weight:600;margin-right:1rem;font-size:.95rem}.duration[data-v-6ef88e9a]{color:#777;font-size:.85rem}.experience-item p[data-v-6ef88e9a]{color:#555;line-height:1.5;font-size:.95rem}.achievements ul[data-v-6ef88e9a]{list-style-type:disc;padding-left:20px;color:#555;line-height:1.7}.achievements li[data-v-6ef88e9a]{margin-bottom:.8rem}.skills-grid[data-v-6ef88e9a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.skill-category[data-v-6ef88e9a]{padding:1.5rem;background:#fafbfc;border-radius:8px}.skill-category h3[data-v-6ef88e9a]{color:#06c;font-size:1.1rem;margin-bottom:.8rem;font-weight:600}.skill-category p[data-v-6ef88e9a]{color:#555;line-height:1.5}.interests p[data-v-6ef88e9a]{margin-bottom:1.2rem;line-height:1.7;color:#555}@media (max-width: 768px){.lead[data-v-6ef88e9a]{font-size:1.1rem}.about-content h2[data-v-6ef88e9a]{font-size:1.3rem}.skills-grid[data-v-6ef88e9a]{grid-template-columns:1fr;gap:1rem}.experience-item[data-v-6ef88e9a]{padding:1.2rem}.role-header h3[data-v-6ef88e9a]{font-size:1.1rem}}.projects-header[data-v-3f9f03c9]{margin-bottom:3rem}.projects-intro[data-v-3f9f03c9]{font-size:1.1rem;color:#555;line-height:1.6;margin-top:1rem}.project-list[data-v-3f9f03c9]{margin-top:2rem}.project-item[data-v-3f9f03c9]{margin-bottom:1rem;padding:.6rem .7rem;background:#fafbfc;border-radius:4px;border-left:2px solid #0066cc;transition:transform .2s ease,box-shadow .2s ease;font-size:.92rem}.project-item[data-v-3f9f03c9]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0066cc1a}.project-header[data-v-3f9f03c9]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-header h3[data-v-3f9f03c9]{color:#333;font-size:1.05rem;font-weight:600;margin:0}.project-status[data-v-3f9f03c9]{padding:.18rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.project-status.completed[data-v-3f9f03c9]{background:#d4edda;color:#155724}.project-status.in-progress[data-v-3f9f03c9]{background:#fff3cd;color:#856404}.project-description[data-v-3f9f03c9]{color:#555;line-height:1.5;margin-bottom:.8rem;font-size:.9rem}.project-tech[data-v-3f9f03c9]{margin-bottom:1.5rem;color:#555}.project-tech strong[data-v-3f9f03c9]{color:#333}.tech-list[data-v-3f9f03c9]{color:#06c;font-weight:500}.project-links[data-v-3f9f03c9]{display:flex;gap:1rem;flex-wrap:wrap}.project-link[data-v-3f9f03c9]{color:#06c;text-decoration:none;font-weight:500;padding:.32rem .7rem;border:1px solid #0066cc;border-radius:3px;transition:all .2s ease;font-size:.8rem}.project-link[data-v-3f9f03c9]:hover{background:#06c;color:#fff;text-decoration:none}.project-link.demo[data-v-3f9f03c9]{background:#06c;color:#fff}.project-link.demo[data-v-3f9f03c9]:hover{background:#0052a3}.project-link.github[data-v-3f9f03c9]:hover{background:#06c;color:#fff}@media (max-width: 768px){.projects-intro[data-v-3f9f03c9]{font-size:1rem}.project-item[data-v-3f9f03c9]{padding:1.5rem;margin-bottom:2rem}.project-header[data-v-3f9f03c9]{flex-direction:column;align-items:flex-start;gap:.5rem}.project-header h3[data-v-3f9f03c9]{font-size:1.2rem}.project-links[data-v-3f9f03c9]{flex-direction:column;gap:.5rem}.project-link[data-v-3f9f03c9]{text-align:center}}.search-section[data-v-8f9d057c]{margin:2rem 0}.search-input[data-v-8f9d057c]{width:100%;max-width:400px;padding:.5rem;border:1px solid #cccccc;border-radius:4px;font-family:inherit}.search-input[data-v-8f9d057c]:focus{border-color:#06c;outline:none}.articles-list[data-v-8f9d057c]{margin-top:2rem}.article-item[data-v-8f9d057c]{margin-bottom:1rem;padding:.6rem .7rem;background:#fafbfc;border-radius:4px;border-left:2px solid #0066cc;transition:transform .2s ease,box-shadow .2s ease;font-size:.92rem}.article-item[data-v-8f9d057c]:hover{transform:translateY(-1px);box-shadow:0 3px 15px #0066cc1a}.article-item h3[data-v-8f9d057c]{color:#333;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.article-meta[data-v-8f9d057c]{color:#666;font-size:.78rem;margin-bottom:.7rem}.article-date[data-v-8f9d057c]{color:#06c}.article-tags[data-v-8f9d057c]{margin:1rem 0}.tag[data-v-8f9d057c]{background-color:#f0f0f0;color:#666;padding:.18rem .38rem;border-radius:2px;font-size:.7rem;margin-right:.35rem}.read-more[data-v-8f9d057c]{color:#06c;text-decoration:none}.read-more[data-v-8f9d057c]:hover{text-decoration:underline}.no-results[data-v-8f9d057c]{text-align:center;color:#666;margin-top:3rem}.contact-info[data-v-b4c298a9]{margin:2rem 0}.contact-info h2[data-v-b4c298a9]{margin-bottom:1rem}.contact-info p[data-v-b4c298a9]{margin-bottom:.5rem}.contact-form[data-v-b4c298a9]{margin-top:3rem}.contact-form h2[data-v-b4c298a9],.form-group[data-v-b4c298a9]{margin-bottom:1.5rem}.form-group label[data-v-b4c298a9]{display:block;margin-bottom:.5rem;font-weight:600}.form-group input[data-v-b4c298a9],.form-group textarea[data-v-b4c298a9]{width:100%;padding:.75rem;border:1px solid #cccccc;border-radius:4px;font-family:inherit;font-size:1rem}.form-group input[data-v-b4c298a9]:focus,.form-group textarea[data-v-b4c298a9]:focus{border-color:#06c;outline:none}.form-group textarea[data-v-b4c298a9]{resize:vertical;min-height:120px;line-height:1.5}.form-actions[data-v-b4c298a9]{display:flex;gap:1rem;margin-top:1.5rem}.form-actions button[data-v-b4c298a9]{padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.form-actions button[type=submit][data-v-b4c298a9]{background:#06c;color:#fff;border:1px solid #0066cc}.form-actions button[type=submit][data-v-b4c298a9]:hover:not(:disabled){background:#0052a3;border-color:#0052a3}.form-actions button[type=submit][data-v-b4c298a9]:disabled{opacity:.6;cursor:not-allowed}.form-actions button[type=button][data-v-b4c298a9]{background:#fff;color:#666;border:1px solid #cccccc}.form-actions button[type=button][data-v-b4c298a9]:hover{background:#f5f5f5;border-color:#999}.submit-feedback[data-v-b4c298a9]{margin-top:1rem;padding:1rem;border-radius:4px;font-weight:600}.submit-feedback.success[data-v-b4c298a9]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-feedback.error[data-v-b4c298a9]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.form-actions[data-v-b4c298a9]{flex-direction:column}.form-actions button[data-v-b4c298a9]{width:100%}}