:root{--bg: #0f0f16;--bg-alt: #15151f;--surface: #1c1c28;--text: #eceaf5;--text-muted: #a3a1b5;--border: #2a2a38;--accent: #a89cff;--accent-strong: #8f7dff;--accent-2: #ff86c2;--shadow: rgba(0, 0, 0, .35);--shadow-strong: rgba(0, 0, 0, .55);--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--danger: #e0455a;--success: #17a673;--gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--nav-bg: rgba(15, 15, 22, .75);--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.6;transition:color .25s ease}#root{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1 0 auto;width:100%}.bg-ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg);transition:background-color .35s ease;pointer-events:none}.bg-ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:30px 30px;opacity:.5}.blob-wrap{position:absolute;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}.wrap-1{top:-12%;left:-10%}.wrap-2{top:30%;right:-14%}.wrap-3{bottom:-18%;left:12%}.wrap-4{top:4%;right:22%}.blob{display:block;border-radius:50%;filter:blur(80px);opacity:.45;background:var(--gradient);animation:floatBlobA 48s ease-in-out infinite}.blob-2,.blob-4{background:linear-gradient(135deg,var(--accent-2),var(--accent));animation-name:floatBlobB}.blob-1{width:440px;height:440px;animation-duration:28s}.blob-2{width:380px;height:380px;animation-duration:34s;animation-delay:-14s}.blob-3{width:320px;height:320px;animation-name:floatBlobC;animation-duration:24s;animation-delay:-8s}.blob-4{width:260px;height:260px;animation-duration:30s;animation-delay:-20s}@keyframes floatBlobA{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(38vw,18vh) rotate(35deg) scale(1.25)}40%{transform:translate(14vw,42vh) rotate(70deg) scale(.8)}60%{transform:translate(-30vw,30vh) rotate(110deg) scale(1.2)}80%{transform:translate(-26vw,-14vh) rotate(150deg) scale(.9)}to{transform:translate(0) rotate(180deg) scale(1)}}@keyframes floatBlobB{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-34vw,24vh) rotate(-30deg) scale(.8)}40%{transform:translate(-14vw,-32vh) rotate(-65deg) scale(1.3)}60%{transform:translate(24vw,-20vh) rotate(-100deg) scale(.9)}80%{transform:translate(30vw,14vh) rotate(-140deg) scale(1.15)}to{transform:translate(0) rotate(-180deg) scale(1)}}@keyframes floatBlobC{0%{transform:translate(0) scale(1)}25%{transform:translate(32vw,-34vh) scale(1.3)}50%{transform:translate(-24vw,-12vh) scale(.75)}75%{transform:translate(-20vw,28vh) scale(1.15)}to{transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.blob{animation:none}.blob-wrap{transition:none}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 .5em}p{margin:0 0 1em;color:var(--text)}a{color:var(--accent)}img{max-width:100%;display:block}.container{max-width:1080px;margin:0 auto;padding:0 24px}header.site-header{position:sticky;top:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}#webname{font-size:1.3rem;margin:0;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}nav{display:flex;align-items:center;gap:8px}.nav-links{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px}.nav-links li{margin:0}.webLinks{position:relative;text-decoration:none;font-weight:500;font-size:.95rem;color:var(--text-muted);padding:8px 12px;border-radius:var(--radius-pill);transition:color .2s ease,background-color .2s ease}.webLinks:hover{color:var(--text);background:var(--bg-alt)}.webLinks.active{color:var(--accent);font-weight:600}.nav-utility{display:flex;align-items:center;gap:6px;margin-left:8px}.hamburger-menu{display:none;font-size:20px;color:var(--text);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:38px;height:38px;align-items:center;justify-content:center}@media only screen and (max-width:720px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:8px 16px 16px;gap:4px}.nav-links.active{display:flex}.webLinks{padding:12px 14px}.hamburger-menu{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-pill);border:none;font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-position .4s ease}.btn-primary{color:#fff;background-image:var(--gradient);background-size:160% 160%;background-position:0% 50%;box-shadow:0 8px 24px -8px var(--shadow-strong)}.btn-primary:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 12px 28px -8px var(--shadow-strong)}.btn-ghost{color:var(--text);background:var(--surface);border:1px solid var(--border)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px -12px var(--shadow);padding:28px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 16px 36px -16px var(--shadow-strong);border-color:var(--accent)}.page-header{padding:56px 0 24px;text-align:center}.page-header h2{font-size:clamp(1.8rem,4vw,2.4rem)}.eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}[data-animate].in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-animate]{opacity:1;transform:none;transition:none}}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:center;gap:48px;padding:64px 0 40px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;transition:opacity .1s linear,transform .1s linear,filter .1s linear;will-change:opacity,transform,filter}.hero-photo-wrap{position:relative;justify-self:center}.hero-photo-wrap:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:var(--gradient);z-index:0;animation:spinRing 12s linear infinite}@keyframes spinRing{to{transform:rotate(360deg)}}.hero-photo{position:relative;z-index:1;width:260px;height:260px;object-fit:cover;border-radius:50%;border:6px solid var(--bg);transition:transform .4s ease}.hero-photo-wrap:hover .hero-photo{transform:scale(1.04) rotate(-2deg)}#greetingID{font-size:clamp(1.9rem,4.5vw,2.8rem);margin-bottom:6px}.hero-tagline{color:var(--accent);font-weight:600;margin-bottom:18px}#shortIntro,#longIntro{color:var(--text-muted);max-width:60ch}.hero-ctas{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}#readLessID{margin-left:4px}@media only screen and (max-width:800px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-ctas,#shortIntro,#longIntro{justify-content:center;margin-left:auto;margin-right:auto}}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px auto 0;padding:8px;border:none;background:none;color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:color .2s ease;animation:scrollCueBounce 2.4s ease-in-out infinite}.scroll-cue:hover{color:var(--accent)}@keyframes scrollCueBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.scroll-cue{animation:none}}.next-section{padding:72px 0 88px;margin-top:40px}.next-header{text-align:center;max-width:640px;margin:0 auto 56px;opacity:0;transform:translateY(70px) scale(.85);filter:blur(12px);transition:opacity .1s linear,transform .1s linear,filter .1s linear;will-change:opacity,transform,filter}.next-header h2{font-size:clamp(1.7rem,3.6vw,2.2rem)}.next-header p{color:var(--text-muted);margin:0}.next-header p.next-header-note{margin-top:10px;font-size:.82rem;font-style:italic;opacity:.7}.next-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.next-grid:before{content:"";position:absolute;top:68px;left:8%;right:8%;height:0;border-top:2px dashed var(--border);z-index:0}.next-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-decoration:none;opacity:0;transform:translateY(60px) scale(.8);filter:blur(10px);transition:opacity .1s linear,transform .1s linear,filter .1s linear,box-shadow .3s ease,border-color .3s ease;will-change:opacity,transform,filter}@media(prefers-reduced-motion:reduce){.next-header,.next-card{transition:none}}.next-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px -16px var(--shadow-strong);border-color:var(--accent)}.next-card-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;background:var(--gradient);margin-bottom:18px}.next-card-eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.next-card h3{margin-bottom:8px}.next-card p{color:var(--text-muted);margin:0;font-size:.92rem}@media only screen and (max-width:720px){.next-grid{grid-template-columns:1fr}.next-grid:before{display:none}}.timeline{position:relative;margin:32px 0;padding-left:28px;border-left:2px solid var(--border)}.timeline-item{position:relative;margin:0 0 20px 20px;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 16px -12px var(--shadow)}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:-35px;top:24px;width:14px;height:14px;border-radius:50%;background:var(--gradient);box-shadow:0 0 0 4px var(--bg)}.timeline-item-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.timeline-item h3{margin-bottom:4px;font-size:1.1rem}.timeline-date{flex-shrink:0;color:var(--text-muted);font-size:.82rem;font-weight:500;white-space:nowrap}.timeline-item .role-org{color:var(--accent);font-weight:600;font-size:.9rem;display:block;margin-bottom:6px}.timeline-item p{color:var(--text-muted);margin:0}.section-block{margin:56px 0}.education-card{display:flex;gap:18px;align-items:flex-start}.education-card i{font-size:1.6rem;color:var(--accent);margin-top:4px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.pill-group{display:flex;flex-wrap:wrap;gap:10px}.pill{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:var(--radius-pill);font-size:.88rem;font-weight:500;transition:transform .2s ease,border-color .2s ease}.pill:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.skill-bar{margin-bottom:16px}.skill-bar-label{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:6px;color:var(--text-muted)}.skill-bar-track{height:8px;border-radius:var(--radius-pill);background:var(--bg-alt);overflow:hidden}.skill-bar-fill{height:100%;width:0%;border-radius:var(--radius-pill);background:var(--gradient);transition:width 1.1s cubic-bezier(.22,1,.36,1)}@media only screen and (max-width:720px){.skills-grid{grid-template-columns:1fr}}.projects-grid{display:flex;flex-direction:column;gap:24px;margin-top:24px}.project-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:flex-start}.project-card h4{margin-bottom:6px}.project-card p{color:var(--text-muted);margin:0}.project-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.tag{background:var(--bg-alt);color:var(--accent);font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill)}.text-center{text-align:center}.resume-card{max-width:380px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.resume-card i{font-size:1.5rem;color:var(--accent)}.resume-card p{margin:0;font-size:.92rem}.project-link{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}@media only screen and (max-width:560px){.project-card{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{padding:14px 16px;text-align:left}th{background:var(--bg-alt);color:var(--accent);font-weight:600}tr:nth-child(2n){background:var(--bg-alt)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0}.contact-methods{display:flex;flex-direction:column;gap:14px}.contact-method{display:flex;align-items:center;gap:14px}.contact-method i{width:42px;height:42px;border-radius:50%;background:var(--bg-alt);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-method a{color:var(--text);text-decoration:none;font-weight:500}.contact-method a:hover{color:var(--accent)}.map-card{padding:0;overflow:hidden;margin-top:20px}.map-card iframe{width:100%;height:320px;border:0;display:block}form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}label{font-size:.85rem;font-weight:600;color:var(--text-muted)}input,textarea{font-family:var(--font-body);font-size:.95rem;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-alt);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}input.invalid,textarea.invalid{border-color:var(--danger)}.field-error{font-size:.8rem;color:var(--danger);min-height:1em}form button[type=submit]{align-self:flex-start}#errorMessage{color:var(--danger);font-weight:600}#errorMessage.success{color:var(--success)}@media only screen and (max-width:800px){.contact-grid{grid-template-columns:1fr}}.interests-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.interest-pill{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);padding:12px 18px;border-radius:var(--radius-pill);font-weight:500;transition:transform .25s ease,box-shadow .25s ease}.interest-pill:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px -12px var(--shadow-strong)}.interest-pill i{color:var(--accent)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:460px;gap:20px;margin:32px 0}.gallery-item{position:relative;display:block;width:100%;height:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--surface);transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover,.gallery-item:focus-visible{transform:translateY(-4px) scale(1.015);box-shadow:0 16px 36px -16px var(--shadow-strong)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.06)}.gallery-caption{position:absolute;inset:auto 0 0 0;padding:16px 18px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-weight:600;font-size:.95rem;text-align:left}@media only screen and (max-width:720px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:320px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:#0a0a10d1;opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:min(90vw,900px);max-height:75vh;border-radius:var(--radius-sm);box-shadow:0 24px 60px -20px #0009}.lightbox-caption{color:#fff;font-weight:500}.lightbox-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.lightbox-close:hover{background:#ffffff3d;transform:rotate(90deg)}.advice-card{margin-bottom:48px}#adviceButton{background-image:var(--gradient);background-size:160% 160%;border:none;border-radius:var(--radius-pill);color:#fff;padding:12px 22px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-position .4s ease,transform .2s ease}#adviceButton:hover{background-position:100% 50%;transform:translateY(-2px)}#adviceText{color:var(--text-muted);font-style:italic;min-height:3.25em}@media only screen and (max-width:800px){#adviceText{min-height:6.5em}}footer{margin-top:auto;color:var(--text-muted);text-align:center;padding:20px 24px;border-top:1px solid var(--border);background:var(--bg-alt);position:relative;transition:background-color .3s ease,border-color .3s ease,color .25s ease}footer hr{display:none}footer a{color:var(--text);text-decoration:none;font-weight:600}footer a:hover{color:var(--accent);text-decoration:underline}.footer-container{max-width:1200px;margin:0 auto;line-height:1.5}.footer-container p{margin:0 0 6px;font-size:.85rem}.footer-container p:last-child{margin-bottom:0}.hidden{display:none!important}::selection{background:var(--accent);color:#fff}