@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);body{margin:0}body,code{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg-primary:#000;--bg-secondary:#121212;--bg-surface:#282828;--bg-focused:#1a1a1a;--bg-light:#1f1f1f;--bg-white:#fdfdfd;--text-primary:#fdfdfd;--text-muted:#a7a7a7;--text-dark:#000;--border-primary:#363636;--border-focus:#fdfdfd;--border-hover:#535353;--shadow-dropdown:0 8px 24px #00000080;--transition-default:all 0.2s ease}.header{background-color:var(--bg-primary);left:0;padding:12px 24px;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:48px;justify-content:space-between;margin:0 auto}.header-logo{flex:0 0 auto;height:32px;width:200px}.logo-image{height:32px;object-fit:contain;width:auto}.header-search{display:flex;justify-content:center;width:600px}.search-container{position:relative;width:100%}.search-bar{align-items:center;background-color:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:24px;cursor:text;display:flex;padding:10px 16px;transition:all .2s ease}.search-bar:hover{border-color:var(--border-hover)}.search-bar.focused{background-color:var(--bg-focused);border-color:var(--border-focus)}.search-icon{color:var(--text-muted);flex-shrink:0;margin-right:12px}.search-input{background:none;border:none;cursor:pointer;font-size:16px;outline:none;width:100%}.search-input,.search-input::placeholder{color:var(--text-muted)}.search-dropdown{background-color:var(--bg-surface);border:1.5px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-dropdown);left:0;margin-top:4px;overflow:hidden;padding:8px;position:absolute;right:0;top:100%;z-index:1001}.dropdown-header{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;padding:8px 12px;text-transform:uppercase}.dropdown-item{align-items:center;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;margin:2px 0;padding:10px 12px;transition:all .2s ease}.dropdown-item:hover{background-color:var(--border-primary)}.dropdown-icon-container{align-items:center;background-color:var(--bg-light);border-radius:50%;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.dropdown-icon{color:var(--text-muted);transition:color .2s ease}.dropdown-item:hover .dropdown-icon-container{background-color:var(--border-primary)}.dropdown-item:hover .dropdown-icon{color:var(--text-primary)}.dropdown-item span{flex:1 1}.dropdown-text{display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-height:32px}.dropdown-title{color:var(--text-primary);display:block;font-size:15px;font-weight:500;line-height:1.4}.dropdown-subtitle{color:var(--text-muted);display:block;font-size:14px;font-weight:400;line-height:1.4}.header-social{flex:0 0 auto;gap:16px;justify-content:flex-end;width:200px}.header-social,.resume-button{align-items:center;display:flex}.resume-button{color:var(--text-muted);font-size:14px;font-weight:500;gap:8px;text-decoration:none;transition:all .2s ease}.resume-button:hover{color:var(--text-primary);transform:scale(1.03)}.social-link{align-items:center;background-color:var(--bg-secondary);border-radius:50%;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.social-link:hover{background-color:var(--bg-surface);transform:scale(1.05)}.social-icon{color:var(--text-muted);transition:color .2s ease}.social-link:hover .social-icon{color:var(--text-primary)}@media (max-width:992px){.header-logo{width:80px}.header-social{width:220px}}@media (max-width:768px){.header-logo{margin-right:20px;width:fit-content}.search-container{max-width:100%}.header-social{gap:8px;margin-left:20px;width:fit-content}.social-link{height:30px;width:30px}.social-link,.social-link:hover{background:none}}@media (max-width:480px){.header{padding:12px 20px}.header-content{gap:0;justify-content:flex-start;overflow:hidden;position:relative}.header-search,.header-social{display:none}.header-logo{background-color:var(--bg-primary);flex-shrink:0;left:0;margin-right:4px;position:sticky;z-index:1001}.mobile-nav{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:8px;mask-image:linear-gradient(90deg,#0000 0,#000 20px,#000 calc(100% - 20px),#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px,#000 calc(100% - 20px),#0000);overflow-x:auto;overflow-y:hidden;padding:0 16px;position:relative;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{background-color:var(--bg-light);border-radius:20px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:7px 14px;transition:var(--transition-default);white-space:nowrap}.mobile-nav-item.active,.mobile-nav-item:hover{background-color:var(--bg-white);color:var(--text-dark)}}.mobile-nav{display:none}@media (max-width:480px){.mobile-nav{display:flex}}.sidebar{background-color:var(--bg-secondary);border-radius:10px;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:0}.sidebar-header{flex-shrink:0;padding:20px 20px 10px}.sidebar-title{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 12px}.sidebar-item{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;margin:2px 0;padding:12px;position:relative;transition:all .2s ease}.sidebar-item.active,.sidebar-item:hover{background-color:var(--bg-light)}.sidebar-item.active:before{background-color:var(--text-primary);border-radius:0 2px 2px 0;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-icon-container{align-items:center;background-color:var(--bg-light);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sidebar-icon-container svg{color:var(--text-muted);transition:color .2s ease}.sidebar-item:hover .sidebar-icon-container{background-color:var(--bg-surface)}.sidebar-item:hover .sidebar-icon-container svg{color:var(--text-primary)}.sidebar-item.active .sidebar-icon-container{background-color:var(--text-primary)}.sidebar-item.active .sidebar-icon-container svg{color:var(--bg-primary)}.sidebar-text{display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-width:0}.sidebar-item-title{color:var(--text-primary);font-size:15px;font-weight:500}.sidebar-item-subtitle,.sidebar-item-title{display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-subtitle{color:var(--text-muted);font-size:14px;font-weight:400}.sidebar-item.active .sidebar-item-title{color:var(--text-primary);font-weight:600}.sidebar-footer{flex-shrink:0;padding:16px 12px 20px}.sidebar-divider{background-color:var(--border-primary);height:1px;margin:0 8px 16px}.sidebar-footer-text{padding:0 12px 8px}.sidebar-footer-text span{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:0}.sidebar-action-item{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;margin:2px 0;padding:12px;text-decoration:none;transition:all .2s ease}.sidebar-action-item:hover{background-color:var(--bg-light);text-decoration:none}.sidebar-action-item .sidebar-icon-container{background-color:var(--bg-surface)}.sidebar-action-item .sidebar-text .sidebar-item-title,.sidebar-action-item:hover .sidebar-icon-container svg{color:var(--text-primary)}.sidebar-action-item .sidebar-text .sidebar-item-subtitle{color:var(--text-muted)}.sidebar-nav::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}@media (max-width:1200px){.sidebar-item-subtitle{display:none}.sidebar-text{gap:0}.sidebar-item-title{font-size:13px}}@media (max-width:992px){.sidebar{padding:0}.sidebar-header{padding:16px 16px 12px}.sidebar-nav{padding:8px}.sidebar-footer{padding:12px 8px 16px}.sidebar-item{gap:10px;padding:10px}.sidebar-icon-container{height:36px;width:36px}.sidebar-icon-container svg{height:18px;width:18px}}@media (max-width:768px){.sidebar{display:none}}.profile-section{background:linear-gradient(0deg,#191726 0,#2e2743);overflow:hidden;padding:40px;position:relative}.profile-content{align-items:flex-end;display:flex;gap:50px;position:relative;z-index:1}.profile-image{flex-shrink:0}.profile-photo{border-radius:50%;box-shadow:0 16px 48px #00000080;height:240px;object-fit:cover;transition:all .3s ease;width:240px}.profile-text{align-items:end;flex:1 1}.profile-label{color:var(--text-primary);font-size:14px;font-weight:500}.profile-name{color:var(--text-primary);font-family:Noto Sans,sans-serif;font-size:70px;font-weight:800;letter-spacing:-1.8px;line-height:1.1;margin-bottom:20px}.profile-stats{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.stat-item{color:var(--text-primary)}.stat-item,.stat-separator{font-size:14px;font-weight:500}.stat-separator{color:var(--text-muted)}@media (max-width:768px){.profile-section{padding:30px 20px}.profile-content{gap:20px}.profile-photo{height:120px;width:120px}.profile-label{display:none}.profile-name{font-size:36px;font-weight:800;margin-bottom:14px}.stat-item{color:var(--text-muted);font-size:12px;font-weight:400}.stat-number{color:var(--text-primary);font-size:12px;font-weight:600}}@media (max-width:480px){.profile-photo{height:100px;width:100px}.profile-name{font-size:20px;font-weight:700;letter-spacing:-.5px}.profile-stats{gap:2px}.stat-separator{font-size:12px;padding:0 4px}}.about-me{background:linear-gradient(to top,var(--bg-secondary) 0,#16121e 100%);padding:40px 30px}.about-me .section-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.8px;margin-bottom:16px}.about-me-text{color:var(--text-muted);font-size:15px;font-weight:400;line-height:1.6;margin:0}@media (max-width:768px){.about-me-content{gap:20px}.about-me-title{font-size:28px}.about-me-text{font-size:15px;line-height:1.5}}@media (max-width:480px){.about-me .section-title{font-size:20px;margin-bottom:10px}.about-me{padding:20px}.about-me-title{font-size:24px}.about-me-text{font-size:13px;line-height:1.5}}.work-experience{background:var(--bg-secondary);padding:40px 30px}.work-experience.section-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.8px;margin-bottom:24px}.work-table-header-wrapper{border-bottom:.8px solid var(--border-primary)}.work-table-header,.work-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:14px 2.5fr 1fr 1fr 1fr;margin:0 20px;padding:12px 0}.work-table-header{color:var(--text-muted);font-size:13px;font-weight:500}.work-table-row{color:var(--text-primary);font-size:14px;transition:background .3s ease}.work-table-row-wrapper{border-radius:6px;transition:background .3s ease}.work-table-row-wrapper:hover{background-color:var(--bg-light)}.col{align-items:center;color:var(--text-muted);display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-logo{background-color:#2a2a2a;border-radius:4px;height:50px;margin-right:8px;object-fit:cover;width:50px}.col-title{align-items:center;display:flex;gap:12px}.title-info{display:flex;flex-direction:column;gap:4px}.job-title{color:var(--text-primary);font-size:15px;font-weight:500}.company-name{color:var(--text-muted);font-size:14px}@media (max-width:1200px){.work-table-header,.work-table-row{grid-template-columns:40px 2fr 1fr 1fr}.col-daterange{display:none}}@media (max-width:992px){.work-table-header,.work-table-row{grid-template-columns:40px 2fr 1fr}.col-jobtype{display:none}}@media (max-width:768px){.work-table-header,.work-table-row{grid-template-columns:14px 2.8fr 1fr}.col-daterange{display:none}}@media (max-width:480px){.work-experience{padding:20px}.work-experience .section-title{font-size:20px;margin-bottom:10px}.work-table-header,.work-table-row{grid-template-columns:14px 2.8fr}.col-location{display:none}.work-table-header,.work-table-row{margin:0 10px}.table-logo{border-radius:2px;height:40px;margin-right:2px;width:40px}.job-title{font-size:14px}.company-name{font-size:13px}.title-info{gap:2px}}.projects{padding:40px 30px}.projects .section-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.8px;margin-bottom:24px}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.project-card{border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0000004d}.project-content{display:flex;flex-direction:column;height:100%;padding:30px;position:relative}.project-header{margin-bottom:0}.project-title{color:var(--text-primary);font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1.3;margin:0 0 8px}.project-meta{align-items:center;display:flex;gap:8px;margin-bottom:20px}.project-date{font-size:14px;font-weight:500}.project-date,.project-separator{color:var(--text-primary);opacity:.7}.project-separator{font-size:12px}.project-cta{color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none}.project-cta:hover{text-decoration:underline}.project-media{aspect-ratio:16/9;border-radius:8px;box-shadow:0 16px 20px #0000004d;margin-bottom:30px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.project-card.hovered .project-media{transform:scale(.9) translateY(-12px)}.project-thumbnail,.project-video{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.project-description{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.6;margin:0;opacity:.7;transition:all .3s ease}.project-card.hovered .project-description{color:var(--text-primary);opacity:.7;transform:translateY(-20px)}.play-pause-section{justify-content:flex-end;position:relative}.play-pause-button,.play-pause-section{align-items:center;display:flex;height:48px}.play-pause-button{background-color:#fff;border:none;border-radius:50%;box-shadow:0 4px 16px #0003;color:#000;cursor:pointer;justify-content:center;opacity:0;transform:translateX(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition-delay:.1s;width:48px}.project-card.hovered .play-pause-button{opacity:1;transform:translateY(0);transition-delay:.2s}.play-pause-button:hover{background-color:#f0f0f0;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px) scale(1.05)}.play-pause-button:active{box-shadow:0 2px 8px #0003;transform:translateY(0) scale(.95)}@media (max-width:768px){.projects-grid{gap:16px;grid-template-columns:1fr}.project-title{font-size:20px;margin-bottom:4px}.project-meta{align-items:flex-start;flex-direction:column;gap:4px}.project-cta,.project-date{font-size:13px}.project-description{font-size:13px;line-height:1.5;margin-bottom:10px}.project-separator{display:none}.play-pause-button{height:44px;opacity:1;transform:translateY(0);transition-delay:0s;width:44px}.play-pause-section{height:44px}.project-card.hovered .project-description,.project-card.hovered .project-media{transform:none}}@media (max-width:480px){.projects{padding:20px}.projects .section-title{font-size:20px;margin-bottom:16px}.project-content{padding:16px}.project-cta,.project-date,.project-description{font-size:12px;line-height:1.4}.project-media{margin-bottom:16px}.play-pause-button{height:40px;width:40px}.play-pause-section{height:40px}}.hobbies{background:var(--bg-secondary);padding:40px 0;position:relative}.hobbies-header{padding:0 30px}.hobbies .section-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.8px;margin-bottom:16px}.hobbies-container{overflow:hidden;position:relative;width:100%}.hobbies-scroll-container{-ms-overflow-style:none;display:flex;gap:10px;overflow-x:auto;padding:0 20px;scroll-behavior:smooth;scrollbar-width:none}.hobbies-scroll-container::-webkit-scrollbar{display:none}.hobby-card{border-radius:6px;cursor:pointer;padding:10px;transition:all .3s ease}.hobby-card:hover{background:var(--bg-light);box-shadow:0 12px 24px #0006}.hobby-card-image{border-radius:4px;height:180px;overflow:hidden;position:relative;width:180px}.hobby-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.hobby-card:hover .hobby-image{transform:scale(1.05)}.hobby-card-content{padding-top:10px}.hobby-title{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.3;padding-bottom:4px}.hobby-description{color:var(--text-muted);font-size:14px;font-weight:400;line-height:1.4;margin:0}.nav-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;width:48px;z-index:10}.nav-button.visible{opacity:1;visibility:visible}.nav-button:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.nav-button-left{left:16px}.nav-button-right{right:16px}.fade-overlay{bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:80px;z-index:5}.fade-overlay.visible{opacity:1}.fade-left{background:linear-gradient(90deg,#0d0b14 0,#0d0b14cc 30%,#0d0b1400);left:0}.fade-right{background:linear-gradient(270deg,#191726 0,#191726cc 30%,#19172600);right:0}@media (max-width:480px){.hobbies{padding-bottom:20px;padding-top:20px}.hobbies-header{padding:0 20px}.hobbies-scroll-container{padding:0 10px}.hobbies .section-title{font-size:20px;margin-bottom:10px}.hobby-card-image{height:150px;width:150px}.hobby-title{font-size:14px}.hobby-description{font-size:12px}.fade-overlay{width:40px}.nav-button{display:none}}.contact{background:var(--bg-secondary);padding:40px 30px}.contact .section-title{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.8px;margin-bottom:16px}.contact-text{color:var(--text-muted);font-size:15px;font-weight:400;line-height:1.4;margin-bottom:20px}.contact-links{display:flex;flex-wrap:wrap;font-size:15px;gap:16px}.contact-link{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:var(--text-muted)}@media (max-width:768px){.contact-text{font-size:14px}}@media (max-width:480px){.contact{padding:20px}.contact .section-title{font-size:20px;margin-bottom:10px}.contact-text{font-size:13px}.contact-links{flex-direction:column;font-size:13px;gap:12px}}.main-content{background-color:var(--bg-secondary);border-radius:10px;color:var(--text-primary);flex:4 1;overflow-y:auto}*{box-sizing:border-box;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--border-focus);overflow:hidden}.App,body{background-color:var(--bg-primary)}.App{display:block;height:100vh}.main-layout{display:flex!important;flex:1 1;gap:10px;height:calc(100vh - 82px);margin:72px 10px 10px;overflow:hidden}
/*# sourceMappingURL=main.2941fe59.css.map*/