*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-header: rgba(255, 255, 255, .8);--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-light: #60a5fa;--accent-dark: #2563eb;--container-max-width: 1200px;--section-padding: 4rem 0;--border-radius: 8px;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-header: rgba(15, 23, 42, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--accent-color: #3b82f6;--accent-light: #60a5fa;--accent-dark: #1d4ed8}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-light)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem}.section{padding:var(--section-padding)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid var(--accent-color);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInFromLeft .6s ease-out}.slide-in-right{animation:slideInFromRight .6s ease-out}@media (max-width: 1200px){.container{padding:0 1.5rem}}@media (max-width: 768px){:root{--section-padding: 3rem 0}.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width: 480px){:root{--section-padding: 2rem 0}h1{font-size:1.75rem}h2{font-size:1.5rem}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.theme-toggle,.project-overlay{display:none!important}body{font-size:12pt;line-height:1.5}h1,h2,h3{page-break-after:avoid}}.app-header[data-v-f6a242a1]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.nav-container[data-v-f6a242a1]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand[data-v-f6a242a1]{text-align:left}.brand-name[data-v-f6a242a1]{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.brand-title[data-v-f6a242a1]{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.nav-menu[data-v-f6a242a1]{display:flex;align-items:center;gap:2rem}.nav-link[data-v-f6a242a1]{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link[data-v-f6a242a1]:hover{color:var(--accent-color)}.theme-toggle[data-v-f6a242a1]{background:none;border:2px solid var(--border-color);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.theme-toggle[data-v-f6a242a1]:hover{border-color:var(--accent-color);transform:scale(1.1)}.theme-icon[data-v-f6a242a1]{font-size:1.25rem}@media (max-width: 768px){.nav-container[data-v-f6a242a1]{padding:1rem;flex-direction:column;gap:1rem}.nav-menu[data-v-f6a242a1]{gap:1.5rem;flex-wrap:wrap;justify-content:center}}.about-section[data-v-1e68fa12]{padding:8rem 0 4rem;background:var(--bg-primary)}.section-container[data-v-1e68fa12]{max-width:1200px;margin:0 auto;padding:0 2rem}.about-content[data-v-1e68fa12]{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.section-title[data-v-1e68fa12]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.about-description[data-v-1e68fa12]{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.about-highlights[data-v-1e68fa12]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.highlight-item[data-v-1e68fa12]{text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.highlight-value[data-v-1e68fa12]{display:block;font-size:2rem;font-weight:700;color:var(--accent-color)}.highlight-label[data-v-1e68fa12]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.about-image[data-v-1e68fa12]{display:flex;justify-content:center}.image-placeholder[data-v-1e68fa12]{width:200px;height:200px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--accent-color)}.image-icon[data-v-1e68fa12]{font-size:4rem}@media (max-width: 768px){.about-section[data-v-1e68fa12]{padding:6rem 0 3rem}.about-content[data-v-1e68fa12]{grid-template-columns:1fr;gap:2rem;text-align:center}.section-title[data-v-1e68fa12]{font-size:2rem}.about-highlights[data-v-1e68fa12]{grid-template-columns:repeat(2,1fr)}}.skills-section[data-v-472c8fb6]{padding:4rem 0;background:var(--bg-secondary)}.section-container[data-v-472c8fb6]{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title[data-v-472c8fb6]{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem}.skills-grid[data-v-472c8fb6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category[data-v-472c8fb6]{background:var(--bg-primary);padding:2rem;border-radius:16px;border:1px solid var(--border-color)}.category-title[data-v-472c8fb6]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.skills-list[data-v-472c8fb6]{display:flex;flex-direction:column;gap:1rem}.skill-item[data-v-472c8fb6]{padding:0}.skill-header[data-v-472c8fb6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name[data-v-472c8fb6]{font-weight:500;color:var(--text-primary)}.skill-level[data-v-472c8fb6]{font-size:.875rem;color:var(--accent-color);font-weight:600}.skill-bar[data-v-472c8fb6]{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.skill-progress[data-v-472c8fb6]{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-light));border-radius:4px;transition:width 1s ease-in-out}@media (max-width: 768px){.skills-section[data-v-472c8fb6]{padding:3rem 0}.section-title[data-v-472c8fb6]{font-size:2rem}.skills-grid[data-v-472c8fb6]{grid-template-columns:1fr}}.projects-section[data-v-905fa2d0]{padding:4rem 0;background:var(--bg-primary)}.section-container[data-v-905fa2d0]{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title[data-v-905fa2d0]{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem}.projects-grid[data-v-905fa2d0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card[data-v-905fa2d0]{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.project-card[data-v-905fa2d0]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.project-image[data-v-905fa2d0]{position:relative;height:200px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-placeholder[data-v-905fa2d0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-light))}.project-icon[data-v-905fa2d0]{font-size:3rem}.project-overlay[data-v-905fa2d0]{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay[data-v-905fa2d0]{opacity:1}.project-links[data-v-905fa2d0]{display:flex;gap:1rem}.project-link[data-v-905fa2d0]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .3s ease}.project-link[data-v-905fa2d0]:hover{background:var(--accent-dark)}.project-content[data-v-905fa2d0]{padding:1.5rem}.project-title[data-v-905fa2d0]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.project-description[data-v-905fa2d0]{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.project-tech[data-v-905fa2d0]{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag[data-v-905fa2d0]{background:var(--bg-primary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:16px;font-size:.875rem;border:1px solid var(--border-color)}@media (max-width: 768px){.projects-section[data-v-905fa2d0]{padding:3rem 0}.section-title[data-v-905fa2d0]{font-size:2rem}.projects-grid[data-v-905fa2d0]{grid-template-columns:1fr}.project-links[data-v-905fa2d0]{flex-direction:column}}.contact-section[data-v-af9dcf3c]{padding:4rem 0;background:var(--bg-secondary)}.section-container[data-v-af9dcf3c]{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title[data-v-af9dcf3c]{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:3rem}.contact-content[data-v-af9dcf3c]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-subtitle[data-v-af9dcf3c]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.contact-description[data-v-af9dcf3c]{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.contact-methods[data-v-af9dcf3c]{display:flex;flex-direction:column;gap:1.5rem}.contact-method[data-v-af9dcf3c]{display:flex;align-items:center;gap:1rem}.contact-icon[data-v-af9dcf3c]{font-size:1.5rem;width:2.5rem;text-align:center}.contact-details[data-v-af9dcf3c]{display:flex;flex-direction:column}.contact-label[data-v-af9dcf3c]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.contact-value[data-v-af9dcf3c]{color:var(--text-primary);text-decoration:none;font-weight:500}.contact-value[data-v-af9dcf3c]:hover{color:var(--accent-color)}.contact-form[data-v-af9dcf3c]{background:var(--bg-primary);padding:2rem;border-radius:16px;border:1px solid var(--border-color)}.form-group[data-v-af9dcf3c]{margin-bottom:1.5rem}.form-label[data-v-af9dcf3c]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-input[data-v-af9dcf3c],.form-textarea[data-v-af9dcf3c]{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .3s ease}.form-input[data-v-af9dcf3c]:focus,.form-textarea[data-v-af9dcf3c]:focus{outline:none;border-color:var(--accent-color)}.form-input.error[data-v-af9dcf3c],.form-textarea.error[data-v-af9dcf3c]{border-color:#ef4444}.form-textarea[data-v-af9dcf3c]{resize:vertical;min-height:120px}.error-message[data-v-af9dcf3c]{display:block;margin-top:.5rem;color:#ef4444;font-size:.875rem}.submit-button[data-v-af9dcf3c]{width:100%;padding:1rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.submit-button[data-v-af9dcf3c]:hover:not(:disabled){background:var(--accent-dark)}.submit-button[data-v-af9dcf3c]:disabled{opacity:.6;cursor:not-allowed}.status-message[data-v-af9dcf3c]{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center;font-weight:500}.status-message.success[data-v-af9dcf3c]{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-message.error[data-v-af9dcf3c]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}@media (max-width: 768px){.contact-section[data-v-af9dcf3c]{padding:3rem 0}.section-title[data-v-af9dcf3c]{font-size:2rem}.contact-content[data-v-af9dcf3c]{grid-template-columns:1fr;gap:2rem}.contact-form[data-v-af9dcf3c]{padding:1.5rem}}.app[data-v-57e0f9cf]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-57e0f9cf]{flex:1;margin-top:80px}.app-footer[data-v-57e0f9cf]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}.footer-container[data-v-57e0f9cf]{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-text[data-v-57e0f9cf]{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.main-content[data-v-57e0f9cf]{margin-top:140px}.app-footer[data-v-57e0f9cf]{padding:1.5rem 0}.footer-container[data-v-57e0f9cf]{padding:0 1rem}}