.heroresume-container{box-sizing:border-box;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:700px;padding:80px 24px 0;display:flex}.heroresume-container:before{content:"";filter:blur(2px);z-index:-1;background:url(/asset/img/Image.png) 50%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 75%,#0000 100%);mask-image:linear-gradient(#000 0% 75%,#0000 100%)}.heroesume{opacity:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:900px;display:flex}#heroresume{color:#000;text-align:center;width:100%;margin:0;font-size:clamp(36px,8vw,80px);font-weight:700;line-height:1.2}.span1{color:#008b8b}.h5-1{text-align:center;color:#3b3c4a;opacity:.8;width:100%;max-width:800px;margin:0;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.6}@media screen and (max-width:768px){.heroresume-container{min-height:500px;padding:60px 16px}.heroesume{gap:16px}}@media screen and (max-width:480px){.heroresume-container{min-height:400px}}
.page{opacity:1;box-sizing:border-box;width:100%;max-width:1300px;min-height:auto;margin:60px auto}.nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.nav-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.nav-btn.active{color:#0d9488;background:#ccfbf1;border-color:#0d9488}.nav-btn:hover:not(.active){background:#f9fafb;border-color:#9ca3af}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;gap:30px;width:100%;display:grid}.card{opacity:1;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;width:100%;padding:20px;transition:transform .3s,box-shadow .3s;display:flex}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000000d}.card-image-wrap{aspect-ratio:16/9;background:#f3f4f6;border-radius:8px;width:100%;position:relative;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:100%}.card-heart{cursor:pointer;background:#0000004d;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.card-heart:hover{background:#00000080}.card-heart svg{fill:none;stroke:#fff;stroke-width:2px;width:16px;height:16px}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.card-tag{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.card-title{color:#1f2937;margin:0;font-size:18px;font-weight:700}.card-desc{color:#6b7280;flex:1;margin:0;font-size:14px;line-height:1.5}.card-link{color:#0d9488;border:1.5px solid #0d9488;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.card-link:hover{color:#fff;background:#0d9488}.card-link svg{width:16px;height:16px}@media screen and (max-width:640px){.page{margin:40px auto;padding:0 16px}.grid{grid-template-columns:1fr;gap:20px}.nav{gap:8px}.nav-btn{padding:8px 16px;font-size:13px}}