body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0a0a14;--bg-secondary:#1a1a2e;--border-color:#333;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#e8e8e8;--accent-ml:#00d9ff;--accent-ml-bright:#00d9ff;--accent-ml-light:#00d9ff;--accent-hw:#7c3aed;--accent-hw-bright:#a78bfa;--accent-hw-light:#a78bfa;--accent-web:#ec4899;--accent-web-bright:#f472b6;--accent-web-light:#f472b6;--accent-general:#ec4899;--container-max-width:900px;--padding-section:50px;--padding-content:40px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a14;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);margin:0;padding:0}body,code{font-family:Courier New,Courier,monospace}a{color:#ec4899;color:var(--accent-general);text-decoration:none}a:hover{text-decoration:underline}.max-w-container{margin-left:auto;margin-right:auto;max-width:900px;max-width:var(--container-max-width)}h1,h2,h3,h4,h5,h6{font-family:Courier New,Courier,monospace;font-weight:700}h1{font-size:1.8rem;font-weight:700}h1,h2{color:#fff;color:var(--text-primary)}h2{font-size:1.5rem}h3{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700}p{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.app{background-color:#0a0a14;background-color:var(--bg-primary);box-sizing:border-box;margin:0 auto;padding:0}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.border-accent-ml{border-left-color:#00d9ff;border-left-color:var(--accent-ml)}.border-accent-hw{border-left-color:#7c3aed;border-left-color:var(--accent-hw)}.border-accent-web{border-left-color:#ec4899;border-left-color:var(--accent-web)}.navbar{background-color:#1a1a2e;background-color:var(--bg-secondary);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;color:var(--text-primary);font-family:Courier New,Courier,monospace;justify-content:center;padding:15px 20px;position:relative}.navbar,.navbar-content{align-items:center;display:flex}.navbar-content{max-width:900px;max-width:var(--container-max-width);width:100%}.navbar-brand{font-size:1.1rem;font-weight:700;margin-right:auto}.navbar-brand a{color:#fff;color:var(--text-primary);text-decoration:none}.navbar-brand a:hover{color:#ec4899;color:var(--accent-general)}.nav-buttons{font-family:Courier New,Courier,monospace;gap:20px;justify-content:center}.nav-buttons,.nav-buttons .button-container{align-items:center;display:flex}.nav-buttons .button-container a{align-items:center;border-radius:8px;color:#fff;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.nav-buttons .button-container a:hover{background-color:rgba(236,72,153,.1);color:#ec4899;color:var(--accent-general);text-decoration:none}.nav-buttons .button-container a.active{background-color:rgba(236,72,153,.2);color:#ec4899;color:var(--accent-general)}@media (max-width:768px){.nav-buttons{flex-wrap:wrap;gap:10px}.nav-buttons .button-container a{font-size:.85rem;padding:6px 10px}}.page-header{background-color:#0a0a14;background-color:var(--bg-primary);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);margin-bottom:40px;padding:50px 40px}.page-header-container{align-items:flex-start;display:flex;gap:30px;margin:0 auto;max-width:900px;max-width:var(--container-max-width)}.page-header-image{flex-shrink:0}.page-header-image img{border:2px solid #333;border:2px solid var(--border-color);border-radius:8px;height:120px;object-fit:cover;width:120px}.page-header-content{flex:1 1}.page-header-content h1{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 5px}.page-header-content .subtitle{color:#00d9ff;color:var(--accent-ml);font-size:1rem;font-weight:700;margin:0 0 15px}.page-header-content p{color:#e8e8e8;color:var(--text-tertiary);font-size:.95rem;line-height:1.6;margin:0 0 15px}.page-header-links{display:flex;font-size:.85rem;gap:15px}.page-header-links a{color:#ec4899;color:var(--accent-general);text-decoration:none}.page-header-links a:hover{text-decoration:underline}.page-header-links span{color:#333;color:var(--border-color)}@media (max-width:768px){.page-header{padding:40px 20px}.page-header-container{align-items:center;flex-direction:column;gap:20px;text-align:center}.page-header-image{flex-shrink:0}.page-header-image img{height:100px;width:100px}.page-header-content h1{font-size:1.5rem}.page-header-links{flex-wrap:wrap;justify-content:center}}.tab-navigation{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:flex;gap:20px;margin-bottom:40px;padding-bottom:15px}.tab-button,.tab-navigation{font-family:Courier New,Courier,monospace}.tab-button{background:none;border:none;border-bottom:2px solid transparent;color:#e0e0e0;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:700;padding:8px 0;position:relative;transition:color .3s ease-in-out}.tab-button.active,.tab-button:hover{color:#fff;color:var(--text-primary)}.tab-button.active{font-weight:700}.tab-button.active.accent-ml{border-bottom-color:#00d9ff;border-bottom-color:var(--accent-ml);color:#00d9ff;color:var(--accent-ml)}.tab-button.active.accent-hw{border-bottom-color:#7c3aed;border-bottom-color:var(--accent-hw);color:#7c3aed;color:var(--accent-hw)}.tab-button.active.accent-web{border-bottom-color:#ec4899;border-bottom-color:var(--accent-web);color:#ec4899;color:var(--accent-web)}@media (max-width:768px){.tab-navigation{-webkit-overflow-scrolling:touch;gap:15px;overflow-x:auto}.tab-button{font-size:.85rem;white-space:nowrap}}.projects-section{background-color:#0a0a14;background-color:var(--bg-primary);margin-bottom:40px;padding:50px 40px}.projects-container{margin:0 auto;max-width:900px;max-width:var(--container-max-width)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #333;border-left:3px solid #333;border:1px solid var(--border-color);border-left-width:3px;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:box-shadow .3s ease,background-color .3s ease}.project-card:hover{background-color:rgba(0,217,255,.05);box-shadow:0 4px 12px rgba(0,0,0,.2);text-decoration:none}.project-card.accent-ml{border-left-color:#00d9ff;border-left-color:var(--accent-ml)}.project-card.accent-ml:hover{background-color:rgba(0,217,255,.05)}.project-card.accent-hw{border-left-color:#7c3aed;border-left-color:var(--accent-hw)}.project-card.accent-hw:hover{background-color:rgba(124,58,237,.05)}.project-card.accent-web{border-left-color:#ec4899;border-left-color:var(--accent-web)}.project-card.accent-web:hover{background-color:rgba(236,72,153,.05)}.project-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.project-category-label{font-size:.85rem;font-weight:700}.project-category-label.ml{color:#00d9ff;color:var(--accent-ml)}.project-category-label.hw{color:#7c3aed;color:var(--accent-hw)}.project-category-label.web{color:#ec4899;color:var(--accent-web)}.project-card-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 10px}.project-card-description{color:#e0e0e0;color:var(--text-secondary);flex-grow:1;font-size:.9rem;line-height:1.5;margin:0 0 15px}.tech-stack{display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.tech-tag{border:1px solid;border-radius:4px;padding:4px 8px}.tech-tag.ml{background-color:rgba(0,217,255,.15);border-color:rgba(0,217,255,.3);color:#00d9ff;color:var(--accent-ml)}.tech-tag.hw{background-color:rgba(124,58,237,.15);border-color:rgba(124,58,237,.3);color:#a78bfa;color:var(--accent-hw-bright)}.tech-tag.web{background-color:rgba(236,72,153,.15);border-color:rgba(236,72,153,.3);color:#f472b6;color:var(--accent-web-bright)}@media (max-width:768px){.projects-section{padding:40px 20px}.projects-grid{grid-template-columns:1fr}}.resume-section{background-color:#0a0a14;background-color:var(--bg-primary);padding:50px 40px}.resume-container{margin:0 auto;max-width:900px;max-width:var(--container-max-width)}.resume-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.resume-header h2{color:#fff;color:var(--text-primary);margin:0}.resume-download-btn{align-items:center;background-color:#ec4899;background-color:var(--accent-general);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Courier New,Courier,monospace;font-size:.9rem;gap:10px;padding:10px 16px;text-decoration:none;transition:background-color .3s ease,opacity .3s ease}.resume-download-btn:hover{background-color:rgba(236,72,153,.9);opacity:.9}.resume-iframe-container{background-color:#1a1a2e;background-color:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;padding:20px}.resume-iframe-container iframe{border:none;border-radius:4px;height:800px;width:100%}@media (max-width:768px){.resume-section{padding:40px 20px}.resume-header{align-items:flex-start;flex-direction:column}.resume-iframe-container iframe{height:600px}}.section{background-color:#0a0a14;background-color:var(--bg-primary);box-sizing:border-box;margin-bottom:40px;padding:20px}.section-title{border-bottom:2px solid hsla(0,0%,100%,.3);font-family:Courier New,Courier,monospace;font-size:1.8em;margin-bottom:20px;padding-bottom:5px}.header-title,.section-title{color:#fff;color:var(--text-primary);font-weight:700}.header-title{font-size:2.5rem;margin-bottom:.3rem;text-decoration:none}.header-title:hover{text-decoration:underline}.header-subtitle{font-size:1.2rem;margin-bottom:1rem}.header-contact,.header-subtitle{color:#e8e8e8;color:var(--text-tertiary)}.header-contact{font-size:.9rem}.header-link{color:#ec4899;color:var(--accent-general);margin:0 5px;text-decoration:none}.header-link:hover{text-decoration:underline}.profile-image{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);height:auto;object-fit:cover;width:150px}@media (max-width:768px){.section{padding:15px}.section-title{font-size:1.4rem}}img{max-width:100%;object-fit:contain;width:800px}
/*# sourceMappingURL=main.8f051d75.css.map*/