.card{width:220px;height:300px;border-radius:20px;box-shadow:0 4px 8px var(--card-shadow);background:linear-gradient(145deg,var(--card-background-start),var(--card-background-end));border:6px solid var(--card-border);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;font-family:Arial,sans-serif;color:var(--card-text)}.card:hover{transform:scale(1.05);box-shadow:0 12px 20px var(--card-hover-shadow);filter:brightness(1.1)}.card img{width:100px;height:100px;object-fit:contain;margin-top:20px;border-radius:50%;box-shadow:0 0 15px var(--card-image-shadow)}.card-title{font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var(--card-title-color);margin:20px 0;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.5)}.card-description{font-size:.9rem;text-align:center;color:var(--card-description-color);text-shadow:0 0 10px hsla(0,0%,100%,.5)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.3),rgba(0,0,0,.1));mix-blend-mode:overlay;pointer-events:none;animation:shimmer 2s linear infinite;border-radius:20px}@media (max-width:639px){.card.mobile{width:90px!important;height:120px!important;padding:8px!important;border-radius:12px!important;border-width:2px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;background:linear-gradient(145deg,var(--card-background-start),var(--card-background-end))!important}.card.mobile img{width:40px!important;height:40px!important;margin-top:8px!important;margin-bottom:4px!important}.card.mobile h3{font-size:.7rem!important;margin:4px 0!important}.card.mobile p{font-size:.6rem!important;margin:2px 0!important}.card.mobile .expertise-circles{margin-top:auto!important}}@media (min-width:640px) and (max-width:1023px){.card.tablet{width:150px!important;height:180px!important;padding:12px!important;border-radius:16px!important;border-width:4px!important;box-shadow:0 3px 8px var(--card-shadow)!important;background:linear-gradient(145deg,var(--card-background-start),var(--card-background-end))!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important}.card.tablet img{width:64px!important;height:64px!important;margin-top:8px!important;margin-bottom:8px!important;object-fit:contain!important}.card.tablet h3{font-size:1rem!important;font-weight:600!important;margin:6px 0 2px!important}.card.tablet h3,.card.tablet p{color:var(--card-text)!important}.card.tablet p{font-size:.875rem!important;margin:0 0 6px!important}.card.tablet .expertise-circles{margin-top:auto!important;display:flex!important;gap:6px!important}.card.tablet .expertise-circles>div{width:10px!important;height:10px!important;border-radius:9999px!important}}@media (min-width:1366px) and (max-width:1535.98px) and (max-height:900px){.card{width:180px;height:240px;padding:14px;border-width:4px;border-radius:16px;transform-origin:center center;will-change:transform}.card:hover{transform:scale(1.03);box-shadow:0 10px 16px var(--card-hover-shadow)}.card img{width:72px;height:72px;margin-top:10px;box-shadow:0 0 10px var(--card-image-shadow)}.card h3,.card-title{font-size:1.05rem;margin:10px 0 6px;text-shadow:0 0 8px hsla(0,0%,100%,.6),0 0 16px hsla(0,0%,100%,.35)}.card p,.card-description{font-size:.8rem;margin:0 0 8px;text-shadow:0 0 8px hsla(0,0%,100%,.4)}}@media (width:1440px) and (height:900px){.card{width:180px;height:240px}}@media (max-width:420px){.skillsTreeWrapper{padding:0 16px}.skillsTreeContainer{padding-top:120px;position:relative;height:auto;min-height:auto;overflow:visible}.skillsRoot{top:125px;width:15px;height:15px;border:2px solid #d9b96d;border-radius:50%;background:#fff;margin:0;z-index:2}.skillsRoot,.skillsVerticalLine{position:absolute;left:50%;transform:translateX(-50%)}.skillsVerticalLine{top:calc(160px + 10px);bottom:120px;width:2px;height:1100px;background-image:linear-gradient(180deg,#d9b96d,#8c6b30);z-index:0}.skillsBranch{display:none!important}.skillsBox{width:92%;max-width:360px;margin:40px auto 36px;padding:1rem 1.2rem;border-width:2px;border-radius:8px;z-index:1}.box-left1,.box-left2,.box-right1,.box-right2,.skillsBox{position:relative!important;left:auto!important;top:auto!important;transform:none!important}.skillsBox:before{content:"";position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:2px;height:24px;background-image:linear-gradient(180deg,#d9b96d,#8c6b30);z-index:3}.skillsBox:after{display:none}.skillsBox:first-of-type{margin-top:64px}.skillsBoxHeader{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.6rem}.skillsBoxIcon{width:30px;height:30px;border-radius:8px;margin-bottom:.4rem}.skillsBoxIcon img{width:18px;height:18px}.skillsBoxTitle{font-size:.95rem;margin-bottom:.35rem}.skillsBoxText{font-size:.85rem;line-height:1.25rem;text-align:justify;word-break:break-word}}.skillsTreeWrapper{width:100%;padding:0 1rem;display:flex;justify-content:center;align-items:flex-start;height:auto;min-height:1250px;margin:auto auto 10rem}.skillsTreeContainer{position:relative}.skillsRoot{width:1.5rem;height:1.5rem;border-radius:9999px;border:4px solid #d9b96d;margin-top:10rem}.skillsVerticalLine{position:absolute;left:50%;top:100%;height:1000px;width:.25rem;background-image:linear-gradient(180deg,#d9b96d,#8c6b30);transform:translateX(-50%)}.skillsBranch{position:absolute;height:.25rem;background-image:linear-gradient(90deg,#d9b96d,#8c6b30)}.branch-left1{width:100px;left:50%;top:400px;transform:translateX(-100px)}.branch-right1{width:200px;left:50%;top:550px;transform:translateX(0)}.branch-left2{width:200px;left:50%;top:800px;transform:translateX(-200px)}.branch-right2{width:100px;left:50%;top:970px;transform:translateX(0)}.skillsBox{position:absolute;width:500px;min-height:150px;padding:1.5rem;border:4px solid #d9b96d;border-radius:.5rem;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(to bottom right,#fdf8ef,#f3e2b3);color:#333}.dark .skillsBox{background:linear-gradient(to bottom right,#1e1e1e,#3b2e1a);color:#e0e0e0}.box-left1{top:285px;transform:translateX(-580px)}.box-right1{top:375px;transform:translateX(210px)}.box-left2{top:700px;transform:translateX(-680px)}.box-right2{top:800px;transform:translateX(110px)}.skillsBoxHeader{display:flex;align-items:center;gap:10px;margin-bottom:12px}.skillsBoxTitle{font-size:1.25rem;font-weight:600;margin-bottom:8px}.skillsBoxText{white-space:normal;word-break:break-word}.dark .skillsBoxText{color:#e0e0e0}.skillsBoxIcon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:linear-gradient(90deg,#f3e2b3,#d9b96d)}.dark .skillsBoxIcon{background:linear-gradient(90deg,#d9b96d,#8c6b30)}.skillsBoxIcon img{width:26px;height:26px}@media (max-width:420px){.skillsTreeWrapper{padding:0 16px}.skillsTreeContainer{padding-top:120px;position:relative;height:auto;min-height:auto;overflow:visible}.skillsRoot{top:125px;width:15px;height:15px;border:2px solid #d9b96d;border-radius:50%;background:#fff;margin:0;z-index:2}.skillsRoot,.skillsVerticalLine{position:absolute;left:50%;transform:translateX(-50%)}.skillsVerticalLine{top:calc(160px + 10px);bottom:120px;width:2px;height:1200px;background-image:linear-gradient(180deg,#d9b96d,#8c6b30);z-index:0}.skillsBranch{display:none!important}.skillsBox{width:92%;max-width:360px;margin:40px auto 36px;padding:1rem 1.2rem;border-width:2px;border-radius:8px;z-index:1}.box-left1,.box-left2,.box-right1,.box-right2,.skillsBox{position:relative!important;left:auto!important;top:auto!important;transform:none!important}.skillsBox:before{content:"";position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:2px;height:24px;background-image:linear-gradient(180deg,#d9b96d,#8c6b30);z-index:3}.skillsBox:after{display:none}.skillsBox:first-of-type{margin-top:64px}.skillsBoxHeader{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.6rem}.skillsBoxIcon{width:30px;height:30px;border-radius:8px;margin-bottom:.4rem}.skillsBoxIcon img{width:18px;height:18px}.skillsBoxTitle{font-size:.95rem;margin-bottom:.35rem}.skillsBoxText{font-size:.85rem;line-height:1.25rem;text-align:justify;word-break:break-word}}@media (min-width:768px) and (max-width:1279px){.skillsTreeContainer{min-height:1100px}.skillsRoot{top:100px}.skillsVerticalLine{top:calc(170px + 12px);height:800px}.skillsBranch{display:block;height:.25rem}.branch-left1{width:95px;left:20%;top:300px;transform:translateX(-90px)}.branch-right1{width:95px;left:50%;top:380px;transform:translateX(0)}.branch-left2{width:90px;left:50%;top:600px;transform:translateX(-90px)}.branch-right2{width:90px;left:50%;top:680px;transform:translateX(0)}.skillsBox{position:absolute;width:250px;min-height:120px;padding:.8rem;border-width:2px;border-radius:6px}.box-left1,.box-left2,.box-right1,.box-right2{left:50%}.box-left1{top:240px;transform:translateX(-340px)}.box-right1{top:320px;transform:translateX(90px)}.box-left2{top:560px;transform:translateX(-340px)}.box-right2{top:640px;transform:translateX(90px)}.skillsBoxHeader{flex-direction:row;align-items:center;gap:6px;margin-bottom:8px}.skillsBoxIcon{width:26px;height:26px;margin-bottom:0}.skillsBoxIcon img{width:16px;height:16px}.skillsBoxTitle{font-size:.9rem;margin-bottom:4px}.skillsBoxText{font-size:.8rem;line-height:1.1rem}.skillsTreeWrapper{min-height:auto!important;margin-bottom:0!important}}@media (min-width:1280px) and (max-width:1535.98px){:root{--mbp-box-w:470px;--mbp-branch:150px;--mbp-gapY-1:300px;--mbp-gapY-2:740px;--mbp-stepR:105px}.skillsBox{position:absolute;width:var(--mbp-box-w);min-height:165px;padding:1.3rem 1.45rem;border-width:3px;border-radius:12px;z-index:2}.box-left1,.box-left2,.box-right1,.box-right2{left:50%}.box-left1{top:var(--mbp-gapY-1);transform:translateX(calc(-1 * (var(--mbp-branch) + var(--mbp-box-w))))}.box-right1{top:calc(var(--mbp-gapY-1) + var(--mbp-stepR));transform:translateX(var(--mbp-branch))}.box-left2{top:var(--mbp-gapY-2);transform:translateX(calc(-1 * (var(--mbp-branch) + var(--mbp-box-w))))}.box-right2{top:calc(var(--mbp-gapY-2) + var(--mbp-stepR));transform:translateX(var(--mbp-branch))}.skillsBranch{display:block;height:4px;z-index:1}.branch-left1{top:calc(var(--mbp-gapY-1) + 92px);transform:translateX(calc(-1 * var(--mbp-branch)))}.branch-left1,.branch-right1{left:50%;width:var(--mbp-branch)}.branch-right1{top:calc(var(--mbp-gapY-1) + var(--mbp-stepR) + 92px);transform:translateX(0)}.branch-left2{top:calc(var(--mbp-gapY-2) + 92px);transform:translateX(calc(-1 * var(--mbp-branch)))}.branch-left2,.branch-right2{left:50%;width:var(--mbp-branch)}.branch-right2{top:calc(var(--mbp-gapY-2) + var(--mbp-stepR) + 92px);transform:translateX(0)}.skillsBoxHeader{gap:12px;margin-bottom:14px}.skillsBoxIcon{width:40px;height:40px;border-radius:12px;margin-bottom:6px}.skillsBoxIcon img{width:24px;height:24px}.skillsBoxTitle{font-size:1.2rem;margin-bottom:8px}.skillsBoxText{font-size:1.09rem;line-height:1.55rem}}