:root{--navy:#071a2f;--light-navy:#0d2a4a;--lightest-navy:#16406f;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#00B4D8;--max: 1040px;--header: 64px;--bg: radial-gradient(1200px circle at 10% 0%, var(--lightest-navy) 0, var(--navy) 55%)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--navy);color:var(--slate);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:1.25rem}.nav{position:sticky;top:0;height:var(--header);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;z-index:1000}.nav-row{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:2rem}.brand{font-weight:700;color:var(--lightest-slate)}.nav-links{display:flex;gap:1rem}.nav-links a{padding:.5rem .25rem;color:var(--light-slate)}.nav-links a.active{color:var(--green);border-bottom:2px solid var(--green)}.social{margin-left:auto;display:flex;align-items:center;gap:.5rem}.social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--green);border-radius:8px;color:var(--green);font-size:16px;line-height:1}.social a:hover{background:#00b4d824}.social a.github{border:none;background:transparent}.social a.github:hover{background:transparent}.social a.linkedin{border:none;background:transparent}.social a.linkedin:hover{background:transparent}.social a.email{border:none;background:transparent}.social a.email:hover{background:transparent}main.container{padding-block:.75rem 2rem}.section{scroll-margin-top:calc(var(--header) + 12px);padding:4.5rem 0;border-bottom:1px solid rgba(204,214,246,.06)}.section:last-of-type{border-bottom:none}.section h1,.section h2,.section h3{color:var(--lightest-slate);margin:0 0 .75rem}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - var(--header));padding:0}.hero h1{font-size:clamp(2rem,4.6vw,3rem);font-weight:800}.lead{color:var(--light-slate);max-width:64ch}.about .about-grid{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:2rem;align-items:start}.about .about-media{position:relative}.about .about-photo{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#00b4d824,#0000001a),var(--light-navy);border:1px solid rgba(0,180,216,.18);box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #ffffff0a}.about .about-photo span{font-size:2.25rem;font-weight:800;letter-spacing:.04em;color:var(--lightest-slate)}.about .about-content p{color:var(--light-slate)}.about .about-highlights{list-style:none;margin:1rem 0 1.25rem;padding:0;display:grid;gap:.5rem}.about .about-highlights li{display:flex;gap:.5rem;align-items:flex-start}.about .about-highlights li:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:999px;margin-top:.5rem;background:var(--green);box-shadow:0 0 0 3px #00b4d81f}.about .about-stats{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.about .stat{background:var(--light-navy);border:1px solid rgba(0,180,216,.12);border-radius:12px;padding:.6rem .8rem;display:flex;flex-direction:column;min-width:110px}.about .stat .num{font-weight:800;color:var(--lightest-slate);font-size:1.1rem}.about .stat .label{color:var(--light-slate);font-size:.9rem}@media (max-width: 820px){.about .about-grid{grid-template-columns:1fr}}.binary-globe{width:var(--globe,260px);max-width:80vw;aspect-ratio:1/1;margin:0 auto .5rem;opacity:.95;transform-origin:center;animation:globe-in 1.4s cubic-bezier(.22,1,.36,1) both,globe-blur 1.4s ease-out both}.binary-globe canvas{width:100%;height:100%;display:block}@keyframes globe-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:.95}}@keyframes globe-blur{0%{filter:blur(6px)}to{filter:blur(0)}}.button{display:inline-block;padding:.65rem 1rem;border:1px solid var(--green);border-radius:10px;color:var(--green);background:transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.button:hover{background:transparent}.button.solid{background:transparent;color:var(--green);border-color:var(--green);box-shadow:0 0 #00b4d800}.button.solid:hover{background:transparent;box-shadow:0 0 18px #00b4d82e,inset 0 0 0 1px #00b4d833;transform:translateY(-1px)}.button.big{padding:.85rem 1.3rem;font-size:1.05rem;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card{background:var(--light-navy);border:1px solid rgba(0,180,216,.12);border-radius:12px;padding:1rem;transition:transform .2s ease,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--green)}.card h3{color:var(--lightest-slate);margin-bottom:.25rem}.card p{margin:.25rem 0 .75rem}.card-actions{display:flex;gap:.75rem}.chips{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{border:1px solid rgba(204,214,246,.18);border-radius:999px;padding:.2rem .6rem;font-size:.9rem;color:var(--light-slate)}.footer{border-top:1px solid rgba(204,214,246,.06);padding:1rem 0;text-align:center;color:var(--light-slate)}.typewriter{position:relative;display:inline-block}.typewriter .caret{position:absolute;inset-inline-start:100%;margin-left:4px;display:block;width:4px;height:1em;top:50%;transform:translateY(-50%);background:var(--green);border-radius:1px;animation:blink 1s steps(1,end) infinite}.accent-strong{color:var(--green);font-weight:900}@keyframes blink{50%{opacity:0}}.experience .work-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:1.5rem}.work-tabs{display:flex;flex-direction:column;gap:.5rem}.work-tab{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.6rem .8rem;background:transparent;border:1px solid rgba(0,180,216,.14);border-radius:10px;color:var(--light-slate);cursor:pointer;text-align:left}.work-tab .period{opacity:.8;font-size:.9rem}.work-tab.active{border-color:var(--green);color:var(--lightest-slate);background:#00b4d81a}.work-panel{background:var(--light-navy);border:1px solid rgba(0,180,216,.12);border-radius:12px;padding:1rem}.work-panel h3{margin:.25rem 0;color:var(--lightest-slate)}.work-panel .meta{margin:0 0 .5rem;color:var(--light-slate)}.work-panel .bullets{margin:.5rem 0 1rem;padding-left:1.2rem}.work-panel .bullets li{margin:.25rem 0}@media (max-width: 860px){.experience .work-grid{grid-template-columns:1fr}.work-tabs{flex-direction:row;flex-wrap:wrap}.work-tab{flex:1 1 auto}}
