html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.container{width:100%}.section{min-height:80vh;display:flex;align-items:center}.content{max-width:600px;padding-left:10%;padding-right:20px;text-align:left}.hero{background:#efbcff;color:#000;min-height:55vh}.portfolio,#experience{min-height:auto;padding:55px 0}.contact{background:#000;color:#ffb9fd}h1{font-size:45px;margin-bottom:20px}h2{font-size:40px;margin-bottom:30px}.project-card{margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px}.project-header{display:flex;justify-content:space-between;cursor:pointer}.project-header span{font-size:24px}.project-desc{display:none;margin-top:10px}.project-desc.show{display:block}.navbar{position:fixed;top:30px;right:40px;display:flex;gap:30px;z-index:1000}.navbar a{text-decoration:none;color:#000;font-size:16px;font-weight:500;position:relative}.navbar a.active:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:#000}.see-more{margin-top:20px;text-align:left}.see-more a{text-decoration:none;font-weight:500;color:#000}.see-more a:hover{text-decoration:underline}.image-project-card{width:260px;margin-top:40px}.project-image{width:100%;height:170px;object-fit:cover;display:block;margin-bottom:14px}.image-project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;cursor:pointer}.image-project-header h3{font-size:22px;font-weight:700;line-height:1.2}.image-project-header span{font-size:28px;font-weight:700;line-height:1}.image-project-desc{display:none;margin-top:12px}.image-project-desc.show{display:block}.image-project-desc p{font-size:15px;line-height:1.6;color:#333;margin-bottom:10px}.image-project-desc a{text-decoration:none;color:#000;font-weight:500}.image-project-desc a:hover{text-decoration:underline}.exp-item{margin-bottom:5px;min-height:5vh}.exp-item h3{font-size:22px;font-weight:600}.cert-item{margin-top:5px}.cert-item a{font-size:18px;text-decoration:none;color:#000;font-weight:500}.cert-item a:hover{text-decoration:underline}.exp-item h3,.exp-item h4{font-size:18px;font-weight:500}