@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101310;--panel:#191e18;--line:#30362d;--muted:#a5afa0;--green:#c0ef88}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:#f2f3ec;font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}header,main,footer{max-width:1240px;margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1px}.logo span,h2>span{color:var(--green)}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav>a:hover,.text-link:hover{color:var(--green)}.nav-github{border:1px solid #525c49;padding:12px 20px;border-radius:6px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;padding:86px 0 55px;align-items:center}.eyebrow,.section-label,.card-label,.topics>span{font-size:11px;letter-spacing:1.7px;font-weight:600}.eyebrow{color:var(--green);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 15px #c0ef8860}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.4vw,64px);line-height:1.17;letter-spacing:-3px;margin:28px 0}em{font-style:normal;color:var(--green)}.intro{font-size:16px;line-height:1.85;color:var(--muted);max-width:480px}.intro strong{color:#f2f3ec;font-weight:500}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--green);color:#172012;font-size:13px;font-weight:700;padding:17px 21px;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#d3ffa2;transform:translateY(-2px)}.button span{font-size:20px}.text-link{font-size:12px}.hero-note{margin-top:58px;font-size:11px;color:var(--muted)}.hero-note span{color:var(--green);margin-right:12px}.identity{background:linear-gradient(130deg,#232a20,#191e18);border:1px solid #424c39;border-radius:14px;padding:25px 28px 0;position:relative;transform:rotate(2deg);box-shadow:18px 20px 0 -1px #101310,18px 20px 0 0 #293125}.card-label{display:flex;align-items:center;justify-content:space-between;color:#b9c5ae;font-size:10px}.small-cross{font-size:26px;color:var(--green)}.avatar-wrap{position:relative;width:210px;margin:35px auto 25px}.avatar-wrap img{width:210px;height:210px;object-fit:cover;border-radius:50%;filter:saturate(.7);border:7px solid #323c2b}.avatar-badge{position:absolute;bottom:0;right:0;background:var(--green);color:#172012;border:5px solid #20271d;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-weight:bold}.identity h2{text-align:center;font-size:36px;letter-spacing:-1.5px;margin:0}.identity>p{text-align:center;font-size:12px;color:var(--muted);margin:10px 0 30px}.identity-bottom{border-top:1px solid #414a39;display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:#acb6a3;font-size:12px}.identity-bottom a{font-size:25px;color:var(--green)}.topics{padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:30px}.topics>span{color:#8e9b85;font-size:9px}.topics>div{display:flex;align-items:center;gap:27px;font-size:14px}.topics i{font-style:normal;font-size:18px;color:var(--green)}.about{padding:95px 0;display:grid;grid-template-columns:1fr 2fr;gap:80px}.section-label{color:var(--muted);padding-top:7px;font-size:10px}h2{font-family:Manrope,sans-serif;font-weight:600;font-size:36px;line-height:1.35;letter-spacing:-1.4px;margin:0 0 20px}.about h2 span{color:#899580}.about p{max-width:630px;color:var(--muted);line-height:1.9;font-size:15px}.underlined{display:inline-block;font-size:12px;border-bottom:1px solid #65735a;padding-bottom:6px;margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin:18px 0 0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{background:#171c16;border:1px solid var(--line);border-radius:9px;padding:25px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-5px);border-color:#849d6c}.project-top{display:flex;align-items:center;gap:10px}.repo-icon{color:var(--green);font-size:25px}.tag{font-size:9px;color:#b0bca6;border:1px solid #394332;border-radius:4px;padding:5px 7px}.arrow{margin-left:auto;color:#9eac94;font-size:22px}.project h3{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.5px;margin:25px 0 10px}.project p{color:var(--muted);line-height:1.8;font-size:12px;flex:1;margin:0 0 25px}.repo-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:7px;align-items:center;font-size:10px;color:#b3bfaa}.repo-bottom>span:last-child{margin-left:auto;color:#828f78}.dot{width:6px;height:6px;background:var(--green);border-radius:50%}.source-note{color:#84917b;font-size:11px;line-height:1.7;margin:20px 0}.connect{margin-top:95px;border-top:1px solid var(--line);padding:60px 0 75px;display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.connect>.eyebrow{grid-column:1/-1}.connect h2{font-size:52px;letter-spacing:-2px;margin:0}.connect>div:last-child{align-self:end}.connect p{color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 25px}footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}footer .logo{font-size:20px}@media(min-width:1450px){header,main,footer{max-width:1180px}}@media(max-width:1300px){header,main,footer{margin-left:6%;margin-right:6%}.hero{gap:55px}}@media(max-width:850px){.hero{gap:30px}h1{letter-spacing:-2px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.identity{padding:20px 20px 0}.avatar-wrap,.avatar-wrap img{width:160px;height:160px}.topics>div{gap:14px;font-size:12px}.projects{grid-template-columns:repeat(2,1fr)}.about{gap:25px;grid-template-columns:1fr 2fr}h2{font-size:30px}}@media(max-width:600px){header{height:85px}nav{gap:17px;font-size:11px}.nav-github{padding:9px 12px}.logo{font-size:22px}.hero{grid-template-columns:1fr;padding-top:50px;gap:45px}h1{font-size:45px}.hero-note{margin-top:30px}.identity{max-width:330px;width:90%;margin:0 auto 20px}.avatar-wrap,.avatar-wrap img{width:190px;height:190px}.topics{align-items:flex-start;gap:20px;flex-direction:column}.topics>div{flex-wrap:wrap;gap:12px}.about{padding:60px 0;grid-template-columns:1fr;gap:20px}.section-heading{align-items:flex-start;flex-direction:column}h2{font-size:29px}.projects{grid-template-columns:1fr}.project{padding:24px}.connect{margin-top:55px;grid-template-columns:1fr;padding:45px 0}.connect h2{font-size:43px}.connect>.eyebrow{grid-column:auto}footer{gap:20px;flex-wrap:wrap}footer>span{order:3;width:100%}.intro{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}