*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}::-webkit-scrollbar{display:none}:root{--bg:#0a0a0a;--surface:#141414;--surface-hover:#1e1e1e;--border:#2a2a2a;--text:#e4e4e7;--text-muted:#a1a1aa;--accent:#3b82f6;--accent-hover:#60a5fa;--nav-bg:#0a0a0ad9;--shadow-hover:#3b82f614}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem}nav{-webkit-backdrop-filter:blur(16px);z-index:100;background:0 0;border-bottom:none;width:100%;padding:1rem 0;transition:transform .3s;position:fixed;top:0}nav.nav-hidden{transform:translateY(-100%)}nav .container{justify-content:space-between;align-items:center;max-width:100%;padding:0 2.5rem;display:flex}nav a{color:var(--text-muted);font-size:.9rem;transition:color .2s}nav a:hover,nav a.active{color:#fff}nav a.active{font-weight:500}nav .nav-links{align-items:center;gap:1.5rem;display:flex}nav .name{color:var(--text);font-size:1.1rem;font-weight:600}.nav-icon{align-items:center;display:flex}.resume-menu{position:relative}.resume-menu summary{cursor:pointer;color:var(--text-muted);list-style:none;transition:color .2s}.resume-menu summary::-webkit-details-marker{display:none}.resume-menu:hover summary,.resume-menu[open] summary{color:#fff}.resume-dropdown{white-space:nowrap;flex-direction:column;padding-top:.75rem;display:none;position:absolute;top:100%;right:0}.resume-menu:hover .resume-dropdown,.resume-menu[open] .resume-dropdown{display:flex}.resume-dropdown a{background:var(--nav-bg);padding:.5rem 1rem}section{padding:6rem 0 3rem}.page-section{min-height:100vh;padding-bottom:4rem;position:relative;overflow:hidden}.page-content{z-index:1;position:relative}.section-title{color:var(--text);margin-bottom:2rem;font-size:2rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:1.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.fade-in{opacity:0;filter:blur(8px);transition:opacity .6s,transform .6s,filter .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;filter:blur();transform:translateY(0)}.page-wrap{flex-direction:column;min-height:calc(100vh - 8rem);display:flex}.profile-wrapper{position:relative;overflow:hidden}.profile-wrapper>.flow-lines{pointer-events:none;z-index:0;width:100%;height:200vh;position:absolute;top:0;left:0}.profile-bg{pointer-events:none;z-index:0;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.profile-bg img{object-position:center top;filter:grayscale();opacity:.3;width:auto;height:100%}.profile-hero{justify-content:center;align-items:center;height:100vh;padding:0 2rem;display:flex;position:relative;overflow:hidden}.profile-about{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative}.profile-bottom{z-index:1;align-items:flex-start;gap:4rem;display:flex}.profile-bio,.profile-stack{max-width:940px}.profile-info{z-index:1;text-align:center;position:relative}.profile-info h1{white-space:nowrap;margin-bottom:.5rem;font-size:4.5rem;font-weight:700}.profile-info .tagline{color:var(--text-muted);font-size:1.8rem}.profile-bio h3{color:var(--text);margin-bottom:1.5rem;font-size:1.4rem;font-weight:600}.bio{color:var(--text-muted);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#141414d9;border-radius:12px;padding:2rem;font-size:1.05rem;line-height:1.8}.bio p{margin-bottom:1rem}.bio p:last-child{margin-bottom:0}.scroll-indicator{color:var(--text-muted);opacity:.5;z-index:1;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;animation:2s ease-in-out infinite bobDown;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bobDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.profile-stack h3{color:var(--text);margin-bottom:1.5rem;font-size:1.4rem;font-weight:600}.stack-tags{flex-wrap:wrap;gap:.85rem;display:flex}.stack-tag{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);color:var(--text-muted);background:#141414d9;border-radius:999px;padding:.4rem 1rem;font-size:.95rem}.flow-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.flow{fill:none;stroke:#fff;stroke-width:1.2px;stroke-linecap:round}.flow-1{opacity:.3}.flow-2{opacity:.2}.flow-3{opacity:.18}.flow-4{opacity:.25}.flow-5{opacity:.22}.flow-6{opacity:.18}.flow-7{opacity:.15}.flow-8{opacity:.2}.flow-9{opacity:.18}.flow-10{opacity:.15}.flow-11{opacity:.14}.flow-12{opacity:.16}.flow-13{opacity:.12}.flow-14{opacity:.1}.flow-15{opacity:.12}.flow-16{opacity:.1}.flow-17{opacity:.12}.flow-18{opacity:.08}.flow-19{opacity:.07}.flow-20{opacity:.05}.flow-x1{opacity:.15}.flow-x2{opacity:.12}.flow-x3{opacity:.1}.flow-dashed{stroke-dasharray:12 8}.flow-dot{fill:#fff;opacity:.5}.dot-1{opacity:.5}.dot-2{opacity:.4}.dot-3{opacity:.3}.dot-4{opacity:.45}.dot-5{opacity:.35}.card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);cursor:default;background:#141414d9;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .25s}.project-card:hover,.exp-card:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 8px 24px var(--shadow-hover);transform:translateY(-3px)}.exp-card{align-items:flex-start;gap:1.25rem;display:flex}.exp-header{justify-content:space-between;align-items:baseline;display:flex}.exp-info{flex:1}.exp-info .dates,.exp-info .description{animation:.25s expandIn}@keyframes expandIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.exp-logo{background:var(--border);width:48px;height:48px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.exp-logo img{object-fit:cover;width:100%;height:100%}.exp-info h3{font-size:1.1rem;font-weight:600}.exp-info .position{color:var(--accent);margin-bottom:.35rem;font-size:.95rem}.exp-info .dates{color:var(--text-muted);white-space:nowrap;margin-bottom:.5rem;font-size:.85rem}.exp-info .description{color:var(--text-muted);font-size:.95rem}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-bottom:1.5rem;padding:.5rem 0;font-size:.95rem;transition:color .2s}.back-btn:hover{color:var(--accent-hover)}.exp-detail{text-align:center}.exp-detail h1{margin-bottom:.25rem;font-size:2rem;font-weight:700}.exp-detail .position{color:var(--accent);margin-bottom:.25rem;font-size:1.1rem}.exp-detail .dates{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.exp-detail .description{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.8}.exp-logo-lg{width:72px;height:72px;margin:0 auto 1rem;font-size:1.8rem}.exp-card h3 .arrow{opacity:0;transition:opacity .2s,transform .2s}.exp-card:hover h3 .arrow{opacity:1;transform:translate(4px)}.exp-card h3 .arrow-down{opacity:1;transform:rotate(90deg)}a .project-card{cursor:pointer}.project-header{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.project-card h3{color:var(--accent);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.project-card h3 .arrow{opacity:0;transition:opacity .2s,transform .2s}.project-card:hover h3 .arrow{opacity:1;transform:translate(4px)}.project-tag{color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:.2rem .6rem;font-size:.85rem;font-weight:500;display:inline-block}.project-card p{color:var(--text-muted);font-size:.95rem}.custom-scrollbar{z-index:200;pointer-events:none;opacity:0;width:4px;height:100vh;transition:opacity .4s;position:fixed;top:0;right:3px}.custom-scrollbar.show{opacity:1}.custom-scrollbar-thumb{background:#80808080;border-radius:2px;width:100%;transition:opacity .4s;position:absolute}footer{text-align:center;color:var(--text-muted);padding:3rem 0;font-size:.8rem}@media (width<=600px){nav .container{padding:0 1rem}nav .nav-links{gap:.5rem}nav .nav-links a{font-size:.75rem}nav .name{font-size:.95rem}.profile-hero{padding:4rem 1.25rem 2rem}.profile-info h1{font-size:2.5rem}.profile-info .tagline{font-size:1.1rem}.profile-bg{width:100%}.profile-bg img{opacity:.2}.scroll-indicator{font-size:.65rem;bottom:1.5rem}.profile-about{min-height:auto;padding:3rem 1.25rem}.profile-bottom{flex-direction:column;gap:2rem}.profile-bio h3,.profile-stack h3{margin-bottom:1rem;font-size:1.2rem}.bio{padding:1.25rem;font-size:.95rem}.stack-tag{padding:.3rem .75rem;font-size:.8rem}section{padding-top:4.5rem}.section-title{margin-bottom:1.5rem;font-size:1.6rem}.section-subtitle{font-size:1rem}.container{padding:0 1.25rem}.exp-card{flex-direction:column;gap:.75rem}.exp-header{flex-direction:column;gap:.15rem}.exp-info h3{font-size:1rem}.exp-info .position{font-size:.85rem}.exp-info .dates{font-size:.8rem}.exp-info .description{font-size:.85rem}.exp-logo{width:40px;height:40px}.project-header{flex-direction:column;gap:.25rem}.project-card h3{font-size:1rem}.project-card p{font-size:.85rem}.project-tag{font-size:.7rem}.card{padding:1.25rem}}