.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--divider);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:240px;z-index:100}.sidebar-content{padding:var(--spacing-md)}.sidebar-section{margin-bottom:var(--spacing-md)}.sidebar-section-header{align-items:center;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition);-webkit-user-select:none;user-select:none}.sidebar-section-header:hover{background-color:var(--bg-hover)}.sidebar-chevron{color:var(--text-secondary);display:inline-block;font-size:10px;transition:transform var(--transition-slow)}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-section-title{color:var(--text-secondary);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.sidebar-section-content{margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-left:var(--spacing-sm);transition:max-height var(--transition-slow),opacity var(--transition-slow),margin var(--transition-slow)}.sidebar-section-content.open{margin-top:var(--spacing-xs);max-height:500px;opacity:1}.sidebar-item{align-items:center;border-radius:var(--radius);color:var(--text-primary);display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:2px;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color var(--transition)}.sidebar-item:hover{background-color:var(--bg-hover);text-decoration:none}.sidebar-item.active{background-color:var(--bg-hover);font-weight:var(--font-weight-semibold)}.sidebar-icon{font-size:16px;line-height:1;text-align:center;width:20px}@media (max-width:768px){.sidebar{width:200px}}.mobile-menu-button{background-color:var(--bg-primary);border:1px solid var(--divider);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:none;padding:var(--spacing-sm);position:fixed;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition);z-index:101}.mobile-menu-button:hover{background-color:var(--bg-hover)}.mobile-menu-icon{color:var(--text-primary);display:block;font-size:20px}.mobile-menu-overlay{background-color:#0000004d;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:640px){.mobile-menu-button{display:block;min-height:44px;min-width:44px}.mobile-menu-overlay{display:block}.sidebar{box-shadow:2px 0 8px var(--shadow);transform:translateX(-100%);transition:transform var(--transition-slow);width:280px}.sidebar.open{transform:translateX(0)}.sidebar-item{font-size:15px}.sidebar-item,.sidebar-section-header{min-height:44px;padding:var(--spacing-sm)}}.about{width:100%}.about-intro-container{align-items:flex-start;display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.about-image-wrapper{flex:0 0 300px;position:relative}.about-image{border-radius:var(--radius);display:block;width:100%}.about-text-wrapper{flex:1.5 1;min-width:0}.about-text-wrapper .notion-block p{white-space:normal;word-break:keep-all}.social-link{display:inline-block;margin-right:var(--spacing-sm);text-decoration:none;transition:transform var(--transition),opacity var(--transition)}.social-link:hover{opacity:.8;text-decoration:none;transform:translateY(-2px)}.social-link img,.social-link svg{vertical-align:middle}.skills-section{margin-top:var(--spacing-lg)}.skills-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--spacing-md)}.skill-item{align-items:center;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;transition:all var(--transition)}.skill-item:hover{background-color:var(--bg-hover);border-color:var(--divider);box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px) scale(1.05)}.skill-item img,.skill-item svg{fill:var(--text-primary);color:var(--text-primary);height:32px;object-fit:contain;width:32px}.skill-logo-black{color:var(--text-primary)}.linkedin-logo-black,.skill-logo-black{filter:brightness(0) saturate(100%)}.skill-item span{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-normal)}@media (max-width:640px){.about-intro-container{flex-direction:column;gap:var(--spacing-lg)}.about-image-wrapper{flex:1 1;margin:0 auto;max-width:300px;width:100%}.about-text-wrapper{flex:1 1;width:100%}.skills-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.experience{position:relative;width:100%}.timeline-container{margin-top:var(--spacing-lg);padding:var(--spacing-xl) 0;position:relative}.timeline-line{background-color:var(--divider);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:0}.timeline-item{align-items:flex-start;display:flex;filter:blur(2px);margin-bottom:var(--spacing-2xl);opacity:.2;position:relative;transform:translateY(50px) scale(.9);transition:opacity 1s ease,transform 1s ease;z-index:1}.timeline-item.visible{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}.timeline-item.left{flex-direction:row}.timeline-item.right{flex-direction:row-reverse}.timeline-marker{background-color:var(--bg-primary);border:3px solid var(--divider);border-radius:50%;height:16px;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:all var(--transition);width:16px;z-index:2}.timeline-item:hover .timeline-marker{border-color:var(--text-primary);transform:translateX(-50%) scale(1.2)}.timeline-content{background-color:var(--bg-secondary);border-radius:var(--radius);box-shadow:0 1px 3px var(--shadow);padding:var(--spacing-md);position:relative;transition:all var(--transition);width:calc(50% - 40px)}.timeline-content:hover{background-color:var(--bg-hover);box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px)}.timeline-item.left .timeline-content{margin-left:0;margin-right:auto}.timeline-item.right .timeline-content{margin-left:auto;margin-right:0}.timeline-header{-webkit-user-select:none;user-select:none}.timeline-header h3{color:var(--text-primary);font-size:16px;font-weight:var(--font-weight-semibold);margin-bottom:4px}.timeline-header p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.timeline-details{list-style-type:disc;margin-top:var(--spacing-sm);padding-left:20px}.timeline-details li{color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:6px}@media (max-width:768px){.timeline-line,.timeline-marker{left:20px}.timeline-item{flex-direction:row!important}.timeline-content{margin-left:60px!important;margin-right:0!important;width:calc(100% - 60px)}}@media (max-width:640px){.timeline-container{padding:var(--spacing-lg) 0}.timeline-item{margin-bottom:var(--spacing-xl)}.timeline-content{padding:var(--spacing-sm) var(--spacing-md)}.timeline-header h3{font-size:15px}.timeline-details li,.timeline-header p{font-size:13px}}.projects{width:100%}.projects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-lg);width:100%}.projects .notion-callout{display:flex;flex-direction:column;margin-bottom:0}.project-card{overflow:hidden;position:relative;transition:all var(--transition)}.project-card:before{background-color:var(--text-primary);bottom:0;content:"";height:3px;left:0;position:absolute;transition:width var(--transition-slow);width:0}.project-card:hover:before{width:100%}.project-card:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px)}.projects .notion-callout-content{display:flex;flex-direction:column}@media (max-width:1024px){.projects-grid{gap:var(--spacing-md);grid-template-columns:1fr}.projects .notion-callout{aspect-ratio:auto}}@media (max-width:640px){.projects-grid{gap:var(--spacing-md)}.project-card{padding:var(--spacing-md)}.project-link{display:inline-block;font-size:13px;line-height:24px;min-height:32px;padding:4px 0}}.project-link{color:var(--text-primary);font-size:14px;text-decoration:none;transition:opacity var(--transition),color var(--transition)}.project-link:hover{color:var(--text-primary);opacity:.7;text-decoration:underline}.app-container{display:flex;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-left:240px;padding:var(--spacing-2xl) var(--spacing-xl);width:calc(100% - 240px)}.main-content>*{margin:0 auto;max-width:1200px;width:100%}@media (max-width:768px){.main-content{margin-left:200px;padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width:640px){.main-content{margin-left:0;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);width:100%}}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-sidebar:#f8f8f8;--bg-hover:#f7f7f7;--divider:#e5e5e5;--text-primary:#2f2f2f;--text-secondary:#6e6e6e;--shadow:#00000008;--radius:6px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",ui-sans-serif,sans-serif;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--transition:150ms ease;--transition-slow:200ms ease}[data-theme=dark]{--bg-primary:#1f1f1f;--bg-secondary:#252525;--bg-sidebar:#2a2a2a;--bg-hover:#2f2f2f;--divider:#3a3a3a;--text-primary:#f2f2f2;--text-secondary:#b0b0b0;--shadow:#0003}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,ui-sans-serif,sans-serif;font-family:var(--font-family);line-height:1.6}a,body{color:#2f2f2f;color:var(--text-primary)}a{text-decoration:none;transition:.15s ease;transition:var(--transition)}a:hover{text-decoration:underline}ul{list-style:none;padding:0}h1,h2,h3,h4,h5,h6{color:#2f2f2f;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,ui-sans-serif,sans-serif;font-family:var(--font-family);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.01em}.notion-block{border-radius:6px;border-radius:var(--radius);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .15s ease;transition:all var(--transition)}.about-text-wrapper .notion-block:hover{background-color:initial;transform:none}.notion-menu{display:none}.notion-page{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.notion-page-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.notion-page-icon{font-size:24px;line-height:1}.notion-page-title{font-size:32px;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.2}@media (max-width:640px){.notion-page-title{font-size:24px}.notion-page-header{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.notion-block{padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.notion-block p{font-size:14px;line-height:1.6}.notion-callout{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.notion-callout-content h3{font-size:16px!important}.notion-callout-content p{font-size:13px!important}}.notion-page-description{color:#6e6e6e;color:var(--text-secondary);font-size:16px;margin-top:4px;margin-top:var(--spacing-xs)}.notion-toggle{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.notion-toggle-header{align-items:center;border-radius:6px;border-radius:var(--radius);cursor:pointer;display:flex;gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .15s ease;transition:background-color var(--transition);-webkit-user-select:none;user-select:none}.notion-toggle-header:hover{background-color:#f7f7f7;background-color:var(--bg-hover)}.notion-toggle-chevron{color:#6e6e6e;color:var(--text-secondary);font-size:14px;transition:transform .2s ease;transition:transform var(--transition-slow)}.notion-toggle-chevron.open{transform:rotate(90deg)}.notion-toggle-content{max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-left:24px;padding-left:var(--spacing-lg);padding-top:0;transition:max-height .2s ease,opacity .2s ease,padding .2s ease;transition:max-height var(--transition-slow),opacity var(--transition-slow),padding var(--transition-slow)}.notion-toggle-content.open{max-height:2000px;opacity:1;padding-bottom:8px;padding-bottom:var(--spacing-sm);padding-top:8px;padding-top:var(--spacing-sm)}.notion-callout{background-color:#fafafa;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:6px;border-radius:var(--radius);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md);position:relative;transition:all .15s ease;transition:all var(--transition)}.notion-callout:hover{background-color:#f7f7f7;background-color:var(--bg-hover);border-color:#e5e5e5;border-color:var(--divider);box-shadow:0 2px 8px #00000008;box-shadow:0 2px 8px var(--shadow);transform:translateY(-2px)}.notion-callout-icon{flex-shrink:0;font-size:20px;line-height:1}.notion-callout-content{flex:1 1}button{background-color:#2f2f2f;background-color:var(--text-primary);border:none;border-radius:6px;border-radius:var(--radius);color:#fff;color:var(--bg-primary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,ui-sans-serif,sans-serif;font-family:var(--font-family);font-size:14px;font-weight:600;font-weight:var(--font-weight-semibold);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:opacity .15s ease;transition:opacity var(--transition)}button:hover{opacity:.85}@media (max-width:768px){:root{--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px}.notion-page-title{font-size:28px}}
/*# sourceMappingURL=main.dfbe8b07.css.map*/