*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg: #0b1215;--bg-soft: #0f171a;--text: #e7f2f1;--muted: #a6b7b4;--primary: #12a89c;--primary-600: #0f8f86;--secondary: #4f8cff;--card: rgba(255,255,255,.08);--card-border: rgba(255,255,255,.12)}html.light{--bg: #f7fbfc;--bg-soft: #eef6f7;--text: #0f171a;--muted: #415858;--card: rgba(255,255,255,.92);--card-border: rgba(0,0,0,.06)}body{background:radial-gradient(1200px 800px at 10% 10%,#12393a 0%,var(--bg) 40%),radial-gradient(800px 800px at 90% -10%,#173346 0%,var(--bg) 40%),var(--bg);color:var(--text)}.main-nav{position:sticky;top:0;z-index:100;display:flex;justify-content:center;gap:.6rem;padding:.75rem;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(90deg,#024945b3,#12a89c59);border-bottom:1px solid var(--card-border)}.nav-pill{color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:999px;transition:all .2s ease;border:1px solid transparent;background:#ffffff14}.nav-pill:hover{transform:translateY(-1px);background:#ffffff24}.nav-pill.active{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 6px 22px #12a89c40}.hero{position:relative;overflow:hidden;border-radius:18px;margin:1rem auto 2rem;padding:2.5rem 1rem;max-width:1000px;background:linear-gradient(120deg,#0f2f30,#123a3a 45%,#0e1f2f);border:1px solid var(--card-border);box-shadow:0 20px 60px #00000040}.hero:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(400px 400px at 30% 0%,rgba(18,168,156,.35),transparent 60%),radial-gradient(500px 500px at 90% 20%,rgba(79,140,255,.22),transparent 60%);filter:blur(20px)}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.3rem}.profile-img{width:140px;height:140px;border-radius:50%;object-fit:cover;box-shadow:0 10px 24px #00000059;border:4px solid var(--primary);background:#fff}.hero-title{font-size:clamp(2rem,2.8vw + 1rem,3rem);font-weight:800;letter-spacing:.5px;text-align:center;color:#c9f5f1}.hero-subtitle{font-size:clamp(1.05rem,.9vw + .6rem,1.4rem);font-weight:700;color:var(--primary);text-align:center}.hero-summary{color:var(--muted);max-width:680px;margin:.8rem auto 0;text-align:center;line-height:1.6}.hero-links{display:flex;gap:.8rem;justify-content:center;margin-top:.75rem}.btn{background:var(--secondary);color:#fff;padding:.6rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 10px 20px #4f8cff40;transition:transform .15s ease,box-shadow .15s ease;border:1px solid rgba(255,255,255,.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4f8cff54}.section{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-left:6px solid var(--primary-600);border-radius:14px;box-shadow:0 10px 36px #0000002e;margin:2rem auto;max-width:980px;padding:1.8rem;position:relative}.section h2{font-size:1.6rem;margin-bottom:.8rem}.section p,.section li,.section span,.section a{color:var(--text)}.chip{display:inline-block;background:#12a89c26;color:#bff4ed;padding:.35rem .7rem;border:1px solid rgba(18,168,156,.4);border-radius:999px;font-weight:700;letter-spacing:.3px}.chip+.chip{margin-left:.45rem}.reveal{opacity:0;transform:translateY(24px) scale(.98);transition:opacity .5s ease,transform .5s ease}.reveal.show{opacity:1;transform:none}.scroll-top{position:fixed;right:18px;bottom:18px;z-index:200;border:1px solid var(--card-border);background:var(--card);color:var(--text);padding:.6rem .8rem;border-radius:50%;box-shadow:0 8px 24px #00000040;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scroll-top:hover{transform:translateY(-1px)}