@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#f5f7fb;font-synthesis:none;--bg:#0a0d14;--panel:#111723;--panel-2:#161e2d;--text:#f5f7fb;--muted:#9ca8bb;--line:#263247;--accent:#67e8f9;--accent-2:#a78bfa;background:#0a0d14;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 12%,#67e8f914,#0000 30%),radial-gradient(circle at 20% 28%,#a78bfa12,#0000 28%);position:fixed;inset:0}.container{width:min(1120px,100% - 40px);margin-inline:auto}.section{padding:100px 0}.nav-wrap{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d14c7;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.05em;border-radius:12px;align-items:center;padding:8px 14px;font:800 1.25rem/1 Manrope,sans-serif;transition:color .2s,filter .2s;display:inline-flex}.brand:hover{background:linear-gradient(110deg, var(--accent), #d8b4fe 80%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 12px #67e8f98c);-webkit-background-clip:text;background-clip:text}.nav-links{color:var(--muted);align-items:center;gap:6px;font-size:.92rem;display:flex}.nav-links a{border-radius:12px;justify-content:center;align-items:center;padding:8px 16px;transition:color .2s,filter .2s,transform .2s;display:inline-flex}.nav-links a:not(.nav-linkedin):hover{background:linear-gradient(110deg, var(--accent), #d8b4fe 80%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 12px #67e8f98c);-webkit-background-clip:text;background-clip:text}.nav-linkedin{color:var(--muted);border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.nav-linkedin:hover{transform:translateY(-1px)}.nav-linkedin:hover svg{fill:url(#linkedin-hover-grad);filter:drop-shadow(0 0 10px #67e8f98c)}.nav-linkedin svg{transition:fill .2s,filter .2s;display:block}.hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:72px;min-height:720px;padding-top:90px;padding-bottom:90px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 18px;font:700 .76rem/1 Manrope,sans-serif}.typewriter-eyebrow{letter-spacing:.16em;align-items:center;min-height:1.4rem;font:700 calc(.78rem + 1px)/1.2 ui-monospace,SF Mono,Cascadia Code,Fira Code,Courier New,monospace;display:inline-flex}.typewriter-container{cursor:default;align-items:center;display:inline-flex}.typewriter-cursor{background-color:var(--accent);vertical-align:middle;width:2px;height:1.1em;margin-left:3px;animation:.85s step-end infinite blink-caret;display:inline-block}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.section-typewriter{display:inline}.section-tw-cursor{background:var(--accent);vertical-align:middle;border-radius:1px;width:3px;height:.85em;margin-left:4px;animation:.85s step-end infinite blink-caret;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero h1{letter-spacing:-.07em;max-width:760px;margin:0;font:800 clamp(3.6rem,8vw,7.4rem)/.91 Manrope,sans-serif}.hero h1 span{background:linear-gradient(110deg, var(--accent), #d8b4fe 80%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-text{color:#b5c0d2;max-width:690px;margin:30px 0 0;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.75}.hero-actions,.contact-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--text);color:#0b0f17}.button.secondary{border:1px solid var(--line);color:var(--text);background:#ffffff05}.button.secondary:hover{border-color:#465875}.hero-meta{grid-template-columns:repeat(3,1fr);gap:20px;max-width:720px;margin-top:58px;display:grid}.hero-meta div{border-top:1px solid var(--line);padding-top:18px}.hero-meta strong{font:800 1.4rem/1 Manrope,sans-serif;display:block}.hero-meta span{color:var(--muted);margin-top:8px;font-size:.82rem;line-height:1.45;display:block}.hero-card{border:1px solid var(--line);background:linear-gradient(145deg,#171f2ee6,#0e141fdb);border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000047}.hero-card:after{content:"";filter:blur(10px);background:#67e8f921;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-70px}.status{color:#b8c3d5;align-items:center;gap:8px;font-size:.82rem;display:flex}.status span{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 4px #4ade8026}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 4px #4ade8033,0 0 10px #4ade8080}50%{opacity:.3;transform:scale(.85);box-shadow:0 0 0 2px #4ade800d,0 0 #4ade8000}}.card-label{color:var(--muted);letter-spacing:.16em;margin:54px 0 10px;font-size:.72rem}.hero-card h2{letter-spacing:-.04em;margin:0;font:700 2rem/1.15 Manrope,sans-serif}.hero-card>p:not(.card-label){color:var(--muted);line-height:1.65}.hero-card-desc{min-height:3.3em;margin:16px 0 0;display:block}.hero-card-cursor{background-color:var(--accent);vertical-align:middle;width:2px;height:1.1em;margin-left:3px;animation:.85s step-end infinite blink-caret;display:inline-block}.mini-stack,.tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.mini-stack span,.tags span{border:1px solid var(--line);color:#c9d2df;background:#ffffff06;border-radius:999px;padding:7px 10px;font-size:.78rem}.section-heading{max-width:900px;margin-bottom:54px}.section-heading h2,.contact h2{letter-spacing:-.04em;white-space:normal;margin:0;font:800 clamp(1.6rem,3vw,2.8rem)/1.1 Manrope,sans-serif}.section-copy{color:var(--muted);margin-top:20px;font-size:1.04rem;line-height:1.7}.about{border-top:1px solid var(--line)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:80px;display:grid}.about-grid p{color:var(--muted);margin:0;font-size:1.03rem;line-height:1.8}.about-grid .lead{color:var(--text);letter-spacing:-.025em;font:600 clamp(1.35rem,2.6vw,2rem)/1.5 Manrope,sans-serif}.experience-section{background:#ffffff05;border-block:1px solid #ffffff0d}.timeline{gap:16px;display:grid}.experience-card{border:1px solid var(--line);background:#0d121cb8;border-radius:20px;grid-template-columns:70px 1fr;gap:26px;padding:32px;transition:transform .25s,border-color .25s;display:grid}.experience-card:hover{border-color:#3c4d69;transform:translateY(-4px)}.experience-index{color:#52617a;padding-top:7px;font:700 1rem/1 Manrope,sans-serif}.experience-title-row{justify-content:space-between;gap:24px;display:flex}.experience-title-row h3{letter-spacing:-.03em;margin:0;font:700 1.5rem/1.1 Manrope,sans-serif}.role{color:#ccd5e2;margin:7px 0 0}.period{color:#c6cfdb;text-align:right;margin:0;font-size:.9rem;line-height:1.55}.period span{color:var(--muted)}.experience-summary{max-width:820px;color:var(--muted);margin:24px 0 16px;line-height:1.7}.experience-card ul{color:#aab5c7;margin:0;padding-left:19px;line-height:1.7}.experience-card li+li{margin-top:8px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-height:190px;padding:26px}.skill-card h3{margin:0 0 22px;font:700 1rem/1.2 Manrope,sans-serif}.skill-card div{flex-wrap:wrap;gap:8px;display:flex}.skill-card span{color:#b9c5d7;background:#172132;border-radius:8px;padding:8px 10px;font-size:.82rem}.credential-section{background:linear-gradient(#0000,#a78bfa09)}.credential-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.credential-card{border:1px solid var(--line);background:#111723c2;border-radius:22px;padding:38px}.credential-card h2{letter-spacing:-.03em;margin:0;font:700 1.55rem/1.25 Manrope,sans-serif}.credential-card p{color:var(--muted);line-height:1.6}.credential-card .credential-title{color:#dce3ee;font-weight:700}.credential-card .muted{color:#818ea3}.cert-card{flex-direction:column;display:flex}.cert-body{justify-content:space-between;align-items:flex-start;gap:28px;margin-top:14px;display:flex}.cert-main{flex-direction:column;flex:1;gap:22px;display:flex}.cert-secondary{border-top:1px solid #ffffff12;flex-direction:column;gap:14px;padding-top:18px;display:flex}.cert-entry{flex-direction:column;gap:4px;display:flex}.cert-entry p{margin:0}.credly-badge-wrapper{background:#ffffff04;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:136px;height:242px;padding:4px;transition:transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 6px 20px #00000040}.credly-badge-inner{transform-origin:50%;justify-content:center;align-items:center;display:flex;transform:scale(.85)}.credly-badge-wrapper:hover{border-color:#67e8f959;transform:translateY(-2px)}.credly-badge-wrapper iframe{border-radius:12px;display:block}.contact{text-align:center;max-width:900px}.contact>p:not(.eyebrow){max-width:640px;color:var(--muted);margin:22px auto 0;font-size:1.06rem;line-height:1.7}.contact-actions{justify-content:center}.text-link{color:#bdc8d8;padding:12px 4px}.text-link:hover{color:var(--text)}.footer{color:#738097;border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-block:28px 40px;font-size:.84rem;display:flex}.footer-location{align-items:center;gap:7px;display:inline-flex}.space-needle-icon{color:var(--muted);flex-shrink:0;transition:transform .2s,color .2s;display:inline-block}.footer-location:hover .space-needle-icon{color:var(--accent);transform:translateY(-1px)}.scroll-indicator-bar{z-index:35;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#ffffff05 25%,#ffffff0f 60%,#ffffff1c 100%);justify-content:center;align-items:flex-end;width:100%;height:90px;padding-bottom:20px;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(12px);-webkit-mask-image:linear-gradient(#0000 0%,#000 50%);mask-image:linear-gradient(#0000 0%,#000 50%)}.scroll-indicator-bar.visible{opacity:1;transform:translateY(0)}.scroll-indicator-text{color:#f8fafc;letter-spacing:.05em;pointer-events:auto;cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:500;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.scroll-indicator-text:hover{color:var(--accent);transform:translateY(-2px)}.scroll-indicator-icon{color:var(--accent);animation:1.8s ease-in-out infinite scroll-bounce;display:block}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:42px;min-height:auto}.hero-card{max-width:620px}.about-grid{grid-template-columns:1fr;gap:30px}.skills-grid{grid-template-columns:repeat(2,1fr)}.credential-grid{grid-template-columns:1fr}}@media (width>=641px){.section-heading h2,.contact h2{white-space:nowrap}}@media (width<=640px){.container{width:min(100% - 28px,1120px)}.section{padding:76px 0}.nav-links{gap:2px;font-size:.8rem}.nav-links a{border-radius:10px;padding:6px 10px}.nav-linkedin{border-radius:10px;padding:6px 8px}.hero{padding-top:66px}.hero h1{font-size:clamp(3.25rem,17vw,5rem)}.hero-meta{grid-template-columns:1fr;gap:12px;margin-top:44px}.hero-meta div{grid-template-columns:100px 1fr;align-items:center;gap:10px;display:grid}.hero-meta span{margin-top:0}.experience-card{grid-template-columns:1fr;gap:12px;padding:24px}.experience-index{padding-top:0}.experience-title-row{flex-direction:column}.period{text-align:left}.skills-grid{grid-template-columns:1fr}.credential-card{padding:28px}.cert-body{flex-direction:column-reverse;align-items:center;gap:24px}.cert-main{width:100%}.footer{flex-direction:column}.scroll-indicator-bar{height:68px}.scroll-indicator-text{gap:6px;font-size:.8rem}}
