@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#09111f;--navy:#0c1728;--blue:#3675f5;--cyan:#64d7ec;--paper:#f7f8fa;--card:#fff;--text:#182233;--muted:#657184;--line:#dfe4ea;--green:#2b9d72;--amber:#b87b18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.75}::selection{background:var(--cyan);color:var(--ink)}.nav-wrap{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#09111ff0;border-bottom:1px solid #ffffff1c;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,6vw,90px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand>span{background:linear-gradient(135deg,var(--cyan),var(--blue));width:42px;height:42px;color:var(--ink);border-radius:12px;place-items:center;font-weight:800;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:.06em;font-size:12px}.brand small{color:#8ea0b8;text-transform:uppercase;margin-top:3px;font:500 8px DM Mono,monospace}.nav-wrap nav{gap:28px;display:flex}.nav-wrap nav a{color:#9cabbe;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.nav-wrap nav a:hover{color:var(--cyan)}.nav-cta{color:var(--ink);background:#fff;border-radius:9px;justify-self:end;padding:11px 15px;font-size:11px;font-weight:800}.hero-shell{color:#fff;background:radial-gradient(circle at 77% 35%,#3675f533,#0000 30%),linear-gradient(135deg,#09111f,#0d1c31);grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:center;gap:70px;min-height:720px;padding:100px clamp(24px,7vw,110px) 80px;display:grid}.hero-main{max-width:900px}.availability{color:#9caec3;text-transform:uppercase;border:1px solid #64d7ec38;border-radius:99px;align-items:center;gap:9px;margin:0 0 34px;padding:8px 12px;font:500 9px DM Mono,monospace;display:inline-flex}.availability i{background:#8fe374;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #8fe374}.role{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px;font:500 10px DM Mono,monospace}.hero-shell h1{letter-spacing:-.07em;max-width:900px;margin:0;font-size:clamp(58px,7vw,104px);line-height:.92}.hero-shell h1 span{color:#8496ae;display:block}.hero-summary{color:#a6b3c5;max-width:720px;margin:30px 0 0;font-size:16px}.actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.actions a{border-radius:10px;align-items:center;gap:24px;min-height:50px;padding:0 20px;font-size:11px;font-weight:800;display:inline-flex}.primary{background:linear-gradient(135deg,var(--cyan),#8aa3ff);color:var(--ink)}.secondary{background:#ffffff0a;border:1px solid #ffffff2e}.hero-card{background:#ffffff0b;border:1px solid #ffffff21;border-radius:22px;align-self:stretch;max-height:510px;margin:auto 0;padding:34px;box-shadow:0 30px 90px #00000040}.hero-card>p{color:#71849c;font:500 9px DM Mono,monospace}.hero-card>strong{margin:36px 0 70px;font-size:26px;line-height:1.45;display:block}.mini-grid{border-top:1px solid #ffffff1f}.mini-grid div{border-bottom:1px solid #ffffff1f;grid-template-columns:72px 1fr;gap:14px;padding:14px 0;display:grid}.mini-grid b{font-size:21px}.mini-grid span{color:#8fa0b4;text-transform:uppercase;align-self:center;font-size:9px}.section{padding:105px clamp(24px,7vw,110px)}.section-title,.section-head{grid-template-columns:minmax(320px,1fr) minmax(320px,.65fr);align-items:start;gap:70px;display:grid}.section-title>div>p,.section-title>p,.section-head>div>p,.subhead>p,.contact>p{color:var(--blue);letter-spacing:.14em;margin:0 0 18px;font:500 9px DM Mono,monospace}.section h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5vw,72px);line-height:1.02}.section-head>p{color:var(--muted);margin:30px 0 0;font-size:13px}.intro{grid-template-columns:1.05fr .95fr;gap:100px;display:grid}.intro .section-title{display:block}.intro-copy>p{color:var(--muted);margin:0 0 22px;font-size:15px}.quick-links{gap:22px;margin-top:34px;display:flex}.quick-links a,.text-link{color:var(--blue);font-size:11px;font-weight:800}.tinted{background:#eef2f6}.skill-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px;display:grid}.skill-grid article,.project-grid article,.course-grid article,.certificate-grid article,.custom-grid article{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:28px;box-shadow:0 10px 30px #13243d0a}.card-top,.project-meta,.course-heading,.progress-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-top>span{width:42px;height:42px;color:var(--blue);background:#e9f0ff;border-radius:10px;place-items:center;font:500 10px DM Mono,monospace;display:grid}.card-top em,.project-meta i,.course-heading>span{color:#687488;text-transform:uppercase;background:#edf1f5;border-radius:99px;padding:6px 9px;font:500 8px DM Mono,monospace}.skill-grid h3,.project-grid h3,.course-grid h3,.custom-grid h3{letter-spacing:-.035em;margin:26px 0 10px;font-size:22px}.skill-grid article>p,.project-grid article>p,.course-grid article>p,.custom-grid article>p{color:var(--muted);font-size:12px}.tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.tags span{border:1px solid var(--line);color:#697689;border-radius:7px;padding:6px 9px;font:500 8px DM Mono,monospace}.project-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:58px;display:grid}.project-grid article.featured{box-shadow:inset 4px 0 var(--blue),0 15px 40px #3675f512;border-color:#91afe9}.project-meta>span{color:var(--blue);text-transform:uppercase;font:500 9px DM Mono,monospace}.project-meta i.completed,.course-heading>span.completed{color:var(--green);background:#e2f4ec}.project-meta i.in-progress,.course-heading>span.in-progress{color:var(--amber);background:#fff2d9}.project-grid article footer{border-top:1px solid var(--line);color:#8a96a6;justify-content:space-between;margin-top:28px;padding-top:18px;font:500 9px DM Mono,monospace;display:flex}.project-grid footer a{color:var(--blue);font-weight:700}.learning{background:var(--navy);color:#fff}.learning .section-head>p{color:#92a1b5}.course-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:58px;display:grid}.course-grid article{background:#111f33;border-color:#ffffff1f}.course-heading>div>p{color:var(--cyan);text-transform:uppercase;margin:0;font:500 9px DM Mono,monospace}.course-heading h3{margin:10px 0}.course-grid article>p{color:#98a8bb}.progress-label{color:#8292a7;margin-top:28px;font-size:10px}.progress-label b{color:#fff}.progress{background:#2a3b50;border-radius:99px;height:8px;margin-top:10px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--cyan),#8097ff);border-radius:99px;height:100%;display:block}.course-grid ul{flex-wrap:wrap;gap:7px;margin:23px 0 0;padding:0;list-style:none;display:flex}.course-grid li{color:#95a4b7;border:1px solid #ffffff1c;border-radius:7px;padding:7px 9px;font-size:9px}.course-grid .text-link{color:var(--cyan);margin-top:24px;display:inline-flex}.subhead{margin-top:80px}.subhead h3{margin:0;font-size:34px}.certificate-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.certificate-grid article{background:#111f33;border-color:#ffffff1f}.certificate-grid h4{margin:16px 0 5px;font-size:18px}.certificate-grid p,.certificate-grid span{color:#8fa0b5;font-size:10px}.certificate-grid a{color:var(--cyan);font-size:10px}.timeline{border-top:1px solid var(--line);margin-top:55px}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;gap:24px;padding:34px 0;display:grid}.timeline>article>span{border:1px solid var(--line);width:38px;height:38px;color:var(--blue);border-radius:50%;place-items:center;font:500 9px DM Mono,monospace;display:grid}.timeline small{color:#788598;text-transform:uppercase;font:500 9px DM Mono,monospace}.timeline h3{margin:8px 0 4px;font-size:26px}.timeline h4{color:var(--blue);margin:0;font-size:11px}.timeline p{max-width:800px;color:var(--muted);margin:12px 0 0;font-size:12px}.custom:nth-of-type(2n){background:#eef2f6}.custom-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.custom.list .custom-grid{grid-template-columns:1fr}.custom.compact .custom-grid{grid-template-columns:repeat(4,1fr)}.contact{color:#fff;background:linear-gradient(135deg,#2766e7,#087f9e);padding:105px clamp(24px,7vw,110px)}.contact>p{color:#c7eaf2}.contact h2{letter-spacing:-.06em;max-width:1000px;margin:0;font-size:clamp(50px,6vw,86px);line-height:.98}.contact>div{grid-template-columns:1fr auto;align-items:end;gap:40px;margin-top:42px;display:grid}.contact>div>span{color:#d7e6f1;max-width:650px;font-size:14px;line-height:1.8}.contact a{color:var(--ink);background:#fff;border-radius:9px;padding:15px 20px;font-size:11px;font-weight:800}.site-footer{color:#79879a;background:#060d17;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px clamp(24px,6vw,90px);font-size:9px;display:grid}.site-footer>p{text-align:center}.site-footer>div:last-child{justify-self:end;gap:22px;display:flex}.site-footer>div:last-child a:first-child{color:var(--cyan)}@media (max-width:1000px){.nav-wrap{grid-template-columns:1fr auto}.nav-wrap nav{display:none}.hero-shell{grid-template-columns:1fr}.hero-card{display:none}.skill-grid{grid-template-columns:repeat(2,1fr)}.section-title,.section-head{grid-template-columns:1fr}.intro{grid-template-columns:1fr;gap:45px}.course-grid,.certificate-grid,.custom-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.nav-wrap{height:66px;padding:0 14px}.nav-cta{padding:10px}.brand small{display:none}.hero-shell{min-height:720px;padding:80px 20px 65px}.hero-shell h1{font-size:clamp(55px,16vw,76px)}.hero-summary{font-size:14px}.section{padding:78px 20px}.section h2{font-size:44px}.skill-grid,.project-grid,.course-grid,.certificate-grid,.custom-grid,.custom.compact .custom-grid{grid-template-columns:1fr}.contact{padding:80px 20px}.contact>div{grid-template-columns:1fr}.site-footer{text-align:center;grid-template-columns:1fr;gap:20px}.site-footer .brand,.site-footer>div:last-child{justify-self:center}.site-footer>p{text-align:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}