@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#0b1020;--panel:#111a31;--panel-2:#151f39;--text:#f4f7ff;--muted:#aeb9d3;--blue:#5d8cff;--blue-2:#7ea2ff;--line:#aeb9d329;color:var(--text);background:var(--bg);scroll-behavior:smooth;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 9%,#173368 0,transparent 24rem),radial-gradient(circle at 5% 38%,#112a56 0,transparent 28rem),var(--bg);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.scroll-progress{z-index:1000;background:linear-gradient(90deg,var(--blue),#7bd5ff);height:3px;transition:width .1s;position:fixed;top:0}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1020d1;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:78px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;font-size:1.12rem;font-weight:800}.brand span,.hero h1 span{color:var(--blue-2)}.nav{gap:1.7rem;display:flex}.nav a{color:var(--muted);font-size:.84rem;font-weight:700}.nav a:hover{color:var(--text)}.menu-button{color:#fff;background:0 0;border:0;font-size:1.5rem;display:none}.section{max-width:1180px;margin:auto;padding:6.8rem 24px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;min-height:calc(100vh - 78px);padding-top:4rem;padding-bottom:4rem;display:grid}.eyebrow{color:var(--blue-2);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font:500 .72rem DM Mono,monospace}.hero h1,h2{letter-spacing:-.055em;margin:0;line-height:1.04}.hero h1{max-width:760px;font-size:clamp(3.1rem,6.3vw,5.65rem)}.lede{color:var(--muted);max-width:660px;margin:1.6rem 0 0;font-size:1.03rem;line-height:1.75}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.85rem 1.05rem;font-size:.86rem;font-weight:800}.primary{background:var(--blue);color:#fff;box-shadow:0 12px 35px #5d8cff40}.primary:hover{background:#729aff}.secondary{color:var(--text);background:0 0;border-color:#7ea2ff73}.secondary:hover{border-color:var(--blue-2);background:#7ea2ff14}.socials{gap:.65rem;margin-top:2rem;display:flex}.socials a{border:1px solid var(--line);width:34px;height:34px;color:var(--blue-2);border-radius:50%;place-items:center;font-weight:800;display:grid}.icon{font-size:.85rem}.portrait-wrap{place-items:center;min-height:460px;display:grid;position:relative}.portrait-card{aspect-ratio:1;z-index:2;background:linear-gradient(150deg,#243b74,#0f1931);border:1px solid #7ea2ff59;border-radius:25px;width:min(100%,350px);position:relative;overflow:hidden;box-shadow:0 30px 70px #00000059}.portrait-card img{object-fit:cover;object-position:center;width:100%;height:100%}.orbit{border:1px solid #7ea2ff42;border-radius:50%;position:absolute}.orbit-one{width:420px;height:420px;animation:18s linear infinite spin}.orbit-two{border-style:dashed;width:510px;height:510px;animation:28s linear infinite reverse spin}.availability{z-index:3;border:1px solid var(--line);background:#101b35;border-radius:9px;padding:.72rem .85rem;font-size:.75rem;font-weight:700;position:absolute;bottom:30px;right:0;box-shadow:0 15px 30px #070b16}.status-dot{background:#68e4aa;border-radius:50%;width:7px;height:7px;margin-right:.4rem;display:inline-block}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7rem;display:grid}h2{max-width:650px;font-size:clamp(2.2rem,4vw,3.65rem)}.about-copy{color:var(--muted);line-height:1.85}.about-copy p+p{margin-top:1rem}.text-link{color:var(--blue-2);margin-top:1.2rem;font-weight:800;display:inline-block}.skills{background:linear-gradient(135deg,#18264b80,#111a3133);border-radius:24px}.skill-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem;display:grid}.skill-card{border:1px solid var(--line);background:#0a1123a8;border-radius:12px;padding:1.3rem}.skill-card h3{margin:0 0 1rem;font-size:.95rem}.badge{color:#d3dfff;background:#5d8cff21;border-radius:5px;margin:0 .34rem .4rem 0;padding:.34rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.experience{border-top:1px solid var(--line)}.timeline-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:160px 1fr;gap:2rem;margin-top:2.6rem;padding:1.7rem 1.7rem 1.7rem 2.2rem;display:grid;position:relative}.timeline-dot{background:var(--blue);border-radius:50%;width:10px;height:10px;position:absolute;top:1.8rem;left:-5px;box-shadow:0 0 0 5px #5d8cff29}.experience-meta p,.experience-meta span{color:var(--muted);font-size:.78rem;display:block}.experience-meta span{color:var(--blue-2);margin-top:.45rem;font-weight:800}.timeline-card h3{margin:0;font-size:1.15rem}.timeline-card ul,.project-content ul{color:var(--muted);padding-left:1.1rem;font-size:.87rem;line-height:1.7}.timeline-card li+li{margin-top:.35rem}.projects{border-top:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.filters{gap:.4rem;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.45rem .7rem;font-size:.75rem}.filters .active{background:var(--blue);color:#fff;border-color:var(--blue)}.project-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.5rem;display:grid}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;transition:transform .22s,border-color .22s;overflow:hidden}.project-card:hover{border-color:#7ea2ff99;transform:translateY(-5px)}.project-image{aspect-ratio:16/9;background:#101932;overflow:hidden}.project-image>img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover img{transform:scale(1.04)}.project-content{padding:1.3rem}.project-title{justify-content:space-between;align-items:start;gap:.7rem;display:flex}.project-title h3{margin:0;font-size:1.2rem}.project-title>span{color:var(--blue-2);background:#5d8cff1f;border-radius:4px;padding:.25rem .36rem;font:500 .61rem DM Mono,monospace}.project-content>p{color:var(--muted);margin:1rem 0;font-size:.83rem;line-height:1.65}.problem{border-left:2px solid var(--blue);background:#5d8cff0f;padding:.7rem;font-size:.75rem}.problem strong{color:var(--blue-2);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.problem p{color:var(--muted);margin:.3rem 0 0;line-height:1.55}.project-tech{margin-top:1rem}.project-content ul{margin:.6rem 0}.project-actions a{color:var(--blue-2);font-size:.78rem;font-weight:800}.app-shot{color:#282119;background:#f6efe4;height:100%}.browser-bar{color:#d4c6b2;background:#292521;height:24px;padding:5px 8px;font:500 7px DM Mono,monospace}.browser-bar i{background:#e98d72;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.browser-bar i:nth-child(2){background:#f1c46b}.browser-bar i:nth-child(3){background:#89ca88}.browser-bar span{opacity:.75;margin-left:22%}.app-layout{grid-template-columns:28% 1fr;height:calc(100% - 24px);display:grid}.app-layout aside{color:#e7d9c5;background:#201d1a;align-content:start;gap:10px;padding:12px 8px;font-size:7px;display:grid}.app-layout aside b{color:#f1bd58;font-size:12px}.app-layout>div{padding:14px}.app-layout small{color:#8d6334;font-size:6px;font-weight:800}.app-layout h4{color:#2b2117;margin:7px 0;font-size:15px;line-height:1.1}.app-products{gap:5px;display:flex}.app-products b{background:#f7ddac;border-radius:4px;width:33%;padding:11px 4px;font-size:6px;display:block}.stats{padding-top:2rem;padding-bottom:2rem}.stats-grid{border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.stats-grid div{border-right:1px solid var(--line);background:#111a318c;gap:.3rem;padding:1.8rem;display:grid}.stats-grid div:last-child{border:0}.stats-grid strong{letter-spacing:-.06em;color:var(--blue-2);font-size:1.65rem}.stats-grid span{color:var(--muted);font-size:.75rem}.contact{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.contact-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.contact-card a,.resume-link{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.15rem;font-size:.8rem;display:flex}.contact-card a:hover,.resume-link:hover{background:#5d8cff14}.contact-card a span,.resume-link span{color:var(--muted)}.contact-card strong{color:var(--blue-2)}.resume-link{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:2rem max(5vw,24px);font-size:.72rem;display:flex}.to-top{border:1px solid var(--line);background:var(--blue);color:#fff;cursor:pointer;border-radius:50%;width:42px;height:42px;font-size:1.2rem;position:fixed;bottom:22px;right:22px}.modal-backdrop{z-index:1000;background:#03060eb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.resume-modal{background:#151f39;border:1px solid #7ea2ff80;border-radius:16px;max-width:420px;padding:2.3rem;position:relative;box-shadow:0 25px 70px #000}.resume-modal h2{font-size:2rem}.resume-modal p{color:var(--muted);margin:1rem 0;line-height:1.65}.close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:10px;right:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.hero,.about,.contact{grid-template-columns:1fr;gap:2.8rem}.portrait-wrap{order:-1;min-height:380px}.portrait-card{width:280px}.orbit-one{width:340px;height:340px}.orbit-two{width:410px;height:410px}.skill-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.section-heading{flex-direction:column;align-items:start}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=600px){.site-header{height:64px}.menu-button{display:block}.nav{border-bottom:1px solid var(--line);background:#111a31;padding:1rem 24px;display:none;position:absolute;top:64px;left:0;right:0}.nav.open{gap:1rem;display:grid}.section{padding:4.5rem 20px}.hero{min-height:auto;padding-top:2.5rem}.portrait-wrap{min-height:300px}.portrait-card{width:225px}.orbit-one{width:280px;height:280px}.orbit-two{width:330px;height:330px}.availability{bottom:0;right:auto}.skill-grid,.project-grid{grid-template-columns:1fr}.timeline-card{grid-template-columns:1fr;gap:1rem}.stats-grid strong{font-size:1.3rem}.contact{gap:2rem}footer{gap:.7rem;display:grid}.lede{font-size:.95rem}}.hero-stats{color:var(--muted);flex-wrap:wrap;gap:1.2rem;margin-top:1.65rem;font-size:.76rem;display:flex}.hero-stats b{color:var(--text);margin-right:.2rem;font-size:.95rem}.project-detail,.challenge{margin-top:.8rem;font-size:.73rem}.project-detail strong,.challenge strong{text-transform:uppercase;letter-spacing:.07em;color:var(--blue-2);font-size:.67rem}.project-detail p,.challenge p{color:var(--muted);margin:.25rem 0 0;line-height:1.55}.project-actions{flex-wrap:wrap;gap:.8rem;margin-top:.9rem;display:flex}.project-actions span{color:#7b869c;font-size:.75rem}.credentials{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:3rem;display:grid}.credentials-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.credentials-grid article{border:1px solid var(--line);background:#111a318c;border-radius:12px;padding:1.2rem}.credential-kicker{color:var(--blue-2);letter-spacing:.08em;text-transform:uppercase;font:500 .65rem DM Mono,monospace}.credentials-grid h3{margin:.7rem 0;font-size:1rem;line-height:1.35}.credentials-grid p{color:var(--muted);font-size:.78rem;line-height:1.65}.credentials-grid strong{color:#d9e2fb;margin-top:.8rem;font-size:.71rem;line-height:1.55;display:block}@media (width<=900px){.credentials{grid-template-columns:1fr;gap:2.8rem}.credentials-grid{grid-template-columns:1fr}}