:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;--muted:#627077;--teal-dark:#0a4d63;--mint:#dcefe7;--blue:#315bff;--aqua:#59d9d1;background:#eef3f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#102bff 0%,#315bff 48%,#20d0c2 100%);min-height:92vh;padding:24px clamp(18px,4vw,58px) 48px;position:relative;overflow:hidden}.hero:after{aspect-ratio:1;content:"";background:#ffffff21;border-radius:50%;width:58%;position:absolute;bottom:-18%;right:-16%}.hero-background-icons{pointer-events:none;position:absolute;inset:0}.hero-background-icons img{object-fit:cover;opacity:.12;filter:saturate(.85);border-radius:20px;width:74px;height:74px;position:absolute}.hero-background-icons img:first-child{top:22%;left:7%;transform:rotate(-18deg)}.hero-background-icons img:nth-child(2){top:10%;left:44%;transform:rotate(12deg)}.hero-background-icons img:nth-child(3){top:20%;right:10%;transform:rotate(22deg)}.hero-background-icons img:nth-child(4){bottom:12%;right:34%;transform:rotate(-12deg)}.nav{z-index:1;justify-content:flex-end;align-items:center;gap:10px;max-width:1160px;margin:0 auto 38px;display:flex;position:relative}.nav a{appearance:none;color:#ffffffc7;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:14px;font-weight:700}.linkedin-cta{color:#1734d6;background:#fff;border-radius:999px;align-items:center;gap:8px;padding-inline:14px;display:inline-flex}.linkedin-mark{color:#fff;background:#0a66c2;border-radius:4px;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:clamp(34px,6vw,84px);max-width:1160px;margin:0 auto;display:grid;position:relative}.eyebrow{color:#ffffffc2;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{color:#fff;max-width:850px;margin-bottom:18px;font-size:clamp(46px,5rem,88px);line-height:.94}.role{color:#ffffffe6;margin-bottom:18px;font-size:clamp(23px,2rem,36px);font-weight:850}.summary{color:#ffffffd1;max-width:690px;font-size:18px}.app-showcase{perspective:1100px;justify-items:center;gap:18px;display:grid}.showcase-card{background:linear-gradient(145deg,#fff3,#ffffff12);border:1px solid #ffffff47;border-radius:34px;width:min(100%,430px);padding:24px;position:relative;transform:rotate(-4deg);box-shadow:0 34px 90px #010c4147}.showcase-card:before{z-index:-1;content:"";background:#ffffff1f;border-radius:34px;position:absolute;inset:18px -18px -18px 18px}.showcase-panel{color:#162134;background:#fff;border-radius:24px;padding:24px}.showcase-panel span,.showcase-stack span,.app-badge span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.showcase-panel span{color:var(--blue);text-transform:uppercase;font-size:13px;font-weight:900}.showcase-panel strong{margin-top:9px;font-size:31px;line-height:1.05;display:block}.showcase-panel small{color:#5c6c78;margin-top:12px;font-size:14px;font-weight:700;display:block}.showcase-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.app-badge{background:#ffffff2e;border-radius:22px;justify-items:center;gap:9px;min-width:0;padding:14px 10px;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid}.app-badge:nth-child(2),.app-badge:nth-child(5){transform:translateY(14px)}.app-badge:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 20px 38px #010c412e}.app-badge:focus-visible{background:#ffffff40;outline:none;transform:translateY(-3px);box-shadow:0 20px 38px #010c412e,0 0 0 3px #ffffff8c}.app-badge:nth-child(2):hover,.app-badge:nth-child(5):hover,.app-badge:nth-child(2):focus-visible,.app-badge:nth-child(5):focus-visible{transform:translateY(9px)}.app-badge img{object-fit:cover;border-radius:18px;width:66px;height:66px;box-shadow:0 18px 28px #010c4138}.app-badge span{color:#fff;text-align:center;width:100%;font-size:12px;font-weight:850}.showcase-stack{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.showcase-stack span{color:#1734d6;background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.section-wrap{max-width:1160px;margin:0 auto;padding:76px clamp(18px,4vw,58px)}.section-heading{margin-bottom:32px;text-align:center;max-width:820px;margin-inline:auto}.section-heading h2{margin:0;font-size:clamp(30px,3rem,54px);line-height:1.02}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-card{background:#fff;border:1px solid #d6e0e7eb;border-radius:16px;align-content:space-between;gap:24px;min-height:218px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 18px 44px #102b4912}.skill-card:hover,.skill-card:focus-within{border-color:#315bff47;transform:translateY(-4px);box-shadow:0 26px 58px #102b4921}.skill-card h3{color:#14262e;margin-bottom:9px;font-size:22px;line-height:1.1}.skill-card p{color:var(--muted);margin-bottom:0;font-size:14px;font-weight:650}.skill-cloud{flex-wrap:wrap;gap:8px;display:flex}.skill-cloud span{background:var(--mint);color:var(--teal-dark);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.experience-wrap{background:linear-gradient(#fff,#f6f9fb);border-radius:0;max-width:none}.experience-wrap>*{max-width:1160px;margin-inline:auto}.timeline{gap:24px;display:grid}.job-card{grid-template-columns:138px minmax(0,1fr);gap:22px;display:grid}.job-date{color:#fff;background:linear-gradient(135deg, var(--blue), var(--teal-dark));text-align:center;border:1px solid #ffffff3d;border-radius:999px;align-self:start;padding:13px 16px;font-size:14px;font-weight:900;line-height:1;box-shadow:0 14px 30px #315bff38}.job-main{background:linear-gradient(#fffffffa,#fafdfff5);border:1px solid #d6e0e7e6;border-radius:20px;padding:28px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 20px 54px #102b4914}.job-main:hover,.job-main:focus-within{border-color:#315bff3d;transform:translateY(-3px);box-shadow:0 30px 70px #102b4921}.job-main:before{background:linear-gradient(180deg, var(--blue), var(--aqua));content:"";width:5px;position:absolute;inset:0 auto 0 0}.job-header{justify-content:space-between;gap:18px;margin-bottom:20px;display:flex}.job-header>div{min-width:0}.job-title-block a{color:var(--blue);text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:900;display:block}.job-header h3{color:#14262e;margin-bottom:4px;font-size:28px;line-height:1.1}.job-header p,.job-description{color:var(--muted)}.company-mark{background:#fff;border:1px solid #e6edf1;border-radius:16px;flex:none;place-items:center;width:64px;height:64px;transition:box-shadow .18s,transform .18s;display:grid;box-shadow:0 12px 28px #0f232d1a}.company-mark:hover,.company-mark:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 18px 38px #0f232d29}.company-mark img{object-fit:contain;width:52px;height:52px}.logo-fallback{background:linear-gradient(135deg, var(--teal-dark), var(--blue));color:#fff;letter-spacing:0;font-weight:900}.job-main ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;padding:0;list-style:none;display:grid}.job-main li{color:#33464f;margin:0;padding-left:20px;position:relative}.job-main li:before{background:var(--blue);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:0}.impact-strip{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.impact-strip span{color:#2443d8;background:#f1f5ff;border:1px solid #dfe7ff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.footer{background:var(--teal-dark);color:#fff;justify-content:space-between;align-items:center;gap:18px;padding:30px clamp(18px,4vw,58px);display:flex}.footer p{margin:0;font-weight:750}.footer-actions{flex-wrap:wrap;gap:16px;display:flex}.footer-actions a{color:#fff;border-bottom:1px solid #ffffff8c;font-weight:850}@media (width<=860px){.hero{min-height:auto}.nav{justify-content:flex-start;overflow-x:auto}.hero-grid{grid-template-columns:1fr}.app-showcase{justify-self:center;width:100%;max-width:460px}.showcase-card{transform:rotate(-2deg)}.job-card{grid-template-columns:1fr;gap:12px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-date{justify-self:start}.job-main ul{grid-template-columns:1fr}}@media (width<=560px){.hero{padding-top:14px}.nav a{padding-inline:8px;font-size:13px}h1{font-size:42px}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:auto}.showcase-card{padding:16px;transform:none}.showcase-panel{padding:20px}.showcase-panel strong{font-size:26px}.showcase-apps{gap:10px}.app-badge{border-radius:18px;padding:11px 7px}.app-badge:nth-child(2),.app-badge:nth-child(5){transform:none}.app-badge img{border-radius:16px;width:58px;height:58px}.section-wrap{padding-block:56px}.job-header{align-items:flex-start}.job-main{border-radius:14px;padding:20px}.job-header h3{font-size:23px}.footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important}.app-badge:hover,.app-badge:nth-child(2):hover,.app-badge:nth-child(5):hover,.skill-card:hover,.skill-card:focus-within,.job-main:hover,.job-main:focus-within,.company-mark:hover,.company-mark:focus-visible{transform:none}}
