.info-grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:992px){.info-grid{grid-template-columns:1fr 1fr}}.about-mobile-img{display:block;width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--dark-bg3);margin:0 auto 24px}@media(min-width:576px){.about-mobile-img{display:none}}.about-list{display:flex;flex-wrap:wrap;gap:4px 0;margin-bottom:8px}.about-list li{flex:0 0 50%;max-width:50%;padding:6px 0;font-family:var(--font-os);font-size:14px;color:var(--text-light)}.about-meta{font-weight:600;text-transform:capitalize;color:var(--text-white);margin-right:4px}.about-link{color:var(--primary);text-decoration:none;transition:opacity var(--ease)}.about-link:hover{opacity:.75}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.stat-box{border:1px solid var(--dark-border);border-radius:5px;padding:20px 24px 24px 32px;background:#ffffff08}.stat-num{font-family:var(--font-p);font-size:46px;font-weight:700;color:var(--primary);line-height:1;margin:0 0 8px;position:relative;display:inline-block}.stat-label{font-family:var(--font-os);font-size:13px;text-transform:uppercase;color:var(--text-muted);line-height:1.4;padding-left:40px;position:relative}.stat-label:before{content:"";position:absolute;left:0;top:9px;width:28px;height:1px;background:var(--text-muted)}.d-block{display:block}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px;margin-top:28px;justify-items:center}@media(min-width:576px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-item{display:flex;flex-direction:column;align-items:center;gap:12px}.skill-name{font-family:var(--font-os);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);text-align:center;margin:0}.c100{position:relative;font-size:100px;width:1em;height:1em;border-radius:50%;background-color:var(--dark-bg3)}.c100>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-p);font-size:.2em;font-weight:600;color:var(--text-white);z-index:2}.c100:after{content:"";position:absolute;top:.08em;left:.08em;width:.84em;height:.84em;border-radius:50%;background-color:var(--dark-bg2);z-index:1}.c100 .slice{position:absolute;inset:0;clip:rect(0em,1em,1em,.5em)}.c100 .bar,.c100 .fill{position:absolute;inset:.08em;border:.07em solid var(--primary);border-radius:50%;clip:rect(0em,.5em,1em,0em)}.c100.p75 .slice,.c100.p80 .slice,.c100.p85 .slice,.c100.p90 .slice{clip:rect(auto,auto,auto,auto)}.c100.p75 .fill,.c100.p80 .fill,.c100.p85 .fill,.c100.p90 .fill{transform:rotate(180deg)}.certs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:28px}@media(min-width:576px){.certs-grid{grid-template-columns:repeat(5,1fr)}}.cert-link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform var(--ease)}.cert-link:hover,.cert-link:focus-visible{transform:translateY(-4px);outline:none}.cert-link:focus-visible figure{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.cert-link figure{margin:0;border-radius:8px;overflow:hidden}.cert-link figure img{width:100%;max-width:140px;height:auto}.cert-name{font-family:var(--font-os);font-size:11px;color:var(--text-muted);text-align:center;line-height:1.4}.resume-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:32px}@media(min-width:992px){.resume-grid{grid-template-columns:1fr 1fr}}.resume-box{padding:0}.resume-box li{position:relative;padding:0 20px 48px 60px}.resume-box li:after{content:"";position:absolute;top:0;left:20px;bottom:0;border-left:1px solid var(--dark-border)}.resume-box .icon{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;color:#111;font-size:15px;z-index:1}.resume-box .time{display:inline-block;background-color:var(--dark-bg3);color:var(--text-light);font-family:var(--font-os);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:20px;margin-bottom:10px}.resume-box h5{font-family:var(--font-p);font-size:16px;font-weight:600;text-transform:uppercase;color:var(--text-white);margin:0 0 6px}.resume-box .place{display:block;font-size:14px;font-weight:600;text-transform:none;color:var(--primary);opacity:.85;padding-left:22px;position:relative;margin-top:4px}.resume-box .place:before{content:"";position:absolute;left:7px;top:9px;width:10px;height:2px;background:#fffc}.resume-box p{font-family:var(--font-os);font-size:13px;color:var(--text-muted);line-height:1.7;margin:8px 0 0}
