@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-sidebar: #0f1626;--bg-main: #f8f9fa;--bg-card: #ffffff;--text-main: #111827;--text-muted: #374151;--text-light: #6b7280;--text-sidebar: #f8fafc;--text-sidebar-muted: #94a3b8;--accent-color: #0f1626;--accent-hover: #1c2841;--accent-light: #e2e8f0;--border-color: #e2e8ed;--sidebar-width: 270px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:40px}html,body{height:100%}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:var(--text-sidebar);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-inner{display:flex;flex-direction:column;flex:1;padding:1.8rem 1.4rem;gap:0}.profile{text-align:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:.8rem}.profile-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12);margin:0 auto .7rem;display:block}.profile h1{font-size:1rem;font-weight:700;margin-bottom:.3rem;color:var(--text-sidebar)}.profile h2{font-size:.9rem;font-weight:500;color:var(--text-sidebar-muted);line-height:1.6;margin-bottom:1.5rem;letter-spacing:.01em}.nav-menu{display:flex;flex-direction:column;gap:.05rem;flex:1}.nav-menu a{display:flex;align-items:center;gap:.7rem;color:var(--text-sidebar-muted);font-weight:500;font-size:.95rem;text-decoration:none;padding:.4rem .6rem;border-radius:6px;transition:background .15s,color .15s}.nav-menu a:hover{background:#ffffff0f;color:var(--text-sidebar)}.nav-menu a.active{background:#ffffff1f;color:var(--text-sidebar);font-weight:600}.nav-menu a svg{fill:currentColor;flex-shrink:0}.contact-info{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-sidebar-muted);letter-spacing:.01em}.btn-resume{margin-top:1.5rem;display:block;padding:.6rem 1rem;background:var(--bg-main);color:var(--bg-sidebar);text-decoration:none;font-weight:600;border-radius:6px;text-align:center;transition:all .2s ease;font-size:.9rem}.btn-resume:hover{background:#fff;transform:translateY(-1px)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2.5rem 3.5rem}section{margin-bottom:3rem}.section-title{font-size:1.2rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.55rem;color:var(--accent-color);letter-spacing:-.2px}.section-title svg{fill:currentColor;flex-shrink:0}.section-title:after{content:"";height:1px;flex:1;background:var(--border-color);margin-left:.4rem}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:.9rem}.timeline-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:12px}.timeline-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent-color);background:var(--accent-color);flex-shrink:0;margin-top:5px}.timeline-line{width:2px;flex:1;background:var(--border-color);margin:3px 0 0;min-height:1rem}.timeline-item:last-child .timeline-line{display:none}.timeline-body{flex:1;padding-bottom:1.5rem}.timeline-item:last-child .timeline-body{padding-bottom:0}.item-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.25rem;flex-wrap:wrap}.item-title{font-size:.98rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;line-height:1.3}.item-title .org-logo{height:32px;width:auto;object-fit:contain;border-radius:4px;flex-shrink:0}.item-title svg{fill:var(--text-muted);flex-shrink:0}.item-date{font-size:.82rem;color:var(--text-light);font-weight:500;white-space:nowrap;flex-shrink:0;margin-top:2px}.item-subtitle{font-size:.75rem;font-weight:400;color:var(--text-light);margin-bottom:.5rem}.item-content{font-size:.95rem;color:var(--text-muted);line-height:1.7;letter-spacing:.01em}.item-content ul{margin-left:1.2rem;margin-top:.4rem}.item-content li{margin-bottom:.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;padding:1rem;box-shadow:0 1px 4px #00000008;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.3rem}.card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000000f}.card h3{font-size:.92rem;line-height:1.3}.card .highlight{font-size:.75rem;color:var(--text-light);font-weight:600}.card p{font-size:.9rem;color:var(--text-muted);flex:1;line-height:1.65;letter-spacing:.01em}.card a.card-link{font-size:.85rem;font-weight:700;margin-top:.4rem;display:inline-block}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.post-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;padding:1rem;box-shadow:0 1px 4px #00000008;display:flex;flex-direction:column;gap:.3rem}.post-card h3{font-size:.92rem;line-height:1.3}.post-card .highlight{font-size:.72rem;color:var(--text-light);font-weight:600}.post-card p{font-size:.9rem;color:var(--text-muted);line-height:1.65;letter-spacing:.01em}.post-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card.featured-project{grid-column:1 / -1;flex-direction:row;align-items:center;gap:2rem}.post-card.featured-project .project-img-wrapper{flex:0 0 50%}@media (max-width: 850px){.post-card.featured-project{flex-direction:column;align-items:stretch;gap:.8rem!important}.post-card.featured-project .project-img-wrapper{flex:auto;width:100%}}.post-more-btn{background:var(--accent-light);border:none;color:var(--accent-color);font-weight:600;font-size:.8rem;padding:.35rem .8rem;border-radius:6px;cursor:pointer;display:inline-block;align-self:flex-start;transition:all .2s ease}.post-more-btn:hover{background:#cbd5e1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:500;display:flex;align-items:center;justify-content:center;padding:1.5rem}.carousel-wrapper{position:relative;width:100%;border-radius:6px;overflow:hidden;aspect-ratio:16 / 9;background:#f0f0f0;margin-top:.6rem}.carousel-slide-img{width:100%;height:100%;object-fit:contain;background:#fff}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffeb;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 1px 6px #0000001f}.carousel-btn:hover{background:#fff}.carousel-btn.prev{left:6px}.carousel-btn.next{right:6px}.carousel-btn svg{fill:#333}.carousel-counter{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:#00000073;color:#fff;font-size:.65rem;padding:.1rem .45rem;border-radius:8px}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem}.skill-category{background:var(--bg-card);border:1px solid var(--border-color);padding:1.2rem;border-radius:9px;box-shadow:0 1px 4px #00000005;transition:transform .2s,box-shadow .2s}.skill-category:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000000f}.skill-category h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:var(--text-main);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.skill-category h4:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--text-sidebar-muted);border-radius:50%}.skill-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{background:var(--bg-card);border:1px solid var(--border-color);padding:.25rem .65rem;border-radius:20px;font-size:.76rem;font-weight:600;color:var(--text-muted);transition:all .15s}.tag:hover{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-light)}.tree-children{padding-left:1.4rem;margin-top:.6rem}.tree-node{position:relative;margin-top:.5rem}.tree-node:after{content:"";position:absolute;top:-.6rem;bottom:0;left:-.9rem;border-left:1.5px solid var(--border-color)}.tree-node:before{content:"";position:absolute;top:.7rem;left:-.9rem;width:.6rem;border-top:1.5px solid var(--border-color)}.tree-node:last-child:after{bottom:auto;height:1.3rem}.tree-label.sub-title{font-size:.72rem;color:var(--text-light);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.tree-label.tree-tag{display:inline-block;background:transparent;border:1px solid var(--border-color);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;color:var(--text-muted);transition:all .2s;background:var(--bg-card);z-index:2;position:relative}.tree-label.tree-tag:hover{color:var(--accent-color);border-color:var(--accent-color)}.participation-list h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:var(--text-light)}.mobile-hero,.floating-hamburger{display:none}@media (max-width: 1024px){.main-content{padding:2rem}}.sidebar-overlay{display:none}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1050px){html{scroll-padding-top:20px}:root{--sidebar-width: 0px}.layout{flex-direction:column}.floating-hamburger{display:flex;position:fixed;top:15px;right:15px;width:48px;height:48px;border-radius:50%;background:var(--bg-sidebar);color:var(--text-sidebar);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0006;align-items:center;justify-content:center;font-size:1.5rem;z-index:900;cursor:pointer;transition:transform .2s}.floating-hamburger:active{transform:scale(.92)}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:999;background:var(--bg-sidebar);transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;border-right:1px solid rgba(255,255,255,.05)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.skills-grid{grid-template-columns:1fr}.sidebar-inner{padding:1.5rem}.sidebar .profile{display:none}.nav-menu{flex-direction:column;flex-wrap:nowrap}.main-content{margin-left:0;padding:1.5rem 1.2rem;margin-top:0}.posts-grid,.grid{grid-template-columns:1fr}.item-header{flex-direction:column;align-items:flex-start}.mobile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-sidebar);margin:-1.5rem -1.2rem 2.5rem;padding:4rem 1.5rem 3.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-hero-name{font-size:1.8rem;font-weight:800;color:var(--text-sidebar);margin:0 0 .8rem;line-height:1.2;letter-spacing:-.2px}.mobile-hero .profile-img{width:100%;height:100%;margin:0}.mobile-hero-tagline{font-size:.9rem;font-weight:500;color:var(--text-sidebar-muted);line-height:1.6;margin:0;max-width:90%}}